MediaRecorder: stop イベント
stop
イベントは、MediaRecorder.stop()
メソッドを呼び出した結果として、またはキャプチャしているメディアストリームが終了したときに発生します。 いずれの場合も、stop
イベントの前に dataavailable
イベントがあり、それまでにキャプチャされた Blob
をアプリで使用できるようにします。
構文
このイベント名を addEventListener()
などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("stop", (event) => {});
onstop = (event) => {};
イベント型
一般的な Event
です。
例
js
mediaRecorder.onstop = (e) => {
console.log("MediaRecorder.stop() 呼び出し後に利用可能なデータ。");
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("レコーダー停止");
};
mediaRecorder.ondataavailable = (e) => {
chunks.push(e.data);
};
仕様書
Specification |
---|
MediaStream Recording # dom-mediarecorder-onstop |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- MediaStream 収録 API の使用
- ウェブディクタフォン: MediaRecorder + getUserMedia + Web Audio API 可視化デモ、Chris Mills 著(GitHub のソース)。(英語)
- simpl.info の MediaStream 収録のデモ、Sam Dutton 著。(英語)
Navigator.getUserMedia