Il modo migliore per riprodurre suoni con HTML5 e Javascript

Question

Sto provando a riprodurre un suono e ho trovato due modi che funzionano per me. Qual è il modo migliore e perché? è una buona idea aggiungere un listener di eventi "load"?

Primo modo:

$(document).ready(function() { 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', 'sound.ogg'); 
    audioElement.addEventListener("load", function(){ 
     audioElement.play(); 
    }, true); 

    audioElement.play(); 
}); 

Secondo modo:

$(document).ready(function() { 
    audioElement = new Audio('sound.ogg'); 
    audioElement.play(); 
}); 

Answer 1

Si dovrebbe davvero andare con il primo modo (con load), perché "DOMReady" non garantisce che il file audio finisca di scaricare, proprio come con Immagine.

Answer 2

davvero dovrebbe utilizzare un sistema di rilevamento funzione per questo. Io userei Modernizr to test for HTML5 audio. In questo modo stai solo tentando di offrire l'audio a chi può ottenerlo con HTML5.

È possibile anche test for HTML5 features e fallback in alternativa se non si trova utilizzando Modernizr. Queste alternative sono chiamate "polyfill" e un elenco di queste che Modernizr supporta è here.

Il vantaggio di farlo in questo modo è che si sta coprendo tutte le basi in termini di funzionalità del browser. Peccato per gli stupidi là fuori che usano ancora IE7.