iPhone、JQTouch 和 HTML5 音频标签答案

【问题标题】：iPhone, JQTouch and HTML5 audio tagsiPhone、JQTouch 和 HTML5 音频标签
【发布时间】：2010-04-23 10:50:25
【问题描述】：

我在使用 JQTouch（最新测试版）和 html5 音频标签时遇到问题在“子页面”上 - 音频标签在任何页面转换之前工作完成，然后停止工作。

例如：

http://richardprice.dyndns.ws/test.html

和

http://richardprice.dyndns.ws/test2.html

除了我在两者之间交换“当前”类之外是相同的 divs - 所有的音频标签播放相同的 mp3。

在 test.html 上，初始页面上的音频标签有效，但是当你切换到第 2 页该页面上的音频标签没有（有时导致浏览器崩溃）。切换回第 1 页和音频标签在该页面上已停止工作。

test2.html 是相同的测试，但初始页面颠倒了，并且同样的事情发生 - 第 2 页（现在是初始页面）播放音频，第 1 页没有，切换回第 2 页会导致音频不再工作。

想法？

【问题讨论】：

标签： iphone audio html jqtouch

【解决方案1】：

可能是因为第 2 页上的音频标签没有布局（因为它的显示没有）。我以前见过这种行为，见 cmets here。

您可以尝试在该页面的 pageAnimationEnd 事件中通过 DOM (document.createElement('audio') ...) 添加音频。

【讨论】：

【解决方案2】：

我在 JQTouch 的 r148 上遇到了同样的问题。我在网站的三个独立子页面上嵌入了 HTML5 音频。我第一次加载每个页面时，音频播放良好（在 QuickTime，iPhone 3.1 中）。当我在同一会话中返回这些页面时，指向音频的 iPhone 链接在播放三角形中有一条线。浏览器经常崩溃到主屏幕。

令人讨厌的是，iPad 中的音频播放器可以在这些 JQTouch 页面上完美运行。来回，加载和重新加载。

崩溃的 iPhone 播放器让我担心，所以我不得不恢复到一个无聊的旧链接。我们距离发布日期太近了，无法尝试任何 JavaScript 变通方法。

【讨论】：