Control Audio Menggunakan HTML5 + Javascript

Ini adalah kelanjutan tips dari artikel Menjalankan file audio dari browser .

Misal kita memiliki elemen html audio sebagai berikut:

<audio id=’suara_1′>
<source src=”adzan.wav” type=”audio/wave” />
<source src=”adzan.mp3″ type=”audio/mpeg” />
Your browser does not support the audio element.
</audio>

Maka, kode javascript untuk menjalankan file tersebut adalah sebagai berikut:

function playSound(s) {

var a1 = document.getElementById(s);
a1.play();

}

playSound(‘suara_1′);

selain method .play(), method lain yang bisa digunakan adalah .pause().

Mudah sekali kan?