Quality
Why a Real MP4 Export Beats Screen-Recording a Visualizer
Why not just screen-record the visualizer?Because a screen recording captures whatever your display managed to show: dropped frames, compositor stutter, audio that drifts out of sync, and your monitor's resolution rather than the one you chose. Music Waveform draws every frame at full quality at your chosen resolution and encodes it with WebCodecs H.264, muxing the audio to match.
That path needs a Chromium browser (Chrome, Edge, Opera) or Safari 17+. The live preview itself works in any modern browser.
It's tempting to just screen-record a visualizer playing in your browser. But a recording captures whatever your screen managed to draw in real time — which is rarely every frame, perfectly timed. A true MP4 export is a different thing entirely.
What screen recording actually captures
A screen recorder samples your display as it refreshes. If the animation stutters, your machine is busy, or the frame rate wobbles, that's baked into the file. You also inherit your monitor's resolution and scaling, plus any UI that happened to be on screen. Audio and video can drift out of sync over a long clip.
What a real export does
Music Waveform, the in-browser audio visualizer, renders each frame deliberately and encodes it with the browser's WebCodecs VideoEncoder using hardware-accelerated H.264. Every frame is drawn at full quality at your chosen resolution, independent of how fast your screen refreshes, and the audio is muxed to match. The result:
- No dropped frames — each one is encoded, not captured on the fly.
- Exact resolution — you pick 1080p, square, vertical; it's not tied to your display.
- Tight A/V sync — audio and video are aligned in the container, not recorded live.
- Clean frame — just the waveform on black, no browser chrome or cursor.
The one requirement
WebCodecs export needs a Chromium browser (Chrome, Edge, Opera) or Safari 17+. The live preview runs anywhere, but for the final file, use one of those. That single requirement is what buys you the quality above. Ready to try it? See how to make a waveform video.
Make your waveform video
Free, no signup, right in your browser. Load a track and export an MP4.
About this article: it was written with the help of AI (Claude) and published by Music Waveform. We review our posts for accuracy against how the tool actually works, but if you spot something off, email damienyvert.dev@gmail.com.