How to Make a Music Visualizer Video in Your Browser

A finished track already has pacing, texture and emotion. Making a music visualizer video is a matter of giving those qualities a frame: choose a visual language, make the important information readable and check that the exported file sounds right.

This walkthrough uses the current browser-based AudioVisualizer tool. You can select local audio, explore twelve styles, add a background image and title, and record a video. Prepare any audio cuts beforehand; the tool’s playback seek control is not a clip-trimming feature.

1. Prepare the exact audio you want to share

Choose a finished mix or a deliberately edited excerpt. Listen for clipped peaks, accidental silence at the start and an abrupt ending. If you need a fade, a cut or a level change, make it in an audio editor before opening the visualizer.

Keep the file up to five minutes long and smaller than 100 MB. MP3 and WAV are useful starting formats, subject to the browser’s ability to decode the file. A short trial excerpt makes it easier to check your design before committing to a complete recording.

2. Choose the frame before arranging the picture

Open Audio Visualizer, select your file and set Video layout. Landscape is a wide 16:9 frame, Square is 1:1 and Portrait is a tall 9:16 frame. Pick the shape that suits the placement you are preparing.

Design each shape separately. A balanced wide image may feel cramped in a tall frame. If you plan to make more than one version, revisit the title and artwork after changing the layout rather than assuming the first composition will carry over.

3. Give the track a visual direction

Begin with Halo Atlas for a centered composition, Lucent Steps for dimensional spectrum movement, or Satin Current for a flowing shape. For a more atmospheric treatment, compare Polar Glow and Starfall Rush using the same section of audio.

Play a quiet section and the loudest section you intend to use. Adjust sensitivity until the quiet material has enough presence without letting the loud section flatten into constant maximum motion. Change one control at a time so you can tell what helped.

Smoothing changes the behavior of frequency-based motion; its effect varies by style. Judge it while listening, rather than choosing the same number for every track. Our visual style guide offers more ways to compare the options.

4. Add artwork and a short title

Use Image background to select artwork you have permission to use. The image is placed behind the visualizer, so keep its most important details away from areas occupied by strong motion. Review the actual preview for the selected layout.

Use the Title field for a short artist-and-track label. The current field allows up to seventy characters, but a shorter title is usually easier to assess at small viewing sizes. Longer credits and release information can live in the description wherever you publish the video.

Choose a visual color that remains distinct from the image throughout playback. If a detailed cover makes the bars hard to see, try the solid background first. A simpler composition can give the track more space.

5. Preview, export and listen again

Check the beginning, a quiet passage, a busy passage and the ending. Look for motion that covers the title or disappears against the background. Then make a short test export at 720p using a format shown in the Format menu.

Export records in real time, so allow approximately the audio’s duration plus preparation and finalization. Keep the page visible and the computer awake. A format appearing in the menu does not guarantee every recording will complete on every device.

Play the downloaded file and listen to its start and finish. Check the title, framing and sound before creating your final version at the resolution your device can handle. If the file is going into another editor, import the test there too.

For format choices and common recording problems, continue with the export guide.