~/music-visualizer mp3 winamp LED banner ☕ Support me apps ← about me

Music Visualizer Online — live mic & audio visualizer_

Live, GPU-rendered visuals for your music — mic, a browser tab or your own files. Sixteen scenes, Auto-DJ on the drop, fullscreen or picture-in-picture.
music visualizer
What should it listen to?
Nothing is uploaded — it all runs in your browser.
— BPM● REC
Drop audio files to play them
Keyboard shortcuts
1–9 · ⇧1–7Pick a scene ← →Previous / next scene AAuto-DJ on / off CNext colours FFullscreen PPicture-in-picture SpacePlay / pause NNext track D · T · O · MDemo · tab · open files · mic RRecord clip SSnapshot HHide on-screen info BBand name on / off IBand name entrance now ?This help EscClose / exit fullscreen
Your browser could not start WebGL, which this visualizer needs.
Try an up-to-date Chrome, Edge, Firefox or Safari, and check that hardware acceleration is on.

Guide — a light show for your music in seconds

No account, no install, nothing uploaded. Pick a sound and it starts moving.
1Pick a sound

Demo beat plays instantly. Or choose Tab audio for Spotify or YouTube, My files, or the Microphone.

2Choose a scene

Click one of the sixteen scenes or press 1–9 and Shift+1–7. Or leave Auto-DJ on and let the music decide.

3Set the feel

Drag Reactivity, Trails and Glow, and press C to try another colour palette.

4Go big or pop out

F for fullscreen on a TV or second screen, P for a floating picture-in-picture window over your other apps.

5Record and share

R records a video clip with sound. Your scene and settings are remembered and can be shared as a link.

What is in here

SOURCES Four things to listen to

Pick a source on the start screen or in the Sound section. Every scene reacts to it in real time.

Demo D
A generated 32-bar track with a build-up and a drop
Tab T
Share a tab with “Also share tab audio” on (Chrome, Edge on desktop)
Files O
Drop several to build a playlist that loops
Mic M
The room around you: a live band, a speaker, your voice
SCENES Sixteen GPU scenes

Each scene is a shader on your graphics card, so it stays smooth fullscreen. Scene changes dissolve rather than cut.

1–9
Tunnel · Nebula · Halo · Horizon · Liquid · Terrain · Bars · Warp · Kaleido
Shift+1–7
Orb · Scope · LED · Ripple · Plasma · Lasers · Cells
← →
Previous or next scene
AUTO-DJ Scene changes on the drop

Auto-DJ listens for a quiet stretch followed by the energy slamming back on a kick, and cuts to a new scene right on it.

Drop
New scene when the music kicks back in
Phrase
Otherwise a new scene every 32 beats
Colours
Palette rotates on drops and every other change
BPM
Live tempo, 85 to 170 BPM, shown in the corner
A
Auto-DJ on or off
FEEL Calm ambience or club look

The level adjusts itself, so these sliders shape the character rather than the volume. Settings are remembered in your browser.

Reactivity
How hard the music drives the picture
Trails
How long motion lingers
Glow
Amount of bloom
Beat punch
Zoom, flash and colour split on kicks
C
Next of eight colour palettes
SHOW & SHARE Fullscreen, pop-out, record

Put it on a second screen, float it over your work, or save a clip or a still to share.

F
Fullscreen, with the screen kept awake
P
Picture-in-picture window on top of other apps
R
Record a video clip with sound
S
Save a PNG snapshot
Copy link
A link that restores scene, colours and settings
STREAM Overlay and second screen

Capture the browser window in OBS, or run it fullscreen on a TV. In fullscreen the controls and pointer fade away when the mouse is still.

H
Hide track, scene and BPM info
B
Band name on or off
Space
Play or pause
N
Next track in your playlist
?
Show the shortcuts on screen

A free online music visualizer for your mic, a tab or your own files

This music visualizer turns sound into moving light in real time. Point it at a browser tab playing Spotify or YouTube, drop in your own music files, use your microphone, or press play on the built-in demo beat. Every scene is a WebGL shader running on your graphics card, so it stays smooth fullscreen on a big screen. Use it as a backdrop at a party, on a TV or second monitor, as a stream overlay, or floating in a small window while you work.

It is free, with no account and no watermark on recordings, and nothing to install.

Microphone visualizer: visuals for any sound in the room

Choose Microphone and the visuals react to whatever your device hears: a record player, a band rehearsal, a party speaker or your own voice. That makes it a live audio visualizer for music that is not playing on the computer at all. The browser asks once for permission, the sound is analysed in the page, never sent anywhere, and only recorded if you press Record, and the automatic level control keeps quiet rooms and loud ones equally lively. If you remember the Winamp and Milkdrop days, the tunnel, nebula and spectrum scenes are in that spirit, rendered on your graphics card.

How to visualize Spotify, YouTube or another tab

Choose Tab audio (or press T). Your browser asks what to share: pick the tab that is playing music and make sure “Also share tab audio” is switched on. On Windows you can share the entire screen with system audio to visualize any app, not just a browser tab. Tab capture works in Chrome and Edge on a desktop. To stop, use the browser's own stop-sharing bar.

