How to Make a Music Visualizer Video

Everything runs in your browser — your audio is never uploaded. Follow these steps to create a professional-looking visualizer video in under 5 minutes.

⏱ About 5 minutes · 🌐 Chrome recommended · 🔒 Your files never leave your device
Open the Music Visualizer Interactive Tutorial
New here? The built-in Interactive Tutorial walks you through every step with voiceover audio and highlighted controls — no reading required.
Start Tutorial

Step 1 — Upload your audio

1

Choose your audio file

Click the Upload Audio button and select your track. Supported formats: MP3, WAV, FLAC, AAC, OGG, M4A. Most tracks load in under a second.

Privacy: Your audio is processed entirely in your browser using the Web Audio API. It's never uploaded to any server — safe to use with unreleased or private tracks.

Step 2 — Choose a visual style

2

Pick from 20+ reactive styles

Open the Style dropdown and try different looks: spectrum bars, waveforms, oscilloscope, rings, particles, neon glows, mirror, tunnel, and more. Each responds to your audio's bass, mids, and treble in real time.

Use the Theme selector to change the colour palette. Use Sensitivity and Smoothing sliders to dial in how aggressively the visuals react.

Step 3 — Add a background

3

Image, video, or built-in library

In the Background tab you have three options:

  • Upload an image — your cover art, a landscape, anything. Use Blur and Dim sliders to soften it behind the visualizer.
  • Built-in video library — choose from animated loops: space, tunnels, neon, fire, ocean, and more.
  • Upload video clips — add up to 5 clips in the Playlist tab. Arrange them in a timeline and they'll loop behind your visualizer during export.
Video backgrounds use more processing power. If export feels slow, reduce to 720p / 30fps or use a static image instead.

Step 4 — Add text overlays & cover art

4

Artist name, track title, and cover art

Open the Overlays tab. Click Add artist & title to add your name and track title as an animated overlay. Drag it to position on the canvas. Adjust font, size, opacity, and colour.

In the Cover art tab, upload your album artwork. It appears as a floating image you can drag, resize, and fade.

Use the Custom text option for additional labels — BPM, release date, record label name, etc.

Step 5 — Configure & export your video

5

Use the Device Spec Checker, then click Export

In the Export Settings panel, click 🔬 Device Spec Check — it benchmarks your computer and recommends the right resolution and frame rate. Then set your canvas size (16:9, 9:16, 1:1, or custom) and click Export Video.

The video renders in real-time inside your browser and automatically downloads as a .webm file (VP9 codec) when done. Upload it directly to YouTube, TikTok, or Instagram Reels.

Keep the browser tab visible while exporting — background tabs can be throttled by the browser which causes dropped frames.
Exporting a track over 4 minutes?

Free exports over 4 minutes include a subtle watermark. A 72-hour pass (£3.69) removes it and unlocks 4K exports.

See pricing →

Performance tips

Advanced features

🎬

Video Playlist

Add up to 5 video clips as backgrounds. Drag to reorder them in the timeline. They loop during export. Great for music video-style content.

🎛️

3-Band EQ

Boost or cut bass, mids, and treble to control how strongly each frequency band drives the visuals — not just volume.

💾

Save & Load Projects

Save your setup to a .json file. Load it back later — the app will prompt you to re-link your media files by name.

🔬

Device Spec Checker

Runs a quick benchmark of your device, then recommends the best export resolution and FPS. Takes 3 seconds to run.

🌊

Ambient Overlay

Add a subtle animated layer on top of everything — starfield, matrix, bokeh, rings — to add depth to your visual.

🎨

Brand Kit

Save your brand name, colours, and logo locally. Apply the logo as a watermark to your exports in one click.

Ready to make your visualizer?

No sign-up, no installs. Drop in your audio and start.

Start for Free Interactive Tutorial View pricing
Share this guide: