How to make a music visualizer video

Follow this practical workflow to turn a song and cover art into a finished visualizer video. You will load audio, choose a visual style, add backgrounds and text, then pick the export settings that fit your device and release plan.

โฑ About 5 minutes ยท ๐ŸŒ Chrome recommended ยท ๐Ÿ”’ Your files never leave your device ยท ๐Ÿชช No account to try
Open the Music Visualizer Interactive Tutorial
New here? Use the built-in Interactive Tutorial; it walks through the basic workflow with an optional voiceover and highlights the relevant controls. If your browser blocks automatic narration, tap Enable audio in the tutorial panel.
Start Tutorial
Prefer video walkthroughs? Watch this short video walkthrough of a basic start-to-finish flow. Visit and subscribe to the official YouTube channel for more: https://www.youtube.com/@ImgToolMusicVisualizer
Visit channel Open on YouTube
Author: Mat Last Updated: 15 August 2026

Step 1 โ€” Open ImgTool.app and upload your audio

1

Choose your audio file

Click Open the Music Visualizer or Start Free to reach the Upload Audio Track screen. Use the file picker to select your track. Common supported formats are MP3, WAV, FLAC, AAC, OGG, and M4A, although exact decoding support depends on the browser. ImgTool shows a loading status while it prepares the audio; larger or lossless files can take longer.

Privacy: Your audio is processed entirely in your browser using the Web Audio API. It's never uploaded to any server, which makes the tool useful for unreleased tracks and private release prep.

Step 2 โ€” Choose a visual style

2

Pick from 20+ reactive visualizer styles

Once the audio track has loaded, you can pick from 20+ reactive visualizer styles. Open the Visual Style section in the controls panel. Click Play below the preview briefly, then pause while editing to reduce browser load. Try styles such as Bass Ring, bars, and waveform visualizers; each responds to your audio's bass, mids, and treble.

Use Color Theme to change the palette, Sensitivity and Smoothing to tune the movement, Audio Focus to favour bass, mids, or treble, and Size to scale the effect.

Step 3 โ€” Add a background

3

Image, video, or built-in library

Use the Background (Image) section for wallpapers and uploaded images. Open Background (Video) for built-in videos, uploaded loops, and video playlists. Try a few videos and let each one finish loading before judging the visual.

Built-in video backgrounds are the fastest way for you to get polished videos without hunting for your own media.

Step 4 โ€” Add text overlays & cover art

4

Artist name, track title, and cover art

Open the Branding / Overlays section. Type into the Artist / channel field, then click Add artist / channel. Add the track name in Track / release title and click Add title. Adjust the font, size, opacity, and colour, then drag the overlays into position on the preview canvas.

In the Cover art section of the right-side panel, you can upload your own 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. If you want a little more detail without another animated layer, the Static pattern overlay options now include dots, guide grid, scanlines, corner brackets, and target frame.

Step 5 โ€” Configure & export your video

5

Choose the format and export route, then start the export

Open the Export Settings section and run Device Spec Check if you want a browser-specific recommendation. Choose the Preview / Canvas Format for the aspect ratio, then set Resolution, FPS, Export Engine, and Output Format. Test at 720p / 30 fps before moving up to HD or 4K.

  • 720p: fully free; the support watermark can normally be switched off. EQ or audio finish keeps it on for free exports.
  • 1080p HD: free HD starts with the support watermark on. After two HD exports it stays fixed on unless you use an active pass.
  • 4K: one watermarked test export at no cost per device.

Quality-first on supported desktop Chrome or Edge: click Export Video to run Step 1 preflight. When it passes, click the large amber Step 2 โ€” Click to Choose Save Location button and choose the file. Rendering starts only after you choose it. Quality-first can save WebM and, where supported, H.264/AAC MP4.

Safari and iPhone/iPad browsers โ€” experimental 720p / 30 FPS: these browsers use Legacy real-time export. On iPhone and iPad this includes Chrome. Clicking Export Video starts recording immediately; the desktop Chrome/Edge save picker is not available at the start.

Save timing and quality: the completed file is offered only when rendering finishes. The browser may ask where to save, or it may go straight to Downloads without a prompt. Output can still be uneven, especially with video backgrounds, so use a current desktop Chrome or Edge browser for final exports.

Use Quick 720p, Quick 1080p, or Quick 4K for shortcuts. For Spotify Canvas, X Exports, Release Pack, Promo Still Pack, Batch Tracks, and Playlist Maker, use the Release-week exports section.

Keep the browser window open, visible, and active until export finishes. If a pass is active, a green Release Pass active badge with its expiry appears beneath the studio heading, and Export Settings shows the same active status. Refreshing should keep the pass active on that browser and device.
Working on a release weekend?

720p stays fully free. Free HD exports start with the support watermark on, and after two HD exports the support watermark stays fixed on unless you use a pass. 4K keeps one watermarked test export at no cost per device. A paid pass removes that export friction, adds release-week tools like Spotify Canvas, X Exports, Promo Still Pack, Release Pack, Batch Tracks, and Playlist Maker, and keeps the workflow private for unreleased tracks.

Compare passes โ†’ Private workflow โ†’

Performance tips

Keyboard shortcuts

Shortcut What it does Notes
Ctrl/Cmd + Z Undo the last visual change Works for supported editor controls, not for browser file selection.
Ctrl/Cmd + Shift + Z Redo a visual change Useful when comparing two colour or layout choices.
Ctrl/Cmd + Y Redo a visual change Alternative redo shortcut on keyboards that expect it.
Escape Close export tool modals Handy if a modal is covering the editor while you are testing settings.

Troubleshooting

Audio does not load.

Try a standard MP3 or WAV first. Some browser builds cannot decode every AAC, M4A, or unusual WAV variant. If the file came from a DAW, export a fresh 44.1kHz or 48kHz WAV/MP3 and try again.

My iPhone, iPad, or Safari browser did not ask where to save.

These browsers offer the file only after rendering finishes. It may go straight to Downloads without a prompt, depending on the browser's download settings. Check the browser's download button and your Downloads folder.

An iPhone, iPad, or Safari export looks jerky.

Retry at 720p / 30 fps with a simple still background, glow and blur off, other tabs closed, and ImgTool kept visible. If the completed video is still not smooth, use desktop Chrome or Edge for the final export.

The visualizer looks slow or flickery.

Lower preview quality, disable heavy glow or blur, close other tabs, remove video backgrounds while editing, and use 30 fps. Chromebook and mobile browsers can throttle canvas animation under sustained load; this web app works best on a reasonably powerful desktop computer.

A watermark appears on free 1080p.

That is expected without a paid pass. The support watermark starts on, and after two 1080p HD exports, it stays fixed on unless you use an active pass. At 720p the support watermark can normally be switched off; EQ or audio finish keeps it on for free exports.

How do I confirm my pass is active?

Look beneath the Music visualizer studio heading for the green pass-active badge and expiry. Export Settings repeats the active status. If neither appears after a refresh, use the manual licence-key field in Export Settings.

A loaded project asks for the media files again.

That is expected for privacy and file-access security. The project JSON saves settings, overlays, playlist structure, and media filenames, but it does not embed your audio, uploaded images, or uploaded videos. Reselect those local files when prompted.

A preset will not save.

Presets use browser storage. Private browsing, aggressive cleanup tools, third-party storage blockers, or clearing site data can remove them. Save important project files separately when possible.

The browser runs out of memory.

Reduce resolution, shorten the export, remove large uploaded video backgrounds, avoid 60 fps, and restart the browser before a long render. 4K full-track exports are desktop jobs, not something every laptop can handle, and the app is not designed for mobile phones or tablets.

Ready to make your release visual?

No account needed to try it, no installs, no server audio uploads. After checkout, ImgTool normally activates the pass automatically; the green pass-active badge confirms it, and the emailed licence key remains available as a fallback.

Start Free Interactive Tutorial Read the complete guide View pricing
Share this guide: