使用Javascript播放音频？

Question

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

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

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/examples/t-rex-roar.mp3');

  audio.play();

}


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

这使用了HTMLAudioElement接口，该接口播放音频的方式与<audio>element相同。

如果需要更多功能，我使用了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/examples/t-rex-roar.mp3'],

      volume: 0.5,

      onend: function () {

        alert('Finished!');

      }

    });

    sound.play()

</script>