将html音频与IE:MEDIA12899:音频/视频：未知MIME类型一起使用

Html如下所示：

<audio id="audioCap" preload="auto" type="audio/wav"></audio>

并设置“src”，如下所示：

$('#audioCap').attr('src', 'http://blabla/captcha/captcha.wav?' + response);

其中，

响应

是一个id

---

这适用于除IE版本（9-11）之外的所有浏览器，IE版本也应适用。我得到

MEDIA12899:音频/视频：未知MIME类型

。我做了一些研究，发现这应该是一个服务器配置问题。我用调试工具捕获了网络数据，并检查了响应头<代码>内容类型显示为

音频/wav

，这是正确的。我不知道还有什么会导致此错误。

不幸的是，这是因为Internet Explorer不支持

wav

-文件。

为了获得跨浏览器兼容性，您需要提供几种不同格式的相同音频文件

请查看此网站上的表格：

为了支持IE，您需要添加

mp3

或

mp4

-格式

要为当前浏览器提供正确的格式，可以使用以下内容：

var source= document.createElement('source');
if (audio.canPlayType('audio/mpeg;')) {
    source.type= 'audio/mpeg';
    source.src= 'audio/song.mp3';
} else {
    source.type= 'audio/wav';
    source.src= 'audio/song.wav';
}
audio.appendChild(source);

（来源：）

---

编辑：值得注意的是，您在音频、视频和字体方面也有同样的问题。

IE不支持wav文件。您需要以不同的格式提供音频，以便IEThanks进行澄清。我在很多论坛上读到不同的东西。我将设置服务器以同时提供mp3和wav。

var source= document.createElement('source');
if (audio.canPlayType('audio/mpeg;')) {
    source.type= 'audio/mpeg';
    source.src= 'audio/song.mp3';
} else {
    source.type= 'audio/wav';
    source.src= 'audio/song.wav';
}
audio.appendChild(source);