Android 浏览器中的 HTML5 音频/视频加载问题答案

【问题标题】：HTML5 audio/video loading issue in Android browsersAndroid 浏览器中的 HTML5 音频/视频加载问题
【发布时间】：2012-11-09 10:45:05
【问题描述】：

我正在 HTML 5 中做一个项目，目标是 android 平板电脑。有一些使用音频 timeupdate 委托触发的 jquery 动画。

它工作正常，但在浏览页面时显示了一些加载问题。它有时不会加载。我在 $(document).ready(); 方法中添加了一个加载器，并将在 canplaythrough 委托中删除。

有时加载器不会消失，因为 canplaythrough 没有被调用。

经常找不到问题。 为什么每次都没有正确加载音频？这是因为浏览器缓存吗？

我正在 Android 默认浏览器和 chrome 浏览器中对其进行测试。

谁能告诉我为什么会这样。

任何帮助将不胜感激。

【问题讨论】：

对于这些事情，您应该非常小心地记住页面将经过的确切时间线以及每个点会发生什么。就像指挥管弦乐队一样。这就是为什么我不使用 Jquery 来处理这类事情，而是我自己编写的函数来设置时间，以便我确切地知道在什么时候发生了什么，而不会被我不知道的 jquery 处理隐藏起来， jquery 更新时可能会发生变化。如果没有人给出适合您的好答案，请尝试用您自己的函数替换计时器。
嗨@MichaelDibbets，感谢您的建议。但是使用时间更新不会有任何问题。问题在于加载。我认为浏览器正在尝试缓存音频元素。这就是为什么它有时没有加载。我在任何地方都找不到合适的解决方案。

标签： android html caching audio html5-video

【解决方案1】：

我发现在“错误加载”情况下调用了“abort”方法，而不是“error”方法。然后我检查了“readyState”值。它显示“0”（HAVE_NOTHING）值。在这种情况下，我尝试刷新页面。这似乎工作，但这将是一个不好的做法，因为用户可以看到浏览器正在尝试刷新页面多次。是否可以重新加载音频对象。

【讨论】：