██╗ ██╗██╗███████╗██╗ ██╗ █████╗ ██╗ ██╗███████╗███████╗██████╗
██║ ██║██║██╔════╝██║ ██║██╔══██╗██║ ██║╚══███╔╝██╔════╝██╔══██╗
██║ ██║██║███████╗██║ ██║███████║██║ ██║ ███╔╝ █████╗ ██████╔╝
╚██╗ ██╔╝██║╚════██║██║ ██║██╔══██║██║ ██║ ███╔╝ ██╔══╝ ██╔══██╗
╚████╔╝ ██║███████║╚██████╔╝██║ ██║███████╗██║███████╗███████╗██║ ██║
╚═══╝ ╚═╝╚══════╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═╝╚══════╝╚══════╝╚═╝ ╚═╝
Music Visualizer_
Reacts to your mic, a tab's audio or a file — fullscreen, in your browser. Great on a second screen.
What is this?
A music visualizer that turns sound into live motion. Point it at your microphone, the audio from a browser tab (YouTube, Spotify, a stream), or a music file you load, and watch spectrum bars, a waveform, a radial burst or a filled spectrum line dance with the beat. Built to sit fullscreen on a second monitor while you work — or to capture in OBS as a stream visual.
🔒 100% private — audio is analysed locally with the Web Audio API. Nothing is uploaded. Tab audio needs Chrome or Edge on desktop.
Modes
📊 BarsClassic frequency spectrum rising from the floor.
🪞 MirrorBars growing out from the centre, top and bottom.
〰️ WaveformAn oscilloscope tracing the raw sound wave.
🌀 RadialA circular spectrum bursting from the middle.
📈 LineA filled spectrum curve, like a glowing skyline.
Tips
For a tab like YouTube or Spotify, choose “Tab / system audio”, pick the playing tab and tick Share tab audio. Tune sensitivity if the bars clip or stay flat, and smoothing for a calmer or punchier feel. Try the radial mode fullscreen — it makes the best ambient backdrop.
Keyboard shortcuts
FToggle fullscreen
MUse microphone
TUse tab / system audio
SpacePlay / pause loaded file
1–5Switch mode
RReset defaults
EscExit fullscreen
Related searches
music visualizer
audio spectrum
spectrum analyzer
waveform visualizer
mic visualizer
tab audio visualizer
stream overlay
fullscreen visualizer
web audio
sound reactive
▸ Frequently Asked Questions
FAQ — Music Visualizer
What does the music visualizer react to?
Three sources: your microphone, the audio from a browser tab or your screen, or a music file you load from your device. Pick a source and the bars, waveform or radial display move in real time with the sound.
How do I visualize audio from a tab like YouTube or Spotify?
Choose Tab / system audio. Your browser asks which tab or screen to share — pick the one playing music and tick Share tab audio. The visualizer then reacts to that audio. This works best in Chrome and Edge on desktop.
Is my audio uploaded anywhere?
No. Everything runs locally in your browser using the Web Audio API. Microphone, tab audio and any file you load are analysed on your device and never leave it.
Can I use it as a stream or second-screen overlay?
Yes. Press Enter Fullscreen or click the canvas and it fills the display, so you can leave it running on a second monitor while you work, or capture it in OBS as a visual for a stream.
Why does it move before I pick a source?
Before you connect audio it runs a built-in demo animation so you can preview the styles. As soon as you choose microphone, tab audio or a file, it switches to your real sound.
Is it free?
Yes, completely free. No account, no ads, no watermark. It's one of the free browser-based tools at jasperbernaers.com.
▸ More fullscreen screens