Private browser tool

Audio visualizer for files and live microphone

Create responsive bars, waveforms, and radial visuals directly in your browser. Preview with a demo, use a microphone, or choose an audio file; your media stays on this device.

Researched and updated August 20, 2026

Animated night-train visual representing audio-reactive motion

Local by default

Browser-local audio visualizer

Choose an input, style, colors, sensitivity, and frame. Export support depends on your browser; the page explains the limitation before you render.

Choose the demo, microphone, or an audio file.

Local processing: this tool does not upload the selected audio or artwork.

Local by default

Selected audio is decoded in the browser and is not uploaded by this tool.

Useful controls

Switch bars, waveform, or radial mode and tune colors, sensitivity, and aspect ratio.

Honest export

WebM works best in Chromium and Firefox; unsupported combinations keep a clear fallback.

How to create an audio visualizer

01

Choose an input

Use the demo, allow microphone access, or select an audio file from this device.

02

Pick the response

Bars emphasize frequency bands, waveform shows amplitude over time, and radial mode centers the motion.

03

Tune the frame

Set colors, sensitivity, and a 16:9, 9:16, or 1:1 canvas for the publishing surface.

04

Preview and export

Watch the full track, then export WebM in a supported browser or use a screen-record fallback.

Visualizer styles compared

StyleBest forControl tip
Frequency barsBeats, electronic music, and clear rhythmIncrease sensitivity carefully to avoid constant clipping
WaveformSpeech, podcasts, and a clean soundwaveUse a contrasting line on a simple background
RadialAlbum artwork and social music postsUse square art and leave breathing room around the center
Microphone previewLive sound, voice, instruments, and testingPermission is temporary and can be stopped at any time

Browser and export limitations

The visualizer is real, but media APIs vary across browsers and devices.

  • Safari may not include audio in MediaRecorder exports; use Chrome, Edge, or Firefox when export matters.
  • Keep the page open while exporting the full track.
  • Large lossless files and high-resolution canvases use more memory and CPU.
  • Microphone input requires explicit browser permission and is not recorded unless you start an export.

Audio visualizer FAQ

Does this audio visualizer upload my file?

No. The interactive tool processes the selected file in your browser. The page does not send the audio to a Vidloop API.

Can I use a microphone?

Yes, in a browser that supports getUserMedia. You must grant permission and can stop the stream from the tool or browser.

Which audio files work?

Common browser-supported formats such as MP3, WAV, AAC, M4A, OGG, and WebM audio usually work; codec support depends on the browser.

Why is export unavailable?

Your browser may not support canvas capture, MediaRecorder, or audio-track recording in the requested combination. Use a current Chromium or Firefox browser or screen-record the preview.