MediaRecorder: sự kiện stop
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.
Sự kiện stop của giao diện MediaRecorder được kích hoạt khi MediaRecorder.stop() được gọi, hoặc khi luồng phương tiện đang được ghi kết thúc. Trong mỗi trường hợp, sự kiện stop được đứng trước bởi sự kiện dataavailable, giúp Blob đã ghi đến thời điểm đó có sẵn để bạn dùng trong ứng dụng.
Cú pháp
Dùng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt thuộc tính trình xử lý sự kiện.
js
addEventListener("stop", (event) => { })
onstop = (event) => { }
Loại sự kiện
Một Event chung.
Ví dụ
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);
};
Thông số kỹ thuật
| Specification |
|---|
| MediaStream Recording # dom-mediarecorder-onstop |
Tương thích trình duyệt
Xem thêm
- Sử dụng MediaStream Recording API
- Web Dictaphone: MediaRecorder + getUserMedia + Web Audio API visualization demo, bởi Chris Mills (mã nguồn trên GitHub.)
- simpl.info MediaStream Recording demo, bởi Sam Dutton.
Navigator.getUserMedia