☰

オーディオを再生するには？質問する

tag-icon • tag-icon javascript html html5-audio
オーディオを再生するには？質問する

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>要素。

より多くの機能が必要な場合は、ハウラーライブラリを試してみましたが、シンプルで便利でした。

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

おすすめ記事