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 aufgezeichnete Medienstrom endet. In beiden Fällen geht dem stop-Ereignis ein dataavailable-Ereignis voraus. Dadurch steht Ihnen das bis zu diesem Zeitpunkt aufgezeichnete Blob zur Verwendung in Ihrer Anwendung zur Verfügung.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("stop", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
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 Dictaphone: Demo zur Visualisierung mit MediaRecorder, getUserMedia und der Web Audio API von Chris Mills (Quellcode auf GitHub).
- simpl.info-Demo zur MediaStream-Aufzeichnung von Sam Dutton.
Navigator.getUserMedia