HTML5 音频在 Firefox 上不起作用答案

【问题标题】：HTML5 audio not working on FirefoxHTML5 音频在 Firefox 上不起作用
【发布时间】：2012-02-08 12:54:55
【问题描述】：

在 Chrome 上运行良好。此外，我使用的是 ogg 文件，所以这不是问题。我在最新版本 9.0.1 上运行。 Chrome 和 Firefox 应该都支持 HTML5 音频。

<audio id="audio">
  <source src="audio/Your_Hand_In_Mine.ogg" type="audio/ogg" />
  <source src="audio/Your_Hand_In_Mine.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

【问题讨论】：

您的 ogg 文件可能无法播放。尝试只玩 ogg。 Chrome 支持 mp3 和 ogg。它可能跳过了 ogg 并选择了 mp3。 firefox 播放 ogg 和 wav。 w3schools.com/html5/html5_audio.asp
有趣的尝试。但是，我在 Chrome 上打开了 ogg 文件，它运行良好。我尝试创建一个 .wav 文件并在 FF 上播放，但没有任何运气。感谢您的评论！
直接从链接打开时，FF 会独立播放 ogg 文件吗？你自己编码过这个文件吗？
@MikkoOhtamaa 当我通过 FF 打开文件时它不播放文件。这是我从 iTunes 下载并放入音频文件夹的歌曲。
编码可能是错误的。使用一些 HTML5 音频教程作为基础，将歌曲编码为 Ogg Vorbis。

标签： html firefox audio cross-browser

【解决方案1】：

默认情况下，大多数服务器（包括 GoDaddy 使用的服务器）不为 OGG 文件提供适当的 MIME 类型。在这种情况下，如果您希望 HTML5 音频播放器在 Firefox 中正常工作，您需要为 OGG 文件设置适当的 MIME 类型。因此，对于 Apache 服务器，您需要将以下内容添加到您的 .htaccess 文件中：

AddType audio/ogg .oga
AddType video/ogg .ogv
AddType application/ogg .ogg

显然，如果不提供 MIME 类型，其他浏览器会根据文件扩展名猜测 MIME 类型。

如果您想了解更多信息，请查看 Mozilla 开发者网络上的此页面：https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

【讨论】：

【解决方案2】：

http://support.mozilla.org/en-US/questions/758978 我发现这对我来说很有用，因为我有正确的 mime 类型但仍然没有运气：

您不能在 Firefox 中使用这样的代码播放 MP3 文件。见https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements

<audio controls="controls"> 
<source src="http://www.kevinroseworld.com/Music/OkaVanga/OkaVanga/BajeLaCalle.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

您必须使用普通对象元素才能在 Firefox 中播放该歌曲。您可以将这些视为示例：

<object data="music.mp3" type="application/x-mplayer2" width="xxx" height="xxx"><param name="filename" value="music.mp3"></object>
<embed type="application/x-mplayer2" src="file.mp3" height="xxx" width="xxx" >

【讨论】：

【解决方案3】：

尝试使用一些音频库来处理 HTML5 音频。因为库处理有关 html5 音频的各种问题。如果浏览器不支持 HTML5 音频，一些库会为 Flash 音频提供自动回退。最好的图书馆之一是http://www.schillmania.com/projects/soundmanager2/

【讨论】：

【解决方案4】：

解决方法是将ogg文件正确转换为mp3，反之亦然。当我刚刚将 .ogg 文件重命名为 mp3 时，编码错误，我很傻。我使用了名为“Audacity”和“Switch”的软件来完成这项工作。

【讨论】：

必须同意 op 接受的答案。我使用了一个在线转换器，我无法在 ffox 中使任何 html5 代码变体工作（对象工作）。大胆地重新进行了转换，一切都很好。
我想每件事都有第一次。包括将投反对票的答案视为接受的答案！
我只是投了反对票，因为这与我对该问题的实际解决方案无关。事实证明，Microsoft AAC 解码器仅适用于设定的采样率，并且由于 MSFT AAC 解码器，在 2020 年使用 Firefox 的 Windows 上播放无法正常工作。很高兴您解决了您的特定问题。