Home/Tech demos/MediaRecorder API - Audio
Recording audio with the MediaStream Recorder API
This demo shows you how to record audio directly in the browser using native browser APIs. The MediaStream Recorder API makes media recording in the browser very easy. The recorded audio is captured in chunks and saved as a single audio file, which you can download or upload to a server. Most browsers support recording in formats like WebM (Opus), Ogg (Opus), or MP4 (AAC).
The MediaStream Recorder API is now supported by all major browsers, including Safari 14.1+.
Recordings:
Related resources
- GitHub code: MediaStream Recorder API Audio Demo
- Blog post: Recording Audio in the Browser Using the MediaStream Recorder API
- Tech demo: Recording Video With MediaStream Recording API
- Blog post: Recording True Stereo Audio Using getUserMedia
More tech demos.
getUserMedia examples
HTML Media Capture examples
MediaRecorder API - Video
MediaRecorder API - Audio
getDisplayMedia demo
Screen + webcam recording
Simple Recorder.js demo
Simple vmsg demo
Audio recording with WebAudioRecorder.js
Web Speech API speech recognition
Web Speech API speech synthesis
<usermedia> HTML element demo
Record audio without juggling containers.
AddPipe captures microphone audio in any browser and sends ready-to-use files to your storage and your app. Try it free for 14 days.