在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