How to make yourself a transparent OBS overlay, no green screen
No watermark on the free export. Transparent WebM, GIF or green screen, straight out: free exports go up to 1920 px.
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 tool 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 90 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
- In OBS, select the scene that should get the overlay.
- Under Sources, click + → Media Source → give it a name (e.g. "me-overlay") → OK.
- 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:
- Add the MP4 as a Media Source (same as step 2).
- Right-click the source → Filters → under Effect Filters click + → Chroma Key.
- 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
80for soft edges - Key Color Spill Reduction: around
100to neutralise any green tint on edges
Because the 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
The WebM shows a black background instead of transparency
Usually hardware decoding: open the Media Source properties and untick Use hardware decoding. Also confirm you downloaded the transparent WebM, not the green-screen MP4.
The loop has a visible "jump"
The tool keeps your original frames, so a seamless loop needs a recording where your start and end pose match. Film yourself returning to your starting position before you stop recording.
Edges flicker or look soft
That's the matting quality, set at recording time: even lighting, a calmer background and more subject/background contrast fix most of it: see the filming guide.
Can I use this in Streamlabs / vMix / XSplit?
Yes, the same WebM-with-alpha trick works in Streamlabs Desktop (Media Source) and most streaming tools; where alpha isn't supported, use the green-screen MP4 with that tool's chroma-key filter.
Does this cover OBS overlays in general, and is it free?
Yes: this whole guide is about OBS overlays specifically: turning your webcam cutout into a Media Source overlay, free, with no plugin. Whether you search overlay for obs or obs overlay free, the steps above are the same free workflow, no paid plugin required.
Does this include a chat overlay for OBS too?
No: this guide only covers the transparent video overlay (your webcam cutout), not an obs chat overlay. For a chat overlay obs setup, or any chat overlay for obs widget, add a separate Browser Source pointed at your chat pop-out; it runs alongside the video overlay as its own source, not something this tool generates.
Can I use this in Discord calls, not just streaming platforms?
Yes, the same way as any OBS scene: turn on OBS's own Virtual Camera (Start Virtual Camera in the OBS controls), pick it as your camera source inside Discord, and whatever OBS shows, including your transparent overlay, goes into the call. Getting your setup to stream obs to discord this way needs nothing beyond that one OBS feature.
Running more than one of these chat overlays for OBS at once, say, chat plus your webcam cutout, just means stacking Sources: the Browser Source for chat above the Media Source for the transparent webcam clip this guide covers, since OBS renders whatever sits higher in the list on top.
More guides: green screen vs AI matting · film yourself for a clean cutout · the full video background remover guide
By Sam Ridder, I build and run VideoBGNinja on my own hardware, on my own. Who I am.
ShinobiTools · KvK 42147182 · info@shinobitools.com