javascript - 在 iPad 上播放声音时有延迟

Question

在我的小型 HTML5 网络应用程序中，我想播放声音以响应用户操作。当用户单击按钮时，在 onclick 处理程序中我会播放如下声音：

    url = "assets/sounds/buzz" + (this.canPlayMP3 ? ".mp3" : ".ogg");
    sound = new Audio(url);
    sound.load();
    sound.play();

这在 Firefox 上效果很好。不幸的是，在 iPad（运行 iOS 5.1.1 的 iPad 2）上，我在播放声音之前有 2 秒的延迟。每次我播放声音样本时都会发生这种情况，而不仅仅是第一次。

MP3 文件长 9KB。iPad 使用与运行 Firefox 的计算机完全相同的 Wifi 连接连接到网络。

我怎样才能弄清楚发生了什么？

score 3 · Accepted Answer

您可能希望为每个声音创建一个音频元素实例：

var Sounds = {
    cat: new Audio('/sounds/meow.ogg'),
    bird: new Audio('/sounds/tweet.ogg')
};

然后你可以一遍又一遍地播放相同的元素：

function playSound(name) {
    Sounds[name].currentTime = 0;
    Sounds[name].play();
}

playSound('cat');

如果 iOS 销毁您的对象，您可以在缓存清单Audio中缓存声音文件：

CACHE MANIFEST
# 2012-08-09:v1.3

NETWORK:
*

CACHE:
/sounds/meow.ogg
/sounds/tweet.ogg

score 2 · Accepted Answer

如何将负载移到处理程序之外，例如使其全局/预加载？然后内部处理程序仅调用播放方法。

2 回答 2