" /> Format Tampilan Audio Berbasis HTML - TN Mikro
Home > Pemrograman Web > Pembuatan Halaman Web > Format Tampilan Audio Berbasis HTML

Format Tampilan Audio Berbasis HTML

Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>. Untuk memasukkan suara pada html bisa menggunakan tag <audio>. Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP. File-file Audio yang didukung HTML5 adalah MP3,WAV, dan OGG. Tidak semua tipe file audio tersebut didukung oleh browser.
 OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
 MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.
 WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.

Jenis file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini.
image

image

a. Dari tabel di atas dapat dilihat bahwa bila saat meletakan file mp3 di web yang kita buat, akan ada beberapa orang yang tidak bisa memutar hasil embed mp3 di web yan telah kita buat tersebut. Hal tersebut bisa jadi disebabkan browser yang digunakan tidak support pada file berekstensi mp3.

b. 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. Tidak hanya pada web, email juga menggunakan MIME. Berikut adalah tipe mime untuk format audio.
image

Menyajikan audio dalam tampilan web
File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut adalah format lengkap untuk memainkan musik ke dalam aplikasi web.
image

image

Ketika mencoba listing program diatas , file audio ditempatkan dalam satu folder yang sama dengan file *.htm dan nama file audio nya disesuaikan dengan file audio yang anda gunakan. Untuk listing program di atas menggunakan file audio bernama “house.mp3” dan “house.ogg”. Bila listing program diatas dijalankan akan menghasilkan tampilan audio di browser . Tekan tombol play untuk memulai menjalan audionya.
image

Atribut yang digunakan pada tag <audio> </audio> dapat juga menggunakan atribut autoplay, loop dan controls. Detail atribut pada audio adalah sebagai berikut :
image