MediaRecorder: stop-Ereignis

Das stop-Ereignis der MediaRecorder-Schnittstelle wird ausgelöst, wenn MediaRecorder.stop() aufgerufen wird oder wenn der aufgenommene Medienstream endet. In jedem Fall geht dem stop-Ereignis ein dataavailable-Ereignis voraus, was den bis zu diesem Punkt aufgenommenen Blob verfügbar macht, damit Sie ihn in Ihrer Anwendung nutzen können.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-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

BCD tables only load in the browser

Siehe auch