为什么 html 5 音频标签在 FF 上不起作用？答案

【问题标题】：Why is it that html 5 audio tag doesn't work on FF?为什么 html 5 音频标签在 FF 上不起作用？
【发布时间】：2013-01-18 12:11:34
【问题描述】：

我已经构建了一个网络应用程序，它使用 html5 音频标签来播放一些歌曲。当我使用 FF(firefox) 时，我必须播放 ogg 文件，而在 IE 上我必须播放 mp3 文件。

问题是我刚刚将我的 webapp 移到了 Godaddy 服务器上，而 FF 不再播放声音。在 localhost FF 上播放声音，但不在 godaddy 上。 Chrome 在 localhost 上播放声音，就像在 godaddy 上一样。

这是我使用的代码：

<audio id="ff01" src="/files/hello.ogg"></audio>
<audio id="ie01" src="/files/hello.mp3"></audio>
<button class="btn" onClick="document.getElementById('ff01').play()">FF</button>
<button class="btn" onClick="document.getElementById('ie01').play()">IE</button>

你能告诉我为什么 Firefox 在localhost 上播放文件，而不是在godaddy 上吗？

【问题讨论】：

您的服务器为 .ogg 文件发送什么 Content-Type 标头？

标签： firefox mp3 html5-audio ogg

【解决方案1】：

我通过在.htaccess 文件中添加以下内容来解决它

AddType audio/ogg .ogg
AddType audio/mp3 .mp3

【讨论】：

对于.wav文件，添加AddType audio/x-ms-wma .wma（感谢Configuring MIME Types in .htaccess）

【解决方案2】：

您应该指定 mime 类型并将每个音频文件放置为 audio 标记的子级；试试这个：

<audio id="01">
  <source src="/files/hello.ogg" type="audio/ogg">
  <source src="/files/hello.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

【讨论】：

回答。我现在使用这种格式，但它并没有解决问题。