How to export a transparent video and use it in your editor
A visualizer is far more useful as a transparent overlay than as a finished video. Exported with an alpha channel, it drops straight onto your footage in Premiere, Final Cut or DaVinci with no green screen, no keying and no halo around the edges. This is how to produce one and how to get each editor to read it properly.
Why alpha instead of chroma key
The old approach is to render the visualizer over solid green and key it out. It works, but it costs you quality in three ways: keying leaves fringing on soft or glowing edges, green reflects into semi-transparent pixels, and anti-aliased edges end up either jagged or haloed.
An alpha channel stores transparency per pixel as real data, so a glow fades out smoothly and a thin bar keeps its clean edge. There is nothing to key, nothing to spill, and nothing to tune.
Exporting alpha from Audioframe
Three things have to line up, and missing any one silently gives you an opaque file:
- Format: WebM. MP4 (H.264) has no alpha channel at all. If you pick MP4 with a transparent background, the background is filled black on export — the editor warns you about this at the point you choose the format.
- Background: None. Any solid, gradient or image background is exactly what it says — opaque pixels where you wanted transparency.
- Source video hidden. If you loaded a video file and left it visible, its frames fill the background and there is nothing transparent left.
With those set, export produces a VP9 WebM with a real alpha channel. The checkerboard you see behind the visualizer in the editor is showing you exactly which pixels will be transparent.
Browser support: alpha in WebM requires VP9, which Chrome and Edge provide. Safari's encoder does not, and will give you an opaque file instead. Export from a Chromium-based browser if you need transparency.
Bringing it into an editor
DaVinci Resolve
Resolve reads alpha WebM directly on import. Drop the clip on a track above your footage and the transparency is respected with no extra step. If it appears opaque, check the clip's attributes and confirm the alpha channel is being used rather than ignored.
Adobe Premiere Pro
Premiere's WebM support depends on version and platform, and it is the editor most likely to either refuse the file or ignore its alpha. If that happens, convert once to an intermediate that Premiere is guaranteed to read — ProRes 4444 or QuickTime Animation, both of which carry alpha:
ffmpeg -i visualizer.webm -c:v prores_ks -profile:v 4444 -pix_fmt yuva444p10le out.mov
The file will be considerably larger — these are editing codecs, not delivery codecs — but it will import cleanly and scrub without stuttering.
Final Cut Pro
Final Cut prefers ProRes. Use the same conversion as above; ProRes 4444 is its native alpha-carrying format and will behave better on the timeline than WebM even when WebM imports.
After Effects
Import the ProRes 4444 version and set the layer's blending as needed. If you would rather not convert at all, Audioframe's PNG sequence export gives you numbered PNGs with alpha preserved, which After Effects imports as an image sequence — larger on disk, but lossless and entirely unambiguous about transparency.
Composite it well
Alpha gets the visualizer onto your footage; these get it to look like it belongs there.
- Try Screen or Add blending. For a bright visualizer on darker footage, an additive blend reads as light rather than as a sticker on top.
- Pull the opacity back. 100% almost always looks pasted on. Somewhere between 70% and 90% sits it into the image.
- Match the colour to the footage. White is the safe default because it composites over anything, but sampling a colour already present in the shot ties the two together.
- Respect the safe zones. Platform interface still covers the bottom and right edges — see the aspect ratio guide.
When not to use alpha
If the visualizer is the video — artwork behind it, text on top, going straight to a feed — export MP4 instead. It is universally playable, far smaller, and no platform will do anything useful with an alpha channel on upload. Transparency is for footage you are going to edit, not for something you are about to post.
Export a transparent overlay →