javascript - IE 11的异常音频行为

Question

我正在尝试将HTML5音频嵌入到Web项目中，以便在触发某些事件时在后台播放。

奇怪的是，Internet Explorer显然不会从我的一个网络域中加载音频。为了证明这一点，我制作了录音的4个相同副本，其中2个放在sandbox.g-liu.com(一个子域)中，另外2个放在g-liu.com(没有子域)中。代码如下。请注意，我使用的是绝对URL，因此无论放在哪里，此代码都不会导致404。

<audio id="asmpg" controls>
        <source src="http://sandbox.g-liu.com/src/cat.mp3" type="audio/mp3" />
        <source src="http://sandbox.g-liu.com/src/cat.ogg" type="audio/ogg" />
        No audio support.
</audio>

<h2>Audio MP3/OGG from other subdomain</h2>

<audio id="admpg" controls>
        <source type="audio/mpeg" src="http://g-liu.com/files/cat.mp3" />
        <source type="audio/ogg" src="http://g-liu.com/files/cat.ogg" />
</audio>

JS FIDDLE: http://jsfiddle.net/2xrUK/

Opera，Firefox，Chrome :加载两个音频元素。

Safari :未经测试。不要拥有Mac。

Internet Explorer 11 :可以很好地加载第一个 #asmpg，但不能加载 g-liu.com中的音频。在控制台中，我收到消息，
MEDIA12899: AUDIO/VIDEO: Unknown MIME type.
其他浏览器没有此问题，并且可以正常播放音频。在这一点上，为什么IE无法从 g-liu.com检索音频已经超出了我的范围。它告诉我它遇到未知的MIME类型，但是我确实在 source标记中指定了它。也许是将数据发送到网页的方式？

(旁注:出于调试目的，这是我正在尝试做的事情的简化。在实际开发中，我异步加载音频，并在用户单击按钮时播放/暂停音频。)

Answer 1

设置服务器以发送具有正确MIME类型的文件。

您可以使用http://simonecarletti.com/tools/http-checker进行测试。查找“内容类型”。

http://g-liu.com/files/cat.mp3说“应用程序/八位字节流”。应该是“音频/ mpeg”。

同样在您的示例中，您编写了audio / mp3和audio / mpeg。它们都应该是音频/ mpeg。

您可以在网站根目录的.htaccess文件中添加以下内容，以更改Apache设置:

AddType audio/mpeg .mp3

问题是您的服务器设置。不是IE11或您的代码。