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 连接连接到网络。

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

Answer 1

您可能希望为每个声音创建音频元素的单个实例:

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 中缓存声音文件:

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

NETWORK:
*

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