Audio Visualizer
Visualize audio files with real-time frequency bars. Upload and play audio.
Tip: Upload an audio file to see a real-time frequency visualization. The visualization updates as the audio plays.
Upload audio files and see stunning real-time frequency visualizations. Colorful animated bars respond to the music as it plays. Supports MP3, WAV, OGG, and more.
This visualizer turns any audio source into a moving frequency spectrum. Load a file (MP3, WAV, OGG, or any format your browser can play) or switch to your microphone, and a row of colored bars animates in real time, with bass frequencies on the left and treble on the right. Each bar's height tracks the energy in its slice of the spectrum, and the hue shifts across the full color wheel from low to high frequencies.
Under the hood the tool uses the Web Audio API. An AnalyserNode performs a 256-point FFT on the playing audio, producing 128 frequency bins that are redrawn to an 800 by 300 pixel canvas on every animation frame. File playback connects the analyser between the audio element and your speakers, so you hear the track while watching it. Microphone mode applies extra smoothing (a 0.8 smoothing constant and a -90 to -10 dB range) so ambient input produces stable, readable bars instead of jitter.
Everything happens on your device. Files are opened through a local object URL and microphone frames are analyzed in memory, so no audio is recorded or transmitted. Stopping the microphone releases the hardware immediately and your browser's recording indicator turns off. Use it to check whether a file actually contains sound, test that your mic is picking up your voice, or watch how different genres distribute energy across the spectrum.
- 1
Choose a source
Click the upload area to pick an audio file, or press Use Microphone and grant access when the browser asks.
- 2
Start the audio
Press Play for a file or speak near your mic. Colored frequency bars begin animating on the canvas immediately.
- 3
Pause or stop
Pause freezes playback, Stop Microphone releases the mic and clears the canvas, and Clear resets the tool for a new source.
Verify an audio file
Confirm a downloaded or exported file actually contains sound, and see where its energy sits, before sharing it.
Microphone check
Test that your headset mic is picking up your voice before a call, interview, or recording session.
Teaching frequency concepts
Show students how bass, voice, and cymbals occupy different parts of the spectrum by playing examples through the visualizer.
Ambient visuals
Run the visualizer on a second screen while music plays as a backdrop for a party or stream.
Which audio formats can I load?
Anything your browser's audio element can decode: MP3, WAV, and OGG work everywhere, and most browsers also handle AAC, M4A, and FLAC. If a format will not play in a normal browser tab, it will not visualize here either.
Is my audio or microphone input uploaded anywhere?
No. Files are opened through a local object URL and microphone frames are analyzed in memory by the Web Audio API on your device. Nothing is recorded, stored, or sent over the network.
What does each bar represent?
The analyser runs a 256-point FFT, producing 128 frequency bins ordered from low to high. Each bar's height shows the current energy in one bin, and its color maps to its position in the spectrum.
Why do I need to press Play instead of it starting automatically?
Browsers block audio contexts until you interact with the page. Pressing Play (or granting microphone access) satisfies that autoplay policy and starts the analyser.
Can I use a file and the microphone at the same time?
No, one source at a time. Loading a file disables the microphone button and vice versa. Press Clear or Stop Microphone to switch sources.