javascript - 让音频适用于所有浏览器

Question

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

这是我的代码:

$( 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>

Answer 1

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

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

HTML5 音频的设置如下:

<audio controls preload>
  <source src="https://LINK.m4a" type="audio/mp4" />
  <source src="https://LINK.oga" type="audio/ogg" />
</audio>

信息来自 this article on HTML5 audio types .