1. ホーム
  2. ジャバスクリプト

[解決済み】オーディオを再生するには?

2022-03-23 11:20:19

質問

HTML5とJavaScriptでゲームを作っています。

JavaScriptでゲームの音声を再生するにはどうしたらいいですか?

どのように解決するのですか?

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>