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上有意禁用“自动播放”。

此时似乎还没有完全实现“音量”属性。

请注意，在没有全屏QT播放器的情况下播放iOS 4音频。

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不支持＆lt; audio＆gt;标签完全 - 它将用它做的就是以QuickTime风格完全播放它。

Answer 5

你可以用老式的嵌入式标签来做，但我不知道Mobile Safari是否会尊重它的循环属性。

Answer 6

不允许播放视频或声音等媒体（目前为止）。如果您想播放视频或音频，iPhone将在外部（默认）播放器中打开它。当播放器打开时，您无法控制网页，直到用户关闭外部播放器或视频/声音自行停止。

在iPhone上循环播放HTML5音频

6 个答案: