How to Make a Transparent VTuber Overlay with WebM Alpha
To make a transparent VTuber overlay without a green screen, export the avatar clip as VP9 WebM with an alpha channel (yuva420p), then add it in OBS as a Media Source. Do not add a Chroma Key filter—the transparency is already in the file. Use ProRes 4444 only as an editing master (ExportAlpha ProRes clips are limited to 8 seconds); use WebM for longer loops up to 60 seconds. ExportAlpha processes an uploaded file—it is not a live face-tracking plugin or virtual camera.
Updated
Spec box
| Input | MP4 / MOV / WebM / M4V |
|---|---|
| Max length (WebM) | 60 seconds |
| Max resolution | 1080p |
| Approx. upload size | ~200 MB |
| Concurrent jobs | 1 |
| Default export | Transparent VP9 WebM (yuva420p) |
| Optional export | ProRes 4444 MOV, ≤ 8 seconds |
| Not offered | HEVC-with-alpha · GIF · animated WebP · PNG sequence · public API · real-time virtual camera |
| Sign-in | |
| Trial | Most new accounts: 5 free credits (1 credit ≈ 1 video second or 1 still) |
| Packs | Pack credits never expire; see pricing |
≤60s overlay ≈ Quick $6.99
Export the overlay file
Upload a clip up to 60 seconds and download VP9 WebM with alpha. A full overlay of that length is one Quick pack.
Google sign-in required · Failed jobs refund credits
What “transparent VTuber overlay” means
In this guide, a transparent VTuber overlay is a pre-rendered video file of an avatar, mascot, Live2D capture, or pngtuber-style animation that already stores per-pixel transparency. You place that file over gameplay or a camera scene in OBS. The holes in the frame are real alpha data—not a green box you key again on stream.
That is different from live face-tracking VTubing, where software drives a model from a webcam in real time. ExportAlpha does not do live webcam keying, does not install as an OBS plugin, and does not replace VTube Studio–class tracking tools. If you need a live tracked model during the stream, use the tracking stack you already have; use this page when you need a file-based corner loop, bumper, or short reaction clip with true alpha.
WebM VP9 alpha vs green-screen MP4
| Approach | What you deliver | OBS setup | Failure mode |
|---|---|---|---|
| VP9 WebM with alpha | File stores transparency (yuva420p) | Media Source; no Chroma Key | Black box if you used H.264 MP4 or window-captured a player |
| Green-screen MP4 | Opaque H.264; green still in pixels | Media Source plus Chroma Key / Colour Key | Spill, colour collision with game UI, fringing |
| ProRes 4444 MOV | Editorial alpha master | Media Source works; file is large | ExportAlpha ProRes capped at 8 seconds |
Everyday H.264 MP4 cannot store transparency. If your avatar export is an opaque MP4 with a desk, room, or editor background, you need background removal (or a flat-color key) before the WebM encode. For the key-vs-AI decision tree, see Green screen to transparent WebM.
Who this guide is for
- You already have a short animation or capture and need a looping corner overlay, lower-third-style bumper, or intro clip in OBS / Twitch.
- Your capture still shows a desk, room, or solid editor background and you need true alpha, not a green box to key again.
- You are not looking for a live face-track plugin or a virtual webcam that keys during the stream.
Overlay vs stinger vs live camera
| Need | Right path |
|---|---|
| Looping VTuber / mascot overlay | This page → Media Source + WebM |
| One-shot follow/sub alerts | Transparent WebM stream alerts |
| Scene wipe / stinger | OBS stinger with transparent WebM |
| Any transparent file in OBS (generic) | How to use transparent video in OBS |
| Live camera background removal | Not ExportAlpha — need different software |
Path A — Filmed or screen-captured model
- Capture a short clip of your avatar. A simple, contrasting background helps when you can get one. Green screen is optional; uneven real rooms usually need AI matting instead of a single chroma key.
- Keep the clip ≤ 60 seconds if you want one WebM from ExportAlpha. Longer performances: cut into segments.
- Upload at exportalpha.com, wait for processing, download Transparent WebM.
- In OBS: Sources → Add → Media Source → browse to the
.webm→ enable Loop if it should repeat → leave chroma key off. - Place the Media Source above game capture / camera in the source list so it is not covered.
Path B — Already-transparent motion graphic
If a motion tool already exported ProRes 4444 (or another alpha master), skip background removal. Prefer VP9 WebM for a lighter OBS overlay; ExportAlpha ProRes is capped at 8 seconds. Format matrix: Which formats support transparency?.
Path C — Live2D / pngtuber / desktop avatar apps
Many apps preview with transparency on a checkerboard, then record or export an opaque MP4. Treat that export like Path A: remove the leftover background, then write WebM with alpha. Exact menu names differ by app and version—verify them in your software. This page does not invent click paths for third-party tools.
No green screen path
You do not need a physical green screen if:
- You can remove a real background with AI matting that writes alpha, then export WebM; or
- Your motion tool already wrote an alpha master (ProRes 4444 / similar).
You do need either a flat keyable color or AI removal if the capture is an opaque MP4 with a busy room. Green screen is a convenience for keying—not a requirement for WebM alpha delivery.
Step-by-step OBS Media Source
- Use Media Source, not a window capture of a player that paints black.
- Confirm the file is VP9 WebM with alpha, not everyday H.264 MP4.
- Loop on for repeating overlays; off for one-shots (alerts belong on the stream alerts guide).
- Do not stack Chroma Key on a file that already has alpha.
- Optional: OBS documents Apply alpha in linear space on Media Source—test both states if edges look wrong (detail on the OBS guide).
- If you see a black box, read Why transparent video turns black.
Loop vs one-shot reactions
- Looping presence overlay (always-on corner mascot): Loop on.
- One-shot reaction (wave, hype clip): Loop off; trigger visibility or use the alerts pattern (Restart when active).
- Do not confuse overlays with stingers—stingers are scene transitions, covered separately.
Limits of pre-rendered overlays
A pre-rendered WebM cannot lip-sync to live audio, follow unrecorded head poses, or replace live tracking. Cut longer performances into ≤60s segments for ExportAlpha’s WebM path. Failed jobs refund credits. Job files are deleted 7 days after processing finishes — see Sources.
When ExportAlpha is the wrong fit
- Clip longer than 60 seconds in one job
- Need 4K, HEVC-with-alpha, GIF, animated WebP, PNG sequence, or a public API / batch queue
- Need real-time virtual camera or live face tracking inside OBS
- You only need a chroma key on a perfectly even green screen and already have a local keyer—AI web removal is optional, not mandatory
ExportAlpha path
- Sign in with Google at exportalpha.com. Most new accounts get 5 free credits.
- Upload MP4 / MOV / WebM / M4V (limits in the spec box).
- Download transparent VP9 WebM (default) or ProRes 4444 if the clip is ≤8 seconds and you need an editorial master.
- Drop the WebM into OBS as Media Source.
≤60s overlay ≈ Quick $6.99 — One project ≈ Quick pack $6.99
Troubleshooting black / opaque
| Symptom | Likely cause | Fix |
|---|---|---|
| Black rectangle | H.264 MP4 or player window capture | Re-export WebM with alpha; use Media Source |
| Green fringe | Chroma Key stacked on real alpha | Remove Chroma Key / Colour Key filters |
| Soft edges dirty | Compositor alpha handling | Toggle Apply alpha in linear space; compare |
More cases: black background guide.
Related NLE handoff (ProRes)
If you composite in an NLE first, prefer ProRes 4444 as the handoff master, then WebM for OBS weight. ExportAlpha ProRes is ≤8 seconds; longer masters need your NLE or a local encode. See the Premiere and After Effects guides on Guides.
Frequently Asked Questions
Does a VTuber overlay need a green screen if the file has alpha?
No. If the WebM or ProRes 4444 already stores alpha, OBS composites the holes. Adding Chroma Key on top often creates fringing. Green screen is only a way to create alpha earlier in the pipeline.
Should I use Media Source or Browser Source for a looping avatar WebM?
Use Media Source for a local .webm file. Use Browser Source when the overlay is hosted as a web page or widget URL. Do not window-capture a media player.
Why does my VTuber WebM show a black box in OBS?
Usually the file is MP4 without alpha, a chroma key was added on top of real alpha, or you captured a player window. Use Media Source on a WebM with alpha and remove extra chroma filters. See the guide Why transparent video turns black.
Can ExportAlpha replace a live face-tracking VTuber app?
No. It processes an uploaded file and returns WebM or short ProRes. It does not run inside OBS during a live stream.
Is there a free trial?
Most new accounts get 5 free credits after Google sign-in, with fair-use limits. 1 credit is about 1 video second or 1 still.
WebM or ProRes for a VTuber overlay?
Prefer WebM for looping overlays. Use ProRes 4444 when you need an editing master. ExportAlpha's ProRes path is limited to 8 seconds.
Next step
- Upload at exportalpha.com (Google sign-in). Most new accounts get 5 free credits.
- Download transparent VP9 WebM (default) or ProRes 4444 MOV (≤ 8 seconds).
- Out of trial credits? One project ≈ Quick pack $6.99 (60 credits; packs never expire).
Make the overlay
Google sign-in, then a transparent WebM you can loop in OBS as a Media Source.
Google sign-in required · Failed jobs refund credits
Sources
- OBS Project, Media Sources: obsproject.com/kb/media-sources
- ExportAlpha Sources and Pricing
- Apple ProRes alpha: support.apple.com/en-us/102207 (4444 / 4444 XQ only)