MediaRecorder: событие stop

Событие stop интерфейса MediaRecorder срабатывает при вызове MediaRecorder.stop() или при завершении потока медиа, который записывается. В обоих случаях событие stop предшествует событию dataavailable, делая доступным для использования в приложении записанный до этого момента Blob.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

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

onstop = (event) => {};

Тип события

Общее событие Event.

Пример

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 # dom-mediarecorder-onstop

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`stop_event`	49	79	25	36	14.1	49	25	36	14	5.0	49

См. также

Использование API записи MediaStream
Web Dictaphone: демонстрация MediaRecorder + getUserMedia + Web Audio API визуализации, от Chris Mills (исходный код на GitHub.)
демо записи MediaStream simpl.info, от Sam Dutton.
Navigator.getUserMedia

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/stop_event