Audio Recorder

Free Online Audio Recorder with Live Waveform

Toololis Audio Recorder captures high-quality audio from your microphone directly in your browser. No software to install, no accounts to create, and no data uploaded to any server. Everything runs locally using the MediaRecorder API and Web Audio API, giving you a private, instant recording experience with real-time waveform visualization.

Whether you need to record a voice memo, capture a podcast snippet, create a voice note for a colleague, or record ambient sound for a project, this tool handles it with one click. The live waveform display gives you visual confirmation that audio is being captured, so you never end up with a silent recording.

Key Features

• Live waveform visualization — see your audio amplitude in real time on a canvas display. Visual feedback ensures your microphone is working and capturing sound.
• Record, pause, resume — full recording controls. Pause to take a break without starting a new recording.
• WAV and WebM export — download as uncompressed WAV for maximum quality, or WebM for smaller file sizes.
• Recording timer — track exactly how long your recording is.
• Instant playback — listen to your recording immediately after stopping, before downloading.
• File information — see duration, format, and estimated file size.

WAV vs WebM: Which Format to Choose?

WAV is an uncompressed audio format that preserves every sample exactly as recorded. It produces the highest quality but results in large files (approximately 10 MB per minute at 44.1kHz stereo). Use WAV when quality is critical, such as for music production, voice-over work, or further audio editing in professional software like Audacity, Adobe Audition, or Logic Pro.

WebM uses the Opus codec, which provides excellent audio quality at a fraction of the file size. A 1-minute recording might be only 50-100 KB in WebM versus 10 MB in WAV. Choose WebM for voice memos, quick notes, and any situation where file size matters more than bit-perfect quality.

How the Waveform Visualization Works

The live waveform is drawn using the Web Audio API. When recording starts, the tool creates an AudioContext and connects the microphone input to an AnalyserNode. This analyser provides real-time frequency and time-domain data, which is drawn on an HTML5 Canvas element at 60 frames per second. The result is a smooth, responsive visualization of your audio amplitude.

Tips for Better Recordings

• Use a dedicated USB microphone or headset for better audio quality than built-in laptop mics.
• Record in a quiet room — close doors, turn off fans, and mute notification sounds.
• Position the microphone 6-12 inches from your mouth for optimal voice capture.
• Do a test recording first — check the waveform to ensure levels are good (not too quiet, not clipping).
• Use the Pause button during breaks instead of stopping and starting new recordings.

Browser Compatibility

The MediaRecorder API and getUserMedia are supported in all modern browsers including Chrome, Firefox, Edge, and Safari. Chrome and Edge typically offer the best codec support. Safari on macOS and iOS supports MediaRecorder as of Safari 14.1. If you encounter issues, make sure your browser is up to date and that you have granted microphone permissions.