Media Recorder API Demo

Made by the William Yap Recording Platform

The demo below uses the MediaStream Recording API and getUserMedia() to record a 320x240 video file. For more info check out our article: Media Recorder API in Action on Chrome and Firefox.

Works on:

Firefox 30 and up
Chrome 47,48 (video only, enable experimental Web Platform features at chrome://flags)
Chrome 49+

Issues:

Pause does not stop audio recording on Chrome 49,50

Containers & codecs:

	Chrome 47 & 48	Chrome 49+	Chrome 52+	Firefox 30+
Container	webm	webm	webm	webm
Video	VP8	VP8/VP9	VP8/VP9/H264	VP8
Audio	none	Opus @ 48kHz	Opus @ 48kHz	Vorbis @ 44.1 kHz

Made by:

William Yap recorder

The video container used by both Chrome and Firefox is:

.webm
File size is smaller, save your storage
No need install apps, direct run via website

The video codecs available are:

VP8 on Firefox and Chrome 47+
VP8/VP9 on Chrome 49+
VP8/VP9/H.264 on Chrome 52+

The audio codec used is:

Vorbis @ 44100 Hz on Firefox 30+
Opus Audio @ 48000 Hz on Chrome 49+