🎵 Creative Suite

Audio Visualizer

Five live visual modes driven by a song or your microphone.

Choose an audio file and press play, or use your microphone.

Mode
Colour
Peak markers
Mirror reflection
Overview

Audio Visualizer: see your music move

Music is invisible — but it doesn't have to be. This visualizer takes any audio file you load, or live sound from your microphone, and turns it into a reactive graphic in real time. Choose between classic frequency bars, a mirrored spectrum with reflection, a radial burst, an oscilloscope waveform, or an orbiting particle field, each driven directly by the audio as it plays.

Five colour palettes and live controls for sensitivity, smoothing and bar count let you tune the look, with optional falling peak markers for that classic analyser feel. Everything happens in your browser using the Web Audio API — your audio is never uploaded — and you can save any frame as a PNG.

100% free5 visual modesMic inputRuns in your browser
How to use it
  1. 1Choose an audio file and press play, or click 'Use microphone' to visualize live sound.
  2. 2Pick a mode — Bars, Mirror, Radial, Wave or Particles.
  3. 3Choose a colour palette and adjust sensitivity, smoothing and bar count.
  4. 4Press Save snapshot to download the current frame as a PNG.
Key features
  • Five visual modes: bars, mirrored spectrum, radial, waveform and particles
  • Live microphone input as well as audio files
  • Five colour palettes plus falling peak markers
  • Sensitivity, smoothing and bar-count controls with logarithmic frequency spacing
  • Save any frame as a PNG snapshot
  • 100% client-side — your audio never leaves your device

Frequently asked questions

How does it react to the music?
The Web Audio API's analyser samples the playing sound many times a second, breaking it into frequency bands (for the bar modes) or raw samples (for the waveform). Those values drive the height, length and colour of the graphics in real time.
Can I visualize live sound?
Yes — press 'Use microphone' and grant permission. The mic signal is analysed but deliberately not routed to your speakers, so there is no feedback howl.
What do sensitivity and smoothing do?
Sensitivity scales how tall the bars get for a given loudness, useful for quiet recordings. Smoothing blends each frame with the last: low values snap sharply to every beat, high values glide.
Is my audio uploaded?
No. The file is played and analysed entirely in your browser; nothing is sent to a server.
📖

Full guide

How Audio Visualizers Work — Frequencies, FFT & Waveforms

How sound becomes a picture: the waveform, the frequency spectrum, and the Fourier transform that connects them.

Waveform vs spectrumWhat an FFT doesReading a visualizer

Related Articles & Guides

BlogCreative Ways to Use QR Codes in 2026QR codes have had several near death experiences since Denso Wave invented them in 1994. For over a decade they were considered a solution looking for a problemArticleHow Audio Visualizers Work: Frequencies, FFT & WaveformsHow sound becomes a picture: the waveform, the frequency spectrum, and the Fourier transform (FFT) that connects the two.ArticleSubtractive Synthesis Explained: Oscillators, Filters and EnvelopesHow the classic synth signal path works, what each control actually changes about the sound, and how to build a patch from scratch.