Skip to content

Latest commit

 

History

History
58 lines (40 loc) · 2.05 KB

index.md

File metadata and controls

58 lines (40 loc) · 2.05 KB
Raw
title slug l10n
MediaRecorder: stop イベント
Web/API/MediaRecorder/stop_event
sourceCommit
c7aeb96dac3e0ac2864cffe45c02d214ae1a5219

{{APIRef("Media Recorder API")}}

stop イベントは、{{domxref("MediaRecorder.stop()")}} メソッドを呼び出した結果として、またはキャプチャしているメディアストリームが終了したときに発生します。 いずれの場合も、stop イベントの前に dataavailable イベントがあり、それまでにキャプチャされた {{domxref("Blob")}} をアプリで使用できるようにします。

構文

このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("stop", (event) => {});

onstop = (event) => {};

イベント型

一般的な {{domxref("Event")}} です。

例

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);
};

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報