Audio Visualizer Video Maker

Turn audio into an MP4 with an animated waveform or spectrum over your own image or a solid color, free, in your browser, with no upload.

🌐 Español

Drop your files here (.mp3, .wav, .m4a, .ogg, .flac, .jpg, .jpeg, .png, .webp)

🔒 Private by design: your files are processed locally in your browser and never uploaded to any server.

Two animations that behave nothing alike

The choice between the two styles is not cosmetic, because the filters behind them produce fundamentally different pictures.

The waveform is a filled, centred wave drawn across the entire frame in whichever accent colour the theme supplies. Everything around the wave is transparent, so it composites over the background and your artwork keeps showing through. It is the look that reads as “music” at a glance in a feed, and it survives being small.

The spectrum is a scrolling spectrogram: frequency runs up the strip on a logarithmic axis, matching how pitch is actually heard, and colour intensity carries loudness, scaled so that quiet detail stays visible instead of vanishing into the floor. It is drawn as a solid strip occupying the bottom third of the frame, which means it hides that third of your background. That makes it the better fit over a plain colour or a simple image, and it shows structure a waveform cannot: you can watch a bassline sit low and a hi-hat pattern flicker along the top.

Feeding it the audio and the artwork at the same time

Both files go into the same drop zone, in one go, and the tool sorts them out by extension rather than asking you which is which.

  1. Drop your audio file and, optionally, one image onto the box, or click Choose files.
  2. Pick a Visualizer style and a Color theme.
  3. Choose the Video resolution.
  4. If you added an image, set Image fit (only used if you upload a background image); if you did not, pick a Background color (only used if you don’t upload an image).
  5. Click Audio Visualizer Video Maker and let it run, then download the MP4.

Both of the last two options are always on screen regardless of what you uploaded, and the one that does not apply to your run is simply ignored. Without an image, the background is generated as a solid colour field at the exact frame size rather than being loaded from anywhere, which is why there is no way to supply your own hex value.

Rendering every frame is genuinely the slow part

This is the most demanding tool in the audio family, and it is worth knowing why before you start a long file. A plain audio conversion decodes and re-encodes one stream. This builds a complete video from nothing: twenty five frames per second of visualizer drawn from the audio, composited onto a background, then encoded to H.264, all on a single thread inside your browser tab because the multi-threaded engine needs security headers this site cannot set. There is a preparation pass over the audio first to measure its length, during which the progress bar has nothing to report and sits still.

The practical advice that follows: choose 720p for anything long. The 1080p output is more than twice the pixels per frame and the cost lands squarely on render time. An hour-long podcast at 1080p is a big ask of a laptop; the same file at 720p is reasonable. If the finished MP4 is larger than the platform you are uploading to would like, Compress Video takes an MP4 and shrinks it with presets aimed at email and messaging apps.

No text layer, and the title card that gets around it

There is no way to put a title on the video from this page. The engine has no usable font available to it, so rather than shipping a text option that produces blank output, the option is simply absent.

The workaround is better than it sounds. Build the title as part of the background instead: the YouTube Thumbnail Maker exports a 1280 by 720 PNG with a headline, colours and stickers already burned in, and a PNG is exactly what this page accepts as a background image. Design the card there, download it, and drop it here alongside the audio. The wave then animates over your titled artwork, which is how most music-channel uploads are actually made.

The MP4 the encoder actually hands back

The output is a single MP4 named after your audio file, carrying H.264 video at twenty five frames per second and AAC audio at 192 kbps, with the index moved to the front of the file so it starts playing before it has fully downloaded. That combination is what YouTube, Instagram, TikTok and Twitter ask for, so nothing needs converting afterwards.

If the animation is not what you are after and a still cover image would do, MP3 to MP4 produces the same kind of MP4 from the same set of input formats with a static background and no visualizer, so there is no animation to draw for every frame. And if you want to watch frequencies live from a microphone rather than render a file, that is a different tool entirely: the Audio Spectrum Analyzer draws a real-time bar graph and records nothing.

Frequently asked questions

Can I swap the image after I have added it, or add a second one?

One image at most, and swapping is awkward. The file list only ever grows until a run has finished, and there is no control for removing a single entry from it. Adding a second audio file or a second image stops the run before it starts, and the page shows its generic failure notice rather than naming the extra file, so the reliable fix is to reload the page and drop the correct pair together in one go.

Why does my background stay visible behind the waveform but not behind the spectrum?

The two filters produce different kinds of frame. The wave is drawn with transparency all around the line itself, so it is laid over the entire frame and your background shows through everywhere the wave is not. The spectrogram is a solid image with no transparency at all, so it is rendered as a strip a third of the frame high and placed along the bottom edge, covering whatever sits behind it. That is why the waveform style suits a photo and the spectrum style suits a plainer backdrop.

What does a color theme change in each of the two styles?

One theme name maps to two different things, because the filters color themselves in different ways. In waveform mode it sets a single accent color and the wave is drawn entirely in it. In spectrum mode it selects one of the engine's built-in palettes, which maps intensity across a range of colors rather than to one, so a theme reads as the same family of hues in both styles without producing the same picture.

How is the length of the video decided?

From the audio, and only from the audio. The tool measures the track's duration in a first pass and then caps the output at exactly that figure, because both possible backgrounds, a looped still image and a generated color field, are endless in themselves and would otherwise never bring the encode to a stop. When the duration cannot be read at all, usually meaning a truncated or damaged file, the run fails rather than producing a video of some arbitrary length.

Does the shape of my background image matter?

Yes, and you choose how it is handled. The frame is always widescreen, either 1280 by 720 or 1920 by 1080. Fitting the whole image scales it down inside that frame and pads the leftover space with black bars, so nothing is lost but a portrait photo ends up between two wide bars. Filling the frame scales the image up until it covers everything and crops the overflow instead. Square cover art is the case where the choice actually shows.

Can I make a vertical video for Reels or TikTok?

Not from this page. Both resolutions are widescreen and there is no portrait option, so the output is always a wide frame. The workable route is to render it here and then crop the result to 9:16 with the Crop Video page, which takes a centred rectangle out of an MP4. Bear in mind the visualizer gets cropped along with everything else, so a waveform that reached the frame edges will lose its ends.

Related tools