[Web] Menyajikan Audio pada Halaman Web - nblognlife

[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">
</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

0 Response to "[Web] Menyajikan Audio pada Halaman Web"