JavaScript HTML5 ゲームでオーディオを再生するにはどうすればよいですか?

JavaScript ゲームでのオーディオの再生

JavaScript を使用して HTML5 ゲームを開発する場合、オーディオを追加するとユーザー エクスペリエンスが向上します。この記事では、JavaScript を使用してゲーム オーディオを再生する方法について説明します。

HTML5 オーディオ要素を使用してオーディオを再生する

シームレスなオーディオ再生については、

<audio src="audio_file.mp3" controls></audio>

これにより、再生コントロールを備えた HTML オーディオ要素が作成されます。 JavaScript で要素にアクセスすると、再生プロパティを操作できます:

var audioElement = document.querySelector("audio");
audioElement.play();

HTML 要素を使用しないオーディオの再生

HTML の操作が望ましくない場合は、次の JavaScript のみのメソッドを使用します:

var audio = new Audio("audio_file.mp3");
audio.play();

これにより、新しい Audio オブジェクトが作成され、再生が開始されます。

コールバック処理

拡張制御の場合、オーディオ イベント リスナーを利用します:

// On load:
audio.addEventListener("canplaythrough", function() {
  console.log("Audio is ready to play");
});

// On playback completion:
audio.addEventListener("ended", function() {
  console.log("Audio playback completed");
});

以上がJavaScript HTML5 ゲームでオーディオを再生するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。