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

1 comment:

  1. You really should go with the first way (with load), because 'DOMReady' doesn't guarantee that the sound file finish downloading, just like with Image.

    ReplyDelete