Bagaimanakah Saya Boleh Memainkan Audio dalam Permainan HTML5 JavaScript Saya?

Memainkan Audio dalam Permainan JavaScript

Dalam membangunkan permainan HTML5 dengan JavaScript, menambahkan audio boleh meningkatkan pengalaman pengguna. Artikel ini memberikan panduan tentang cara memainkan audio permainan menggunakan JavaScript.

Memainkan Audio Melalui Elemen Audio HTML5

Untuk main balik audio yang lancar, pertimbangkan untuk menggunakan

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

Ini mencipta elemen audio HTML dengan kawalan main balik. Mengakses elemen dalam JavaScript membolehkan anda memanipulasi sifat main balik:

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

Memainkan Audio Tanpa Elemen HTML

Jika memanipulasi HTML tidak diingini, gunakan kaedah JavaScript sahaja berikut:

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

Ini mencipta objek Audio baharu dan memulakan main balik.

Panggil balik Pengendalian

Untuk kawalan lanjutan, gunakan pendengar acara 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");
});

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memainkan Audio dalam Permainan HTML5 JavaScript Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!