HTML5 音频无法在 Firefox 上运行

Question

在 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>

Answer 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 页面上的 为 Ogg 媒体配置服务器。

Answer 2

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

您无法在 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" >

Answer 3

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

Answer 4

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