Question

我有一个网站，我发布自己的音频。我正在使用标准的html 5音频标签。它在除IOS之外的所有平台上都能正常工作。

在IOS中播放时（除非它是2/3分钟内的短歌），它将在歌曲的一部分后停止，并从头开始重播。每次重新启动时，持续时间都会缩短。我不想让它重复，它不应该。音频是标准的mp3

我如何让它播放整首歌并停止播放？

示例：

http://player.compdj.com/Track/Play/rick-oshea-pour-some-sugar-on-me

这是我的代码

       <audio id="player-rick-oshea-pour-some-sugar-on-me" class="HTML5AudioPlayer" preload="auto" width="480" controls data-controls-time="true" onplay="void(0);" data-controls-duration="true" data-controls-volume="true">
            <source src="/Upload/Stream/rick-oshea-pour-some-sugar-on-me" type="audio/mp3" />
        </audio>

Answer 1

首先，audio/mp3不是有效的MIME类型。您需要使用audio/mpeg代替。其次，您的服务器需要支持Safari和iOS支持的字节范围请求。 See here for more information on the subject

示例请求：

GET /Upload/Stream/rick-oshea-pour-some-sugar-on-me HTTP/1.1
Range: bytes=5210604-5275910

预期回应：

HTTP/1.1 206 Partial Content
Accept-Ranges: bytes
Content-length: 65307
Content-Range: bytes 5210604-5275910/5275911
Content-Type: audio/mpeg

Answer 2

我知道这很旧，但是如果您最近搜索了此内容，并且无法像我一样实施此修复程序，那么这就是我要做的。我将所有mp3文件都移到了Azure Blob存储中，并且可以正常工作。我使用azure CDN url访问文件，但我认为这不是必需的。

IOS html 5音频重复和跳过

2 个答案: