HTML5 / Jquery - 预加载音频的正确方法是什么？

Question

I've created a game which has a number of elements on a page, when the mouseover event on the element is triggered an audio file plays.

Its working, however,

My question is, What is the correct way to preload audio? So i can be sure that my audio plays as soon as the user interacts with the element.

I'm currently initialsing my audio object on 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();
}

I'm aware of the Audio tags, but i'm unsure how that differs from my technique above.

EDIT : example of how i'm currently loading audio http://jsfiddle.net/kA5Bv/1/ (note the key doesn't play immediately, thats because the example audio files i've used has a gap of 1/2 second or so at the beginning)

Thanks in advance, Cam

Answer 1

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