Yourself as a transparent OBS overlay — no green screen

Want a pre-recorded clip of yourself floating over your gameplay, slides or stream scene — with a fully transparent background? You don't need a green screen or a capture rig. Record a normal clip anywhere, let the AI cut you out, and drop the result into OBS Studio as a Media Source. This guide covers both routes: the clean way (WebM with a real alpha channel) and the compatible way (green-screen MP4 + OBS's Chroma Key filter).

一Step 1 — Make the transparent clip

Record a short clip of yourself (up to 60 seconds) and upload it to VideoBGNinja. There's no account and no watermark; it works on videos with a person in frame. You get three downloads — for OBS you want the first one:

• Transparent WebM — VP9 with a real alpha channel. OBS plays this natively with transparency. This is the best option.
• Green-screen MP4 — the same clip on chroma green, for the fallback route in step 4.
• Alpha matte MP4 — for video editors, not needed in OBS.

Tip: for the cleanest edges, film with decent light and some contrast between you and your background — details in the filming guide.

二Step 2 — Add it as a Media Source

1. In OBS, select the scene that should get the overlay.
2. Under Sources, click + → Media Source → give it a name (e.g. "me-overlay") → OK.
3. Next to Local File, click Browse and pick your downloaded …-transparent-videobgninja.webm.

The clip appears in your scene with the background already transparent — no filters needed. OBS's Media Source (it uses FFmpeg under the hood) decodes VP9 WebM alpha out of the box.

Loop settings that matter

• Loop — tick this if the overlay should repeat continuously (idle loops, animated "cam" replacement). Leave it off for one-shot stingers.
• Restart playback when source becomes active — tick this so the clip starts from frame one every time you switch to the scene. Essential for intro/BRB scenes.
• Show nothing when playback ends — with looping off, tick this so the overlay disappears after playing instead of freezing on the last frame.
• Leave Use hardware decoding on unless you see glitches — some GPU decoders handle alpha WebM imperfectly; if the transparency looks wrong, untick it (CPU decoding always renders alpha correctly).

三Step 3 — Position and scale

• Move: drag the source in the preview. OBS snaps to edges and centre lines.
• Scale: drag the corner handles. Keep it proportional (OBS does this by default from corners).
• Crop: hold Alt while dragging an edge handle to crop instead of squash — handy for trimming empty space around yourself.
• Exact placement: right-click the source → Transform → Edit Transform (Ctrl+E) for pixel-precise position, size and crop. Transform → Fit to screen (Ctrl+F) makes it full-canvas.
• Layer order: sources higher in the list render on top — keep your overlay above gameplay/slides.

四Alternative — green-screen MP4 + Chroma Key filter

If you prefer MP4 (smaller files, faster decode) or something in your chain doesn't like alpha WebM, use the green-screen MP4 and key it in OBS:

1. Add the MP4 as a Media Source (same as step 2).
2. Right-click the source → Filters → under Effect Filters click + → Chroma Key.
3. Settings that work well with our output (standard chroma green 0x00B140):
   • Key Color Type: Green
   • Similarity: start at 400 — raise it until all green is gone, lower it if parts of you disappear
   • Smoothness: around 80 for soft edges
   • Key Color Spill Reduction: around 100 to neutralise any green tint on edges

Because the AI-generated green is perfectly uniform (unlike a real fabric screen with shadows and wrinkles), the key is unusually forgiving — you rarely need to touch Contrast, Brightness or Gamma.

五Troubleshooting

More guides: green screen vs AI matting · film yourself for a clean cutout · make a transparent video