Audioframe ← All guides
Guide · 8 min read

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:

  1. 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.
  2. Background: None. Any solid, gradient or image background is exactly what it says — opaque pixels where you wanted transparency.
  3. 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.

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 →