MediaRecorder：stop 事件

当MediaRecorder接口的MediaRecorder.stop()被调用，或者正在捕获的媒体流结束时，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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