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||Working Draft||Initial definition|
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Basic support||49.0||25.0 (25.0)||No support||No support||No support|
|Feature||Android||Android Webview||Firefox Mobile (Gecko)||Firefox OS||IE Phone||Opera Mobile||Safari Mobile||Chrome for Android|
|Basic support||No support||49.0||25.0 (25.0)||1.3||No support||No support||No support||49.0|
-  The initial Firefox OS implementation only supported audio recording.
-  To use MediaRecorder in Chrome 47 and 48, enable experimental Web Platform features from the chrome://flags page.
-  Audio recording work in Chrome 49 and above; Chrome 47 and 48 only support video recording.
- Using the MediaRecorder API
- Web Dictaphone: MediaRecorder + getUserMedia + Web Audio API visualization demo (source on Github.)
- simpl.info MediaStream Recording demo.
- Simple video recording demo
- HTML5’s Media Recorder API in Action on Chrome and Firefox
- TutorRoom: HTML5 video capture/playback/download using getUserMedia and the MediaRecorder API (source on GitHub)
- FingerSpell: Sign Language Fingerspelling practice using getUserMedia and the MediaRecorder API to create and download recordings, MediaRecorder API supported desktop browsers only (source on GitHub)
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.