[Web] Menyajikan Audio pada Halaman Web
Untuk
memasukkan suara pada html bisa menggunakan tag <audio>. Format suara yang telah
didukung hingga saat
ini adalah MP3,
Ogg dan WAV.
Jenis
file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini.
 |
| Kompabilitas Browser |
MIME untuk format audio
MIME
(Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text,
aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah
menterjemahkan konten yg diterima. Berikut adalah tipe mime untuk format audio.
 |
| MIME untuk Format Audio |
Atribut tag <audio> </audio>
Atribut
yang digunakan pada tag <audio> </audio> adalah sebagai berikut :
 |
| Tag-tag pada <audio> |
Berikut
ini code html untuk menyajikan audio ke dalam halaman web :
*simpan file html di dalam folder yang sama
dengan file audio yang akan disajikan pada halaman web.
<html>
<head>
<title>Audio</title>
</head>
<body>
<h3>Menyajikan
Audio pada Halaman Web</h3>
<audio
controls = "controls" autoplay="autoplay"
loop="loop" >
<source src="hoobastank - the reason (acoustic).mp3" type="audio/mp3"
<source src="hoobastank - the reason (acoustic).mp3" type="audio/ogg">
<source src="hoobastank - the reason (acoustic).mp3" type="audio/mp3"
<source src="hoobastank - the reason (acoustic).mp3" type="audio/ogg">
</audio>
</body>
</html>
Tampilan pada halaman web :
 |
| Menyajikan Audio pada Halaman Web |
Sumber
: Buku pegangan siswa “pemrograman web”
[RS]
Klik Like & Share jika postingan ini bermanfaat
Apa tanggapan Anda?
Berikan tanggapan Anda melalui kolom komentar yang telah disediakan.
- Gunakan bahasa yang sopan;
- Saat menjadikan postingan pada blog ini sebagai referensi, jangan lupa mencantumkan sumbernya (link dari blog ini).
Jika blog ini bermanfaat jangan lupa memberikan 'like' atau 'share' untuk mendapatkan update terbaru.
Terima kasih