Play your own music files

Press My files (O) or drop audio files anywhere on the page. Anything your browser can play works, which in practice means MP3, M4A/AAC, WAV, OGG and FLAC in most browsers. Drop several at once to build a playlist: the tracks play in order and start again at the end. There is a seek bar, previous and next buttons, N for the next track, and your keyboard's media keys work too.

The sixteen scenes

Colours come from eight palettes: Neon, Retrowave, Fire, Aurora, Ice, Terminal, Gold and Mono.

Auto-DJ and BPM detection

Auto-DJ runs the show for you. It watches the energy of the music and switches scene when a drop hits after a quieter passage. Otherwise it moves on every 32 beats so the show never goes stale. Every other change also rotates the colour palette, and the switch is a dissolve rather than a hard cut.

The BPM detector finds kicks from sudden jumps in bass energy, measures the time between them and votes on the most likely tempo. The result is folded into the 85 to 170 BPM range where most dance and pop music sits, and appears in the corner once enough beats agree, usually within a few seconds.

Why loud and quiet music look just as lively

An automatic level control follows the recent peak and scales the analysis to it, so a quiet microphone and a loud tab both fill the screen. On top of that, Reactivity sets how hard the music drives the picture: lower it for calm ambience, raise it for a club look. Trails controls how long motion lingers (Liquid and Warp love high trails) and Glow sets the bloom. Silence stays dark.

Picture-in-picture, video clips and snapshots

Press Pop out (P) and the visualizer moves into a floating picture-in-picture window that stays on top of your other apps and keeps animating when you switch tabs. Record clip (R) captures the visuals as a video together with the sound of the current source; press it again to stop and download. The file is WebM, or MP4 where the browser cannot record WebM. Snapshot (S) saves the current frame as a PNG.

Use it as a stream overlay or on a second screen

Go fullscreen on a second monitor or TV, or capture the browser window in OBS. In fullscreen the buttons, on-screen info and mouse pointer fade away after a few seconds without movement, and the screen is kept awake while it runs. Press H to hide the track, scene and BPM info for good.

Put your band name on the screen

Playing a gig, streaming a set or filming a promo clip? Type your band or artist name in the Band name panel and it appears over the visuals, in the colours of the current palette. Add an optional tagline such as live tonight or a date, choose the position (center, top, bottom or corner), one of 25 fonts (heavy display type, neon tubes, script, pixel, terminal, gothic, metal and horror lettering), a style such as neon glow, chrome, 3D block, long shadow or glitch, and the colour: the scene palette, a rainbow, white, gold or your own. Let it come and go: it flies, slides, types, scrambles, drops, assembles, spins or flickers in, floats, waves or shakes on the beat while it is on screen, leaves after the time you set and comes back early when the music drops, in a new spot if you pick Wander. It can also pulse on the beat. The name is also on your snapshots, recorded clips and the picture-in-picture window, and Copy link includes it, so a projector laptop opens with your name ready. B flies it out or back in, I replays the entrance. The name is drawn on a separate layer, so the visuals themselves are exactly the same.

Install it as an app

In Chrome or Edge, click Install as an app in the panel, or the install icon in the address bar (or ⋮ › Cast, save and share › Install page as app). The visualizer then opens in its own window without browser tabs, gets an icon in your Start menu, dock or app list, and keeps working offline after the first visit, because the scenes and the demo beat are generated on your device. On Windows and macOS you can also open music files with it: right-click a track and choose Open with › Music Visualizer.

Why it needs WebGL

Every scene is a shader that runs on your graphics card, which is what makes the nebula, the terrain and the bloom glow possible at a smooth frame rate. WebGL is available in every modern browser; if it cannot start, check that hardware acceleration is on. When frames start taking too long, the render resolution is lowered automatically and raised again once there is headroom.

Settings and share links

Your scene, colours and sliders are remembered in your browser for next time. Copy link makes a link that opens the visualizer with the same scene, palette and settings, handy for sending a look to a friend or saving a favourite. Reset all settings puts everything back to the defaults.

Private: your audio stays on your device

Audio is analysed with the Web Audio API and drawn with WebGL, all inside your browser. Microphone input, tab audio and your files never leave your device, and there is no account.

Keyboard shortcuts

1–9 and Shift+1–7 pick a scene · ← → previous or next scene · A Auto-DJ · C next colours · F fullscreen · P picture-in-picture · Space play/pause · N next track · D / T / O / M demo, tab, open files, mic · R record · S snapshot · H hide on-screen info · B band name on/off · I band name entrance · ? show shortcuts · Esc close help or exit fullscreen.

More music tools

Play your library in the MP3 player or the Winamp-style player, tune in to the web radio player, or let the endless music generator feed the visuals. Make your own tracks in the 8-bit chiptune studio and tidy them up in the audio editor, or play along on the virtual piano. For another fullscreen display, try the LED scrolling banner. See all music tools.

▸ More fullscreen screens