MediaRecorder: stop Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

Das stop-Ereignis der MediaRecorder-Schnittstelle wird ausgelöst, wenn MediaRecorder.stop() aufgerufen wird oder wenn der aufgenommene Medienstrom endet. In jedem Fall wird das stop-Ereignis von einem dataavailable-Ereignis vorangestellt, wodurch der bis zu diesem Zeitpunkt aufgenommene Blob für Sie in Ihrer Anwendung verfügbar wird.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignisbehandler-Eigenschaft.

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

onstop = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiel

js
mediaRecorder.onstop = (e) => {
  console.log("data available after MediaRecorder.stop() called.");

  const audio = document.createElement("audio");
  audio.controls = true;
  const blob = new Blob(chunks, { type: "audio/ogg; codecs=opus" });
  const audioURL = window.URL.createObjectURL(blob);
  audio.src = audioURL;
  console.log("recorder stopped");
};

mediaRecorder.ondataavailable = (e) => {
  chunks.push(e.data);
};

Spezifikationen

Specification
MediaStream Recording
# dom-mediarecorder-onstop

Browser-Kompatibilität

Siehe auch