Memainkan Audio Di Web Memakai Html5
Sampai kini belum adanya patokan standar yang dipakai untuk memainkan suatu file audio pada situs web, sehingga browser satu dengan lainnya memerlukan plug-in berbeda untuk melaksanakan hal itu.
Di HTML5 ada satu elemen berjulukan AUDIO, beliau dipakai untuk memainkan file audio pada situs web.
Contoh berikut menggunakannya untuk memainkan file audio dangdut ABG TUA di web:
CONTROLS, atribut itu untuk menampilkan audio controls, ibarat tombol play, stop, pause, dll. SRC (atribut wajib yang harus ada), beliau itu untuk menetapkan URL dari file audio yang ingin dimainkan – untuk teladan di atas abg_tua.mp3
.
Atribut lain untuk elemen AUDIO adalah:
AUTOPLAY=”autoplay”
Atribut AUTOPLAY berkhasiat biar saat audio telah siap (browser pertama kali muat), audio itu akan pribadi dimainkan, tanpa harus menekan tombol play. Atribut AUTOPLAY sering dipakai saat atribut CONTROLS tidak digunakan, opsional. Sebagai contoh:
LOOP=”loop”
Atribut LOOP berkhasiat biar audio start kembali, setiap kali audio itu telah final main. Sebagai contoh:
PRELOAD=[“auto”,”metadata”,”none”]
Atribut PRELOAD dapat kita gunakan untuk menetapkan bagaimana cara file audio dimuat oleh browser saat halaman pertama kali muat (ditampilkan).
IE9, Firefox, Opera, Chrome, dan Safari mendukung AUDIO. Tetapi, IE8 dan versi sebelumnya, tidak mendukung AUDIO. Saat ini, ada 3 format file yang didukung untuk AUDIO: MP3, Wav, dan Ogg.
- IE9 mendukung MP3.
- Firefox 4.0 mendukung Mav dan Ogg.
- Chrome 6 mendukung MP3, Wav, dan Ogg.
- Apple Safari 5 mendukung MP3 dan Mav.
- Opera 10.6 mendukung Mav dan Ogg.
Untuk sumbangan format file audio di atas berlainan untuk setiap browser. Semisal cotoh masalah saat aku memiliki instruksi berikut:
Kode di atas hanya IE9, Google Chrome 6, dan Apple Safari 5 saja yang akan menjalankan file format audionya.
Bagaimana dengan Firefox 4.0 dan Opera 10.6 untuk antisipasinya?
Antisipasinya dengan melibatkan elemen SOURCE, dan menjadi berikut bentuknya:
Lihat pada instruksi yang diberikan warna biru, itulah antisipasi untuk browser Firefox 4.0 dan Opera 10.6. Begitupun untuk kasus-kasus yang sebaliknya.