MediaRecorder: stop 事件
stop 事件是 MediaRecorder 介面的一個事件，當呼叫 MediaRecorder.stop() 時，或者當正在捕獲的媒體流結束時，會觸發該事件。在每種情況下，stop 事件之前都會有一個 dataavailable 事件，從而使您可以在應用程式中使用在此之前捕獲的 Blob。
語法
在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。
js
addEventListener("stop", (event) => { })
onstop = (event) => { }
事件型別
一個通用的 Event。
示例
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);
};
規範
| 規範 |
|---|
| MediaStream Recording # dom-mediarecorder-onstop |
瀏覽器相容性
載入中…
另見
- 使用 MediaStream Recording API
- Web Dictaphone：MediaRecorder + getUserMedia + Web Audio API 視覺化演示，由 Chris Mills 製作（GitHub 原始碼）。
- simpl.info MediaStream 錄製演示，由 Sam Dutton 製作。
Navigator.getUserMedia