Media Recorder API Demo

The demo below uses the MediaStream Recording API and getUserMedia() to record a 1920x1080 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+
Safari 14.0.2+ on macOS
Safari on iOS 14.3+

Issues:

	Chrome 47 & 48	Chrome 49+	Chrome 52+	Chrome 136+	Firefox 30+	Safari 14.0.2+ on macOS	Safari 18.4+ on macOS	Safari on iOS 14.3+
Container	webm	webm	webm	webm, mp4, mkv	webm	mp4	mp4	mp4
Video	VP8	VP8/VP9	VP8/VP9/H264	VP8/VP9/H264/HEVC/AV1	VP8	H264	H264/HEVC/AV1	H264
Audio	none	Opus @ 48kHz	Opus @ 48kHz	Opus @ 48kHz	Vorbis/Opus @ 44.1 kHz	Stereo AAC @ 48kHz	Stereo AAC @ 48kHz	Stereo AAC @ 44.1kHz or 48kHz