wav后缀部分机型音频文件不能播放在浏览器可以

橙可爱

于 2022-08-16 14:39:19 发布

阅读量766

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_42332641/article/details/126365916

版权

前端专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用HTML5的<audio>标签结合<source>子元素来设置多个音轨源，通过指定不同的MIME类型，浏览器可以根据支持的格式自动选择播放。这种技术有助于提高音频内容在不同设备和浏览器上的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个例子指出了在嵌套的元素的 src 属性上设置嵌入音轨，而非直接在元素上设置。通过这种方法可以同时在 type 属性上包含文件的 MIME 类型，这通常很有用，因为浏览器就能立即决策：自己究竟是能够播放该文件，还是不在不能播放的文件上浪费时间。

<audio controls>
 <source src="foo.wav" type="audio/wav">
 <source src="foo.opus" type="audio/ogg; codecs=opus"/>
 <source src="foo.ogg" type="audio/ogg; codecs=vorbis"/>
 <source src="foo.mp3" type="audio/mpeg"/>
</audio>

wav后缀 部分机型音频文件不能播放 在浏览器可以

wav后缀部分机型音频文件不能播放在浏览器可以