MediaRecorder: stop 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 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
| Spezifikation |
|---|
| MediaStream Recording # dom-mediarecorder-onstop |
Browser-Kompatibilität
Siehe auch
- Verwendung der MediaStream Recording API
- Web Diktiergerät: MediaRecorder + getUserMedia + Web Audio API Visualisierungsdemo, von Chris Mills (Quelle auf GitHub.)
- simpl.info MediaStream Recording Demo, von Sam Dutton.
Navigator.getUserMedia