HTML5 / Jquery - Как правильно предварительно загрузить аудио?

Question

Я создал игру, в которой есть несколько элементов на странице, когда при наведении мыши на элемент запускается звуковой файл.

Работает, однако,

Мой вопрос: как правильно предварительно загрузить аудио?Поэтому я могу быть уверен, что мое аудио воспроизводится, как только пользователь взаимодействует с элементом.

В настоящее время я инициализирую свой аудиообъект при наведении мыши

$('.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, прежде чем будет загружено содержимое страницы.