Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

OfflineAudioContext: complete-Ereignis

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2021 browserübergreifend verfügbar.

Das complete-Ereignis der Schnittstelle OfflineAudioContext wird ausgelöst, wenn das Rendern eines Offline-Audiokontexts abgeschlossen ist.

Dieses Ereignis kann nicht abgebrochen werden und steigt nicht im DOM-Baum auf.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

js
addEventListener("complete", (event) => { })

Alternativ können Sie der Event-Handler-Eigenschaft der Schnittstelle einen Wert zuweisen:

js
oncomplete = (event) => { }

Ereignistyp

Ein OfflineAudioCompletionEvent. Erbt von Event.

Event OfflineAudioCompletionEvent

Beispiele

Wenn die Verarbeitung abgeschlossen ist, können Sie den Event-Handler für complete verwenden, um die Benutzer darüber zu informieren, dass die Audiodatei jetzt abgespielt werden kann, und die Wiedergabeschaltfläche zu aktivieren:

js
const offlineAudioCtx = new OfflineAudioContext(2, 44100 * 40, 44100);

offlineAudioCtx.addEventListener("complete", () => {
  console.log("Offline audio processing now complete");
  alert("Song processed and ready to play");
  playBtn.disabled = false;
});

Sie können den Event-Handler auch über die Eigenschaft oncomplete einrichten. Beachten Sie jedoch, dass dadurch gegebenenfalls andere über oncomplete hinzugefügte Event-Listener ersetzt werden:

js
const offlineAudioCtx = new OfflineAudioContext(2, 44100 * 40, 44100);

offlineAudioCtx.oncomplete = () => {
  console.log("Offline audio processing now complete");
  alert("Song processed and ready to play");
  playBtn.disabled = false;
};

Spezifikationen

Spezifikation
Web Audio API
# OfflineAudioCompletionEvent
Web Audio API
# dom-offlineaudiocontext-oncomplete

Browser-Kompatibilität

Siehe auch