MediaRecorder examples

Here is a collection of examples using the MediaRecorder API. You can also take a look at Boo!, a fun videobooth that combines all of these techniques together.

• Display live video and audio from MediaDevices.getUserMedia.
• Record live audio.
• Record live video and audio.
• Using live audio in Web Audio context (with a MediaStreamAudioSource node).
• Render a video stream into a canvas.
• Render and filter a video stream into a canvas.
• Get a video stream from a canvas (with canvas.captureStream()).
• Record canvas to video (with canvas.captureStream()).
• Add a computer generated 'beep' to a silent live video stream (using Web Audio and manipulating MediaStreamTrack and MediaStream).
• Creating new streams with the MediaStream constructor.
• Use MediaRecorder with different mimetypes.
• Filter and record live audio.
• Filter and record live video.
• Capture one second videos with audio, and loop the last twenty on the screen.
• Download a file Blob.

With love,
The MediaRecorder fairies