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(){;

}, true);;


Second way:

$(document).ready(function() {

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


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.