Showing posts with label html5-audio. Show all posts
Showing posts with label html5-audio. Show all posts

Sunday, April 8, 2012

Best way to play sound with HTML5 and Javascript



I'm trying to play a sound and i have found two ways that works for me. Which is the better way and why? is a good idea add a "load" event listener?





First way:







$(document).ready(function() {

var audioElement = document.createElement('audio');

audioElement.setAttribute('src', 'sound.ogg');

audioElement.addEventListener("load", function(){

audioElement.play();

}, true);



audioElement.play();

});







Second way:







$(document).ready(function() {

audioElement = new Audio('sound.ogg');

audioElement.play();

});





Source: Tips4all