如何播放音频？

Question

我正在用 HTML5 和 JavaScript 制作游戏。

如何通过 JavaScript 播放游戏音频？

原文由 rshea0 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您不想弄乱 HTML 元素：

 var audio = new Audio('audio_file.mp3');
 audio.play();

 function play() {
 var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3');
 audio.play();
 }

 <button onclick="play()">Play Audio</button>

这使用了 HTMLAudioElement 接口，它以与 <audio> 元素 相同的方式播放音频。

---

如果您需要更多功能，我使用了 howler.js 库，发现它简单实用。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js"></script>
 <script>
 var sound = new Howl({
 src: ['https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'],
 volume: 0.5,
 onend: function () {
 alert('Finished!');
 }
 });
 sound.play()
 </script>

原文由 Uri 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这很简单，只需获取您的 audio 元素并调用 play() 方法：

 document.getElementById('yourAudioTag').play();

看看这个例子：http: //www.storiesinflight.com/html5/audio.html

该网站 揭示了您可以做的其他一些很酷的事情，例如 load() 、 pause() 以及 audio e6213cfbd3c660d5707d195b9c-5938d 的一些其他属性。

原文由 shanabus 发布，翻译遵循 CC BY-SA 3.0 许可协议