javascript - 在 firefox/internet explorer/chrome 中使用 javascript 播放音频标签

Question

http://www.storiesinflight.com/html5/audio.html

我正在尝试从上面的链接完成一个声音脚本，它应该播放一个音频文件。文章作者声称它与 firefox 兼容。但它不是在我的游戏中播放。但它确实适用于 Chrome。尝试了 Internet Explore，但也不走运。

这有什么明显的原因吗？

   <audio id="audiotag1" src="path.wav" preload="auto"></audio>
   <a href="javascript:play_single_sound();">Play 5-sec sound on single channel</a>
   <script type="text/javascript">
        function play_single_sound() {
            document.getElementById('audiotag1').play();
        }
   </script>

Answer 1

IE 11不支持 .wav 文件，因此如果您想支持 IE，则必须使用 .mp3 或 .ogg。至于为什么它在 Firefox 中不起作用，问题可能是 .wav 文件非常大，因此根据您单击链接的时间，音频文件可能尚未加载。

最好使用 canplay 事件，以便您知道音频文件何时已加载并可以播放。

var audio = document.getElementById('audiotag1');
audio.addEventListener('canplay', function() {
  audio.play();
});