Internet Explorer 10 中 HTML5 音频标签的“错误：不支持的音频类型或无效的文件路径”答案

【问题标题】："Error: Unsupported audio type or invalid file path" for HTML5 Audio tag in Internet Explorer 10Internet Explorer 10 中 HTML5 音频标签的“错误：不支持的音频类型或无效的文件路径”
【发布时间】：2012-10-30 00:48:17
【问题描述】：

我有以下带有音频标签的 html5 文档，并且对于不支持它的浏览器可以回退到 Flash：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  </head>
  <body>
    <audio autoplay controls preload="auto" autobuffer> 
      <source src="trumpet.ogg" type="audio/ogg">
      <source src="trumpet.mp3" type="audio/mp3">
      <source src="trumpet.wav" type="audio/wav">
      <source src="trumpet.m4a" type="audio/aac">

      <!-- Flash fallback -->
      <object width="1" height="1" type="application/x-shockwave-flash" data="player.swf">
        <param name="movie" value="player.swf">
        <param name="flashvars" value="file=trumpet.mp3">
      </object>
    </audio>
  </body>
</html>

所有文件都由服务返回，在 http 标头中具有正确的 MIME 类型。该解决方案适用于除 Internet Explorer 9 和 10 之外的所有浏览器（except 用于兼容模式，因为 Flash 文件将在那里播放）。

在这两个浏览器中，我可以看到带有错误消息的播放器控件显示为“错误：不支持的音频类型或无效的文件路径”。我试图打乱源标签的顺序，但找不到解决方案让它播放它们中的任何一个。

有没有人提示要检查什么或这里出了什么问题？

请参阅http://l.urff.at/html5audioexample 以了解上述标记。

提前感谢您提供任何有用的提示或提示！ :)

【问题讨论】：

你能不能试着把音频/aac 优先级调高，看看它是否对 IE 有帮助？
它在 IE10/Windows 8 中为我工作（在常规标准模式下）
在 IE10/Windows 7 上不起作用。我注意到 IE 实际上是在请求文件，但是它只占用几个字节然后关闭连接......
stackoverflow.com/questions/11681856/…
@jgillich MP3 应该按要求播放。实际上，我已经测试了一个 mp3，它可以在浏览器文件中本地播放，并且可以通过网络播放——本地音频标签可以工作，但网络请求的却没有 ....

标签： html internet-explorer internet-explorer-9 html5-audio internet-explorer-10

【解决方案1】：

您的示例在 Windows 8 上的 IE10 中对我来说很好。

你应该知道：

您应该只需要 Ogg Vorbis 和 AAC (.m4a) 即可覆盖所有浏览器。 .wav 和 .mp3 无济于事。
某些格式具有复杂的子格式，例如 .wav 文件可以包含 MP3 音频，.m4a 文件可以包含特定系统可能不支持的特定采样率或位深度，以及 .ogg 文件可以包含视频或其他内容。大多数浏览器并不支持所有子格式，因此您应该仔细检查您使用的每种声音的确切子格式并确保它们受支持。几乎总是支持 16 位 44.1KHz 单声道/立体声，因此请尽量不要偏离它。

【讨论】：