在iPhone上循環播放HTML5音頻

Question

我正在嘗試制作一個HTML5 webapp，它只是在我的iPhone上一遍又一遍地播放聲音。 我不知道任何Obj-C本地做它。

我的工作正常，但聲音只播放一次：

<!DOCTYPE html>
<html>
    <head>
        <title>noisemaker!</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
    </head>
    <body>
        <audio src="noise.mp3" autoplay controls loop></audio>
    </body>
</html>

有沒有辦法繞過QuickTime音頻屏幕並在網頁中循環播放，或者讓QuickTime音頻屏幕循環播放聲音？

Answer 1

我發現“loop”屬性似乎並不完全適用於iPhone（iOS 4.0）上HTML5音頻元素的最新實現。 我發現這是一個解決方法：

<audio src="noise.mp3" onended="this.play();" controls="controls" autobuffer></audio>

我發現你必須不在上面放“循環”，否則“onended”事件似乎不會觸發（即“循環”部分實現）。

請注意，iPhone上有意禁用“自動播放”。

此時似乎“音量”屬性也未完全實現。

請注意，iOS 4音頻播放時沒有全屏QT播放器。

Answer 2

您是否嘗試過為屬性使用鍵/值對。 我知道你應該只能指定attr，但只是為了扮演魔鬼的擁護者。 嘗試：

<audio src="noise.mp3" autoplay="autoplay" controls="controls" loop="loop"></audio>

Answer 3

關於什么：

<audio src="noise.mp3" autoplay="" controls="" onended="this.play()"></audio>

Answer 4

iPhone OS 3.0不完全支持<audio>標簽 - 所有它將用它完成QuickTime風格的全部播放。

Answer 5

您可以使用老式的嵌入標記來完成，但我不知道Mobile Safari是否會遵循其循環屬性。

Answer 6

不允許播放視頻或聲音等媒體（目前為止）。 如果您想播放視頻或音頻，iPhone將在外部（默認）播放器中打開它。 當播放器打開時，您無法控制網頁，直到用戶關閉外部播放器或視頻/聲音自行停止。

在iPhone上循環播放HTML5音頻

問題描述

6 個解決方案

解決方案1
12 已采納 2010-07-10 19:44:33

解決方案2
1 2010-04-05 13:20:57

解決方案3
1 2010-04-06 12:51:24

解決方案4
1 2010-04-09 16:21:23

解決方案5
0 2010-04-05 03:41:05

解決方案6
-1 2010-04-19 14:27:30

在iPhone上循環播放HTML5音頻

問題描述

6 個解決方案

解決方案1 12 已采納 2010-07-10 19:44:33

解決方案2 1 2010-04-05 13:20:57

解決方案3 1 2010-04-06 12:51:24

解決方案4 1 2010-04-09 16:21:23

解決方案5 0 2010-04-05 03:41:05

解決方案6 -1 2010-04-19 14:27:30

解決方案1
12 已采納 2010-07-10 19:44:33

解決方案2
1 2010-04-05 13:20:57

解決方案3
1 2010-04-06 12:51:24

解決方案4
1 2010-04-09 16:21:23

解決方案5
0 2010-04-05 03:41:05

解決方案6
-1 2010-04-19 14:27:30