html - Firefox 12，无法播放声音文件。不支持“音频/mp3”的指定“类型”

Question

这是HTML：

<audio controls="controls" tabindex="0">
    <source type="audio/ogg" src="/Public/audio/ding.ogg"></source>
    <source type="audio/mp3" src="/Public/audio/ding.mp3"></source>
    Your browser does not support the audio element.
</audio>

播放器在最新版本的 Chrome ( 18 ) 中显示得很好。

而在 Firefox 12 中，播放器在初始页面加载时闪烁，然后逐渐淡出。

这是我通过 Firebug 检查时看到的错误消息：

不支持“application/octet-stream”的 HTTP“Content-Type”。加载媒体 > 资源http://localhost:18214/Public/audio/ding.ogg失败。

不支持“音频/mp3”的指定“类型”。媒体资源 /Public/audio/ding.mp3 加载失败。

未能加载所有候选资源。媒体加载暂停。

如何在 Firefox 12 中播放音频文件？

Answer 1

确保您的服务器为 .ogg 文件发送正确的内容类型。根据您的服务器application/octet-stream在应该application/ogg（或可能audio/ogg）发送的错误。

由于您将 ASP.MVC3 与 IIS7 一起使用，因此不要忘记为 .ogg 文件添加 MIME 类型。 http://technet.microsoft.com/en-us/library/cc725608%28v=ws.10%29.aspx

application/ogg

添加该 MIME 类型后，IIS 将正确地为您的 .ogg 文件提供服务，并且播放器将正常工作。