MediaRecorder: start event

The start event of the MediaRecorder interface is fired when MediaRecorder.start() is called. At this point, the data starts being gathered into a Blob.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("start", (event) => { })

onstart = (event) => { }

Event type

A generic Event.

Example

record.onclick = () => {
  mediaRecorder.start();
  console.log("recorder started");
};

mediaRecorder.onstart = () => {
  // do something in response to
  // recording being started
};

Specifications

Browser compatibility

See also

• Using the MediaStream Recording 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