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加载时初始化你的音频对象。