如何播放音频? [英] How to play audio?

问题描述

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

I am making a game with HTML5 and JavaScript.

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

How could I play game audio via JavaScript?

推荐答案

如果您不想弄乱HTML元素:

If you don't want to mess with HTML elements:

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

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

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

这使用了 HTMLAudioElement 界面，音频与 <audio>元素相同.

This uses the HTMLAudioElement interface, which plays audio the same way as the <audio> element.

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

If you need more functionality, I used the howler.js library and found it simple and useful.

<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/examples/t-rex-roar.mp3'],
      volume: 0.5,
      onend: function () {
        alert('Finished!');
      }
    });
    sound.play()
</script>

这篇关于如何播放音频?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！