小编典典

使用Javascript播放音频?

javascript

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

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


阅读 2617

收藏
2020-04-25

共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>
2020-04-25