在 IE 中使用 html 音频:MEDIA12899:音频/视频:未知的 MIME 类型

2024-04-22

html如下:

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

Js:

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

并设置“src”如下:

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

Where response是一个id。

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


不幸的是,这是因为 Internet Explorer 不支持wav-Files.

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

看看这个网站上的表格:

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

为了支持IE,需要添加mp3 or mp4-format.

要为当前浏览器提供正确的格式,您可以使用如下内容:

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);

(来源:如何以编程方式将多个源添加到 HTML5 音频标记? https://stackoverflow.com/questions/4053262/how-can-i-add-multiple-sources-to-an-html5-audio-tag-programmatically)

Edit:值得注意的是,音频、视频和字体也存在同样的问题。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 IE 中使用 html 音频:MEDIA12899:音频/视频:未知的 MIME 类型 的相关文章