HTML5とJavascriptを使用してサウンドを再生する最良の方法

Question

私はサウンドを再生しようとしています。私は2つの方法がわかりました。 どちらが良い方法で、なぜですか？ 「ロード」イベントリスナーを追加することをお勧めしますか？

最初の方法：

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

    audioElement.play(); 
}); 

第二の方法：

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

Answer 1

「DOMReady」は、Imageの場合と同様に、サウンドファイルのダウンロードが完了するとは限りませんので、最初の方法（load）を使用してください。

Answer 2

あなたは本当にこのため、特徴検出システムを使用する必要があります。私はModernizr to test for HTML5 audioを使います。そうすれば、あなたはHTML5でそれを手に入れることができる人にオーディオを提供しようとしているだけです。

さらに、Modernizrを使用してtest for HTML5 featuresと代替手段を見つけることもできます。これらの代替品は「ポリフィル」と呼ばれ、Modernizrがサポートするこれらの一覧はhereです。

このようにすることの利点は、ブラウザの機能に関してすべての拠点をカバーしていることです。私はIE7を使用してまだそこに愚か者を同情します。