在 IE 中使用 html 音频：MEDIA12899: AUDIO/VIDEO: Unknown MIME type

Question

HTML 如下：

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

Js：

$('#audioCap')[0].play();

并设置“src”如下：

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

response 是一个 id。

这适用于除 IE 版本 (9-11) 之外的所有浏览器，它们也应该可以工作。我收到MEDIA12899: AUDIO/VIDEO: Unknown MIME type。我做了一些研究，发现应该是服务器配置问题。我使用调试工具捕获了网络数据并检查了响应标头。 Content-Type 显示为 audio/wav，这是真的。我不知道还有什么可能导致此错误。

Answer 1

很遗憾，这是因为 Internet Explorer 不支持 wav-Files。

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

看看这个网站上的表格：

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

为了支持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);

（来源：How can I add multiple sources to an HTML5 audio tag, programmatically?）

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