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秒左右开头）

提前致谢， 凸轮

Answer 1

如果$（document）.ready（function（）{}）;它会在加载页面内容之前在DOM加载时初始化你的音频对象。