Wie kann ich Audio in meinen JavaScript-HTML5-Spielen abspielen?

Audio in JavaScript-Spielen abspielen

Bei der Entwicklung von HTML5-Spielen mit JavaScript kann das Hinzufügen von Audio das Benutzererlebnis verbessern. Dieser Artikel enthält Anleitungen zum Abspielen von Spielaudio mit JavaScript.

Wiedergabe von Audio über ein HTML5-Audioelement

Für eine nahtlose Audiowiedergabe sollten Sie die Verwendung der Funktion

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

Dadurch wird ein HTML-Audioelement mit Wiedergabesteuerungen erstellt. Durch den Zugriff auf das Element in JavaScript können Sie Wiedergabeeigenschaften bearbeiten:

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

Audio ohne HTML-Elemente abspielen

Wenn die Manipulation von HTML unerwünscht ist, verwenden Sie die folgende reine JavaScript-Methode:

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

Dadurch wird ein neues Audioobjekt erstellt und die Wiedergabe gestartet.

Rückruf Handhabung

Für eine erweiterte Kontrolle verwenden Sie Audio-Ereignis-Listener:

// 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");
});

Das obige ist der detaillierte Inhalt vonWie kann ich Audio in meinen JavaScript-HTML5-Spielen abspielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!