This article is in need of a technical review.
The MediaRecorder API (MediaStream Recording) aims to provide a really simple mechanism by which developers can record media streams from the user's input devices and instantly use them in web apps, rather than having to perform manual encoding operations on raw PCM data, etc., which would be required when using
Key concepts and usage
MediaRecorder works alongside
Navigator.getUserMedia() to capture media data. In a simple application, the
MediaRecorder.start() method is called to start the recording. The
dataavailable event is then fired when data is available to grab — when the MediaStream ends, or when
MediaRecorder.requestData() are called. The current recorded data is made available, in the platform's default encoding, as a
dataavailable's data attribute.
More complex applications can query the available set of encodings on the platform and select which one to use, and choose to receive small buffers of data at regular intervals rather than the whole lot at once (a time slice argument can been specified when
MediaRecorder.start() is called).
Note: You can read up on the basics of how to use the MediaRecorder API in Using the MediaRecorder API.
Contains all the functionality required for the MediaRecorder API to capture media. Created by the invokation of the
Provides access to a
Blobobject containing the media captured by the
|MediaStream Recording||Editor's Draft|
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|25.0 (25.0) ||Not supported||Not supported||Not supported|
|Feature||Android||Firefox Mobile (Gecko)||Firefox OS||IE Phone||Opera Mobile||Safari Mobile|
|Basic support||Not supported||25.0 (25.0) ||1.3||Not supported||Not supported||Not supported|
 The current Gecko implementation currently only supports audio recording.
- Using the MediaRecorder API
- Web Dictaphone: MediaRecorder + getUserMedia + Web Audio API visualization demo (source on Github.)
- simpl.info MediaStream Recording demo.