缓冲时显示加载程序

Question

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

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

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

Answer 1

我找到了以下解决方案：

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

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