MediaRecorder: stop event
The stop
event is fired when
MediaRecorder.stop()
is called, or when the media stream being
captured ends. In each case, the stop
event is preceded by a
dataavailable
event, making the Blob
captured up to that
point available for you to use in your application.
Syntax
Use the event name in methods like addEventListener()
, or set an event handler property.
addEventListener('stop', event => { });
onstop = event => { };
Event type
A generic Event
.
Example
...
mediaRecorder.onstop = function(e) {
console.log("data available after MediaRecorder.stop() called.");
var audio = document.createElement('audio');
audio.controls = true;
var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
var audioURL = window.URL.createObjectURL(blob);
audio.src = audioURL;
console.log("recorder stopped");
}
mediaRecorder.ondataavailable = function(e) {
chunks.push(e.data);
}
...
Specifications
No specification found
No specification data found for api.MediaRecorder.stop_event
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
No compatibility data found for api.MediaRecorder.stop_event
.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.
See also
- Using the MediaRecorder API
- Web Dictaphone: MediaRecorder + getUserMedia + Web Audio API visualization demo, by Chris Mills (source on GitHub.)
- simpl.info MediaStream Recording demo, by Sam Dutton.
Navigator.getUserMedia