Audio Spectrum
Visualize the frequencies or waveform of an audio file or your microphone in real time. 100% in your browser.
Drag an audio file or click to select
Nothing is uploaded anywhere: audio and microphone are processed only in your browser.
Built by
Miguel Ángel Colorado Marin (MACM)
Built by
Miguel Ángel Colorado Marin (MACM)
Full-Stack Developer · Guadalajara, España
I develop web apps, digital tools and full projects — from design to deployment.
The audio spectrum visualizes in real time how the frequencies of a sound are distributed, or its waveform, using your browser's Web Audio API analyser. You can load an audio file and play it while watching the frequency bars move to the rhythm of the music, or turn on the microphone to see your voice or ambient sound live. Switch between the frequency bars view (useful for seeing lows, mids and highs) and the waveform view (the classic oscilloscope representation). All the analysis happens locally in your browser, nothing is uploaded or recorded to any server.
Features
- ✓Real-time frequency bars
- ✓Real-time waveform
- ✓From an audio file
- ✓From live microphone
- ✓100% in browser, no uploads
How to use the spectrum visualizer?
- 1
Choose a source
Upload an audio file or turn on the live microphone.
- 2
Choose the view mode
Frequency bars or waveform, depending on what you want to see.
- 3
Play
Press play on the audio, or just speak if you're using the microphone.
- 4
Watch the visualization
The bars or the wave react in real time to the sound.
Frequently asked questions
Is my audio or voice uploaded to any server?
No. All the analysis is done with the Web Audio API directly in your browser. Neither the file nor the microphone are sent anywhere.
What's the difference between frequency bars and waveform?
Frequency bars show how much energy there is in each frequency range (lows on the left, highs on the right). The waveform shows the signal's amplitude over time, like an oscilloscope.
Do I need to grant permission to use the microphone?
Yes, your browser will ask for microphone access permission the first time. You can revoke it anytime from your browser settings.
What audio formats does it support?
Any format your browser can play natively: MP3, WAV, OGG, M4A and more.
Related tools
Embed Audio Spectrum on your site
Add Audio Spectrum to any web page with a simple iframe. Free, with attribution to miguelacm.es.
<iframe
src="https://miguelacm.es/embed/audio-spectrum"
width="100%"
height="700"
frameborder="0"
title="Audio Spectrum — miguelacm.es"
></iframe>