
About Audio Spectrum
Drop in an audio file and watch its frequencies bloom into a shifting tower of color bars, each one rising and falling in sync with the music. The bass kicks swell at the left, high frequencies flutter at the right, and the whole display redraws itself dozens of times per second using the browser's built-in audio engine — no plugins, no installs.
It's a genuinely satisfying way to see a track you know well. Dense electronic mixes reveal layered mid-range activity that's easy to miss on first listen, while acoustic recordings show just how much empty space lives between instruments. If the visual angle interests you, Spectro approaches the same idea through a scrolling spectrogram powered by WebGL — a natural next step if you want a different read on the same audio data.
Browse more tools like this in the music category. Audio Spectrum works best with a decent pair of headphones and a lossless or high-bitrate file — compressed audio at low bitrates tends to flatten out the upper frequency bands noticeably.
How to use
• Click "select a file" or drag and drop an audio file onto the page to load music • The app will automatically start playing your audio file once loaded • Watch the visual spectrum display on the canvas area - bars will dance and pulse to match your music's frequencies • The visualization shows different frequency ranges as colored bars that move up and down with the audio intensity • Low frequencies (bass) appear on the left side, high frequencies (treble) on the right • The height and color of each bar represents the strength of that frequency range in real-time • Supported audio formats include MP3, WAV, and other common browser-compatible files • The visualization runs automatically - no additional controls needed once your file is playing
Reviews
No written reviews yet. Be the first!
More from Music

A browser theremin. Move your mouse to control pitch and volume, generating eerie continuous tones via the Web Audio API.
by mdn






