Html5音频/ jQuery：播放延迟问题（预加载）

Question

我正在处理html5音频并且遇到了一些缓冲区问题。这在Chrome中非常出色，但是在Safari（和SafMob）中存在明显的延迟。这个想法很简单。用户点击img链接，img“跳转”并发出声音。 Here is an example。

有没有办法预先加载声音文件，以便它播放更快？同样，我主要关心的是Safari/Safari Mobile浏览器。

jQuery的我使用：

$("#bell a").click(function() { 
    var snd = new Audio("ping.mp3"); 
    snd.play(); 
    $(this).stop().animate({ marginTop: "-10px" }, 200).animate({ marginTop: "18px" }, 200).animate({ marginTop: "1px" }, 300); 
return false; 
}); 

这是按钮的代码：

<ul id="bell"> 
    <li class="button"><a href="#" title="Pling">Link Text</a></li> 
</ul> 

Answer 1

预紧其实需要的值，自动之一，元或自动。虽然我认为默认行为是下载整个文件。

还有一点：Playing with audio files或来自规范本身：preload attribute。

不知道这是否有帮助。

Answer 2

避免在每次单击全局变量时单击创建一个新的音频元素，以便重用现有实例。

然后用snd.cloneNode(true).play();

更换snd.play();对于我来说，做出了巨大的差异。