使音频在所有浏览器上工作

Make audio work on all browsers

本文关键字：浏览器 工作 音频      更新时间：2023-09-26

我一直在测试一个web应用程序，由于某些原因，许多应该在onLoad上播放的音频在许多情况下无法播放。是否有更好的策略来确保音频在所有设备/浏览器上播放?

下面是我的代码: 
$( document ).ready(function() {
    var audio = document.getElementById('audio1');
    if (audio.paused) {
        audio.play();
    }else{
        audio.currentTime = 0
}
});
HTML: 

 <audio id="audio1" src="https://LINK.wav" ></audio>

(根据评论反馈编辑-谢谢!)

Wave文件是未压缩的音频，往往是非常大的文件，需要下载。这就是为什么Mp3、Ogg或AAC是首选的网页格式。不过并不是所有的浏览器都支持每一个。Firefox不支持AAC, IE和Safari不支持Ogg。您可以使用caniuse来检查。

HTML5音频设置如下: 
<audio controls preload>
  <source src="https://LINK.m4a" type="audio/mp4" />
  <source src="https://LINK.oga" type="audio/ogg" />
</audio>

本文中关于HTML5音频类型的信息。

必须包含文件类型，如

 <audio id="audio1" src="your_filepath/LINK.wav" type="audio/wav"></audio>

但是如果你只提供WAV文件，一些浏览器将无法播放它(如IE)

提供mp3 和 ogg文件更可靠，如:

<audio>
  <source src="LINK.ogg" type="audio/ogg">
  <source src="LINK.mp3" type="audio/mpeg">
</audio>

这两个至少有一个可以被每个浏览器理解，并且(压缩的)文件要小得多，所以加载并开始播放不会花那么长时间。

相关文章：