javascript - 缓冲时显示加载器

Question

我最近用Phonegap为IOS制作了一个应用程序。我使用 html5 音频元素通过单击按钮来流式传输音频。播放按钮有一个图像。如果单击它，我将其更改为停止按钮（将 src 更改为）document.getElementById("xxxxxx").src

然后我认为显示一个加载器按钮会很有用。所以我做了。问题是：单击按钮时，我更改为加载程序，然后延迟 4 秒到停止按钮。但是即使在phonegap中也必须有更好的解决方案。

现在的问题： 有没有办法识别/检查缓冲和第一个音调。我想在设备缓冲时显示一个加载器，当它完成时（Iphone4 1-2 秒，Iphone3 5-7 秒）停止按钮。

Answer 1

我找到了以下解决方案：

myaudio.addEventListener("canplaythrough", function () {
   document.getElementById("foo").src = "foo.png";
}, false);
myaudio.play();

如果canplaythrough为真 - 似乎正是手机开始播放声音的时间点。