How to add it to OBS, Streamlabs or Meld
- Set it up above, then press Copy link.
- In OBS Studio, click + under Sources and choose Browser. In Streamlabs Desktop, add a Browser Source; in Meld Studio, add a Browser layer.
- Paste the link into the URL box and set the width and height shown under the link.
- Leave "Shutdown source when not visible" off. If it is on, live alerts and goals stop whenever you switch scenes.
- Drag it where you want it and resize it with the red handles. The background is transparent, so only the avatar shows. 600 × 600 works well in a corner.
It also works as a Twitch Studio, PRISM Live or vMix browser input. Gear that pairs well: a Stream Deck or a free OBS install. Disclosure. Your settings are saved in this browser, so you can come back and change them; after changing settings, paste the new link into the source.
Turn on the microphone in OBS (one time)
OBS browser sources can't hear a microphone until you allow it with a launch option, the same one the face filter facecam uses:
- Close OBS, right-click its shortcut, choose Properties, and add
--enable-media-streamto the end of the Target box (after the closing quote). On a Mac:open -a OBS --args --enable-media-stream. - Reopen OBS from that shortcut and add the Browser Source. Leave "Control audio via OBS" off: the overlay only listens, it never plays your voice back.
The microphone is read inside OBS on your PC. Nothing is recorded or sent anywhere. If the overlay shows a message instead, it tells you what's wrong (launch option missing, no microphone, permission denied).
How it knows you're talking
About 60 times a second the overlay measures how loud your microphone is (the root mean square of the sound wave). Above the threshold set by your sensitivity, the avatar is talking; it keeps talking for 0.18 seconds after you stop, so it doesn't flicker between words. Louder speech opens the mouth wider.
Example: at sensitivity 50 the threshold is 0.048. Normal speech near a desk mic is around 0.05 to 0.15, which opens the mouth a third to fully; keyboard clicks at about 0.02 stay below it. If the avatar talks when you type, lower the sensitivity; if it misses quiet words, raise it.
Your own PNGtuber: choose "My own images", and paste https links to an idle picture and a talking picture (for example from your Discord or image host). Transparent PNGs and GIFs work.
Make it celebrate
Add your Twitch or Kick channel and the avatar switches to a happy face with floating hearts for 3.5 seconds on every sub, gift bomb, Bits cheer and raid.
How it hears your chat: the overlay connects to your Twitch or Kick chat the same anonymous, read-only way a logged-out viewer does. It never posts, needs no login or token, and sees subs, gift subs and Bits as they're announced in chat. Commands only work for you (the broadcaster) and your moderators.
Frequently asked questions
Is this a free PNGtuber maker?
Yes. Use one of the built-in avatars, or your own idle and talking images, as an OBS browser source. No download, no account.
Why doesn't my avatar move in OBS?
OBS needs the --enable-media-stream launch option to let browser sources use a microphone. Add it to your OBS shortcut and restart OBS.
Does it record my voice?
No. It only measures loudness inside OBS on your computer; no audio is stored or sent.
Was this calculator helpful?