MediaStream Recording API
Checking compatibility...
Record audio and video streams from MediaStream objects, enabling recording from cameras, microphones, and other media sources.
The Media Recording API requires camera and/or microphone permissions. Make sure to grant the necessary permissions when prompted. Some features may not work in all browsers or devices.
Video Recording
Record video from your camera with a few lines of code. This example shows how to create a video recorder with live preview and playback of the recorded clip.
=
=
=
=
=
=
Output
Click Run to see output...Audio Recording
Create voice recordings using your microphone. This example demonstrates how to build a simple audio recorder with playback functionality, similar to a voice memo app.
=
=
=
=
=
=
Output
Click Run to see output...MIME Types and Options
Control recording quality and file formats. This example shows how to check which video and audio formats your browser supports and how to customize recording settings.
=
=
=
=
=
=
Output
Click Run to see output...