The Drop · July 23, 2026

How to export a music visualizer video and post it everywhere

The song is done reacting on screen and you have a file sitting in your downloads. Here is how to export a music visualizer video cleanly, get it onto YouTube as is, and cut a vertical version for Shorts, TikTok and Reels without wrecking the quality.

Photo via Unsplash

Making the visual is the fun part. Getting it out of the tool and onto the feeds where people actually watch is where most people stall, usually over an unfamiliar file type or the wrong shape for the feed. None of it is hard once you know the order, so let us walk the whole export from render to upload.

The export is the render, so protect it

In a browser visualizer, exporting is not a separate save step at the end. The tool records the canvas and the audio together in real time while the track plays, then hands you the finished file when the song stops. One consequence is worth saying out loud: while it records, leave the tab in front and do not minimize the window. A backgrounded browser tab throttles its animation to almost nothing, so the audio keeps going but the picture freezes, and you end up with a still frame set to music.

What you get is a 1920 by 1080 file at 60 frames per second, the standard 16:9 landscape shape and the right resolution for a normal feed. If your cuts land where the beat lands, that crispness holds up on fast content. If they feel late, that is a detection question rather than an export one, and the beat detection guide covers why a detector fires early or misses a hit.

Why the file is a WebM

The download comes out as a .webm, not an MP4, and that trips people up right at the finish line. It is not a downgrade or a watermark trick. It is simply how browsers record video: the recording lands in a WebM container with VP9 video and Opus audio inside. Both of those are modern, high quality codecs. The extension looks unusual next to MP4 because you rarely see it, not because anything is wrong with the file.

The only thing that matters from here is whether the place you are posting to can read a WebM. Some can, straight up, and for others it is easier to convert first. The full reasoning lives in the WebM vs MP4 breakdown, but the short version follows.

Posting to YouTube: upload the WebM as is

WebM is on YouTube's official list of supported upload formats, so you can drag the file straight into the upload box with no conversion at all. YouTube re-encodes every upload on its own servers anyway, so handing it a clean WebM gets you the same result as handing it an MP4, minus one pointless round trip through a converter. For a standard horizontal YouTube video, this is the whole job: render, upload the WebM, write a title and description, publish.

Give the fresh upload a few minutes before you judge it. YouTube serves a low resolution version first while it processes the HD one, so the first playback can look soft even when your file is sharp. That is YouTube catching up, not your export.

Making a vertical cut for Shorts, TikTok and Reels

Short-form feeds are vertical. YouTube Shorts, TikTok and Instagram Reels all want a 9:16 frame at 1080 by 1920, the landscape 1080p shape stood on its end. The browser render is 16:9 landscape, so posting it to a vertical feed as is leaves big black bars top and bottom. Two clean ways to fix that.

The first is to plan the composition for a center crop. If you keep your text and the action roughly in the middle of the frame while you build the visual, a straight center crop to vertical keeps everything that matters. The second is to do the crop yourself after export. One line of ffmpeg takes the landscape WebM and produces a vertical MP4:

ffmpeg -i in.webm -vf "crop=608:1080,scale=1080:1920" -c:v libx264 -crf 18 out.mp4

That grabs the center 9:16 slice of your 1080p frame and scales it up to a full 1080 by 1920, then wraps it as an MP4 that any short-form uploader will take. You could pad the whole landscape frame into a vertical canvas instead, but for beat-synced content that lives on motion, a center crop almost always reads better than a letterboxed strip floating mid-screen.

One honest note: the app renders a single 16:9 master, not a native vertical file. That is on purpose, because one landscape render feeds both a horizontal upload and a cropped vertical clip, so you are not rendering the same song twice. The crop above is the bridge between them.

Converting to MP4 when a platform is picky

YouTube is unusually flexible about WebM. A lot of other uploaders are not, and some social apps still reject a WebM outright or choke on it. When that happens, convert to MP4 first with a single command:

ffmpeg -i in.webm -c:v libx264 -crf 18 out.mp4

The -crf 18 value is effectively lossless for this kind of footage. Lower numbers mean higher quality and a larger file, higher numbers mean smaller and softer, and 18 sits at the point most people cannot tell the result apart from the source. This wraps your video into H.264 inside an MP4, which is the combination every editor and every platform accepts. It runs offline and free, so you never need a sketchy online converter that re-compresses your video and stamps a logo on it. If you are also reframing for vertical, skip this step, since the crop command above already outputs an MP4.

Get the specs right per platform

You do not have to memorize a spec sheet, but a few numbers save you a re-upload:

• YouTube (main feed): horizontal 16:9, 1080p, which is exactly what the render already is. Upload the WebM directly.
• YouTube Shorts: vertical, up to 3 minutes, 1080p maximum. Anything vertical and under 3 minutes is treated as a Short, so a cropped clip drops into the Shorts shelf on its own.
• TikTok and Instagram Reels: vertical 9:16 at 1080 by 1920. Both prefer an MP4, so use the crop-to-MP4 command rather than uploading the raw WebM.

Length is the other lever. The full render runs as long as your song, fine for a normal YouTube upload but far too long for a scroll feed. For short-form, cut a 15 to 30 second slice around the loudest moment, usually the drop, and let that be the clip. Promoting a beat this way is its own workflow, and the type beat guide walks through naming and uploading one.

A caution that rides along with every strobe clip

This kind of video flashes, and fast full-screen flashing can trigger a seizure in viewers with photosensitive epilepsy. That responsibility does not disappear when you export. Keep the flashing gentle when you cannot warn people, and add a flash warning near the start of the video and in the description for anything heavily strobing. It costs you one line of text and it matters far more to a real viewer than which container the file shipped in.

That is the entire export path: render a clean 1080p WebM, upload it straight to YouTube, crop a vertical MP4 for the short-form feeds, and convert to MP4 anywhere a WebM gets rejected. If you have not built the visual yet, that is the part worth your time, so start there and let the export sort itself out.