Skip to content

40% off every plan

See plans
facecam

Free OBS PNGTuber

A PNGTuber in OBS from a single link: paste it into a Browser source and the character talks when you do. Free, no sign-up.

PNGTuber Maker: a 2d avatar that talks

Your browser will ask for microphone access when you click.

Set it up in OBS

  1. Copy the OBS link

    In the PNGTuber Maker, choose a starter character such as Nova, Kit or Ember, adjust the settings, and click Copy OBS link under Use in OBS.

  2. Add a Browser source

    In OBS, click + under Sources, choose Browser, and paste the link into URL. Use the width and height shown next to the link in the maker.

  3. Let OBS hear your mic

    Close OBS and start it with --enable-media-stream. On Windows, add it to the end of the shortcut's Target; on a Mac, start OBS from Terminal with it. The maker shows the exact command.

  4. Talk

    The mouth follows your default microphone. Changed the character or its settings? Copy the link again and replace the URL.

If it doesn't work

ProblemFix
The source says it can't hear a micOBS wasn't started with --enable-media-stream. Quit it fully and start it with the flag.
The source says to click it onceRight-click the source, choose Interact, and click inside the page so it may start the mic.
The source says the link is missing its avatarThe URL was cut off when pasting. Copy the OBS link again.
There's a coloured box behind the characterThe background in the maker was set to a colour. Set it to Transparent and copy the link again.

Starter character, your own art, or the Facecam camera

You haveRoute into OBSNeeds the extension
A starter characterOBS link in a Browser sourceNo
Your own picturesGreen screen background, capture the Chrome window, Chroma Key filterNo
A PNGTuber already set as your Facecam cameravdo.ninja: Add your Camera to OBS, then its view link as a Browser sourceYes

For your own art: set the background to Green screen, keep the maker in its own Chrome window, capture that window, crop it to the preview, then right-click the source, choose Filters and add Chroma Key. On macOS 13 or newer, OBS's macOS Screen Capture source replaces Window Capture.

More about OBS

Why the link can be pasted straight in

A Browser source is a small browser built into OBS. It has no Chrome extensions, which is why Facecam's camera can't be used there, but the OBS link needs none: the page holds the character and its settings in the address itself and runs entirely on your computer.

Sources

  • VDO.Ninja: getting started (add your camera to OBS) — docs.vdo.ninja/getting-started (checked 2026-10-03)
  • VDO.Ninja: share audio with OBS (Control audio via OBS) — docs.vdo.ninja/guides/share-obs-audio-with-vdo-ninja (checked 2026-10-03)
  • OBS: browser source — obsproject.com/kb/browser-source (checked 2026-10-03)
  • OBS: chroma key filter — obsproject.com/kb/chroma-key-filter (checked 2026-10-03)
  • OBS: window capture sources — obsproject.com/kb/window-capture-sources (checked 2026-10-03)
  • OBS: macOS screen capture source — obsproject.com/kb/macos-screen-capture-source (checked 2026-10-03)

Questions

Is the background transparent?

Yes. The OBS link page is see-through, so the character sits directly on your scene.

Does it work in Streamlabs Desktop?

Streamlabs Desktop has a Browser source as well. We haven't tested the mic flag there.

Do I need an account or to pay?

No. The link is free and needs no sign-in.

Which mic does it listen to?

Your system's default microphone. Change the default in your computer's sound settings if it picks the wrong one.

Other platforms

Related