Menjalankan file audio dari browser
Beberapa waktu lalu saya mengerjakan projek aplikasi antrian untuk pengadilan agama di salah satu kota di Jawa Barat. Karena saya menggunakan aplikasi berbasis web, ada beberapa tantangan implementasi coding yang harus diselesaikan, diantaranya adalah: bagaimana menjalankan menjalankan dan mengontrol file audio dari browser.
Di sini saya akan memberikan tips menjalankan file audio dari browser dengan cara yang paling efektif dan mudah (menurut saya), yakni menggunakan kemampuan HTML5.
Contoh kode sederhana bisa ditiru sebagai berikut:
<audio controls=”controls”>
<source src=”adzan.wav” type=”audio/wave” />
<source src=”adzan.mp3″ type=”audio/mpeg” />
Your browser does not support the audio element.
</audio>
Jika yang seperti itu tidak jalan, mungkin browser perlu diberitahu bahwa dokumen kita adalah HTML5, caranya, tulis pada bagian atas doc html kode <!DOCTYPE HTML> seperti contoh berikut:
<!DOCTYPE HTML>
<html>
<body>
…
Jika browser tidak mendukung HTML5, akan muncul pesan seperti yg tertulis pada kode diatas: Your browser does not support the audio element .
Browser-browser terkini sudah mendukung HTML5, namun beberapa diantaranya belum bisa men-support semua jenis file. Maka dari itu pada contoh diatas diberikan dua alternatif tipe file. Prioritas yang dijalankan adalah file yang pertama (adzan.wav), jika gagal, file kedua yang akan dijalankan (adzan.mp3).
Selamat mencoba.
Bagaiaman dengan control Javascript? caranya bisa dilihat di sini: Control Audio Menggunakan HTML5 + Javascript
