HTML5 / Jquery - 預加載音頻的正確方法是什么？

Question

我創建了一個游戲，頁面上有許多元素，當元素上的鼠標懸停事件被觸發時，播放音頻文件。

然而，它的工作，

我的問題是，預加載音頻的正確方法是什么？ 所以我可以確保我的音頻在用戶與元素交互時立即播放。

我目前正在mouseover上初始化我的音頻對象

$('.circle').mouseover(function() {
    // retrieve ref from data- attribute
    var noteIndex = $(this).attr('data-note'); 

    // locate url from the array notes using noteIndex ref
    var snd = new Audio(notes[noteIndex]); 
    snd.play();
}

我知道音頻標簽，但我不確定這與我上面的技術有什么不同。

編輯：我目前如何加載音頻http://jsfiddle.net/kA5Bv/1/的例子（注意鍵不會立即播放，那是因為我使用的示例音頻文件有1/2的差距開頭的第二個左右）

提前謝謝，Cam

Answer 1

那么$（document）.ready（function（）{}）;它會在加載頁面內容之前在DOM加載時初始化你的音頻對象。