如何在 JavaScript HTML5 遊戲中播放音訊？-js教程-PHP中文網

如何在 JavaScript HTML5 遊戲中播放音訊？

Mary-Kate Olsen

發布： 2024-12-16 08:38:10

原創

442 人瀏覽過

How Can I Play Audio in My JavaScript HTML5 Games?

在 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中文網其他相關文章！