iPad safari html5 音频播放答案

【问题标题】：iPad safari html5 audio playbackiPad safari html5 音频播放
【发布时间】：2012-09-05 01:37:48
【问题描述】：

我使用 HTML5 在 iPad 上播放 mp3 文件。

我放了两个音频标签：

一个使用的音频源来自 http://www.schillmania.com/projects/soundmanager2/demo/_mp3/office_lobby.mp3
另一个是我本地的nginx服务器，mp3文件是下载的从 http://www.schillmania.com/projects/soundmanager2/demo/_mp3/office_lobby.mp3

单击音频播放器控件上的播放按钮后，它们都可以播放。遥控器可以播放；但是我本地 nginx 的 mp3 无法播放，即使在 mp3 播放完成后，它也总是显示“streaming...”。

HTML5 代码如下：

<p>Remote</p>
<audio controls="controls">
  <source src="http://www.schillmania.com/projects/soundmanager2/demo/_mp3/office_lobby.mp3" type="audio/mpeg" />
  Audio not support!
</audio>
<p>Local Nginx</p>
<audio controls="controls">
  <source src="http://192.168.1.100/office_lobby.mp3" type="audio/mpeg" />
  Audio not support!
</audio>

我想知道为什么两个音频控件的行为不同。是nginx配置问题吗？

【问题讨论】：

你的问题到底是什么？
嗨@CeaneLamerez，我的问题是如何配置我的nginx服务器，以便我的nginx服务器中的HTML5音频控制使用mp3文件与schillmania.com/projects/soundmanager2/demo/_mp3/…中的音频控制使用mp3文件完全一样。
用--with-http_mp4_module重新编译nginx可以解决这个问题。

标签： ipad html audio safari nginx

【解决方案1】：

我也遇到过类似的问题。

您可以直接在浏览器中查看音频 URL。如果您遇到“403 Forbidden”问题，则表示您的本地 mp3 权限错误。

希望对你有帮助。

【讨论】：

就我而言，mp3播放得很好，当我在浏览器中输入网址时，我可以成功下载。我的一位同事通过使用 --with-http_mp4_module 重新编译 nginx 解决了这个问题。