如何播放音频？

javascript html html5-audio

2022-08-29 22:14:33

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

如何通过 JavaScript 玩游戏音频？

答案 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>

答案 2

这很容易，只需获取您的元素并调用该方法：audioplay()

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

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

此站点揭示了您可以执行的其他一些很酷的事情，例如、和元素的其他一些属性。load()pause()audio