缓冲时显示加载程序

Question

我最近用Phonegap为IOS制作了一个应用程序。我使用html5音频元素通过单击一个按钮来流音频。有一个形象的戏剧-按钮。如果单击它，则将其更改为停止按钮(通过document.getElementById("xxxxxx").src更改src )。

然后我想展示一个装载机按钮是有用的。所以我就这么做了。问题是:当单击Button时，我切换到加载程序，然后延迟4秒到停止按钮。但即使在phonegap，也必须有更好的解决方案。

现在的问题是：是否有一种识别/检查缓冲和第一音调的方法。我想在设备缓冲时显示一个加载程序，当它完成时(Iphone4 1-2秒，Iphone3 5-7秒)显示停止按钮。

Answer 1

我找到了以下解决方案：

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

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