Discord PNGtuber overlay

Turn a Discord voice channel into a PNGtuber overlay.

PNGStage connects Discord voice activity to a browser-based PNGtuber overlay. Streamers choose a voice channel, add one OBS browser source, and participants animate when they talk.

What is a Discord PNGtuber overlay?

A Discord PNGtuber overlay uses voice activity from a Discord call to decide which PNG avatar should look active on stream.

Why use a Discord bot?

A bot can follow the voice channel the streamer chooses and keep the browser overlay in sync with who is speaking, without every guest configuring local capture.

What does the streamer add to OBS?

The streamer adds the PNGStage overlay URL as an OBS browser source. OBS browser sources are designed to display web pages inside scenes.

Comparison

Discord overlay workflow

PNGStage keeps the Discord call as the source of truth for who should be visible and active in the scene.

NeedUsual setupPNGStage
Voice channel setupManually track who is joining and talking.Pick a Discord voice channel for the overlay session.
Participant avatarsAsk guests to send files before stream.Participants manage their own avatars from PNGStage.
OBS source countOne or more sources per guest.One browser source for the active channel.

FAQ

Discord PNGtuber Overlay questions

Does PNGStage need Discord?

Yes. PNGStage is built around Discord voice channels and a Discord bot that detects active speakers.

Can a streamer use one overlay for multiple Discord channels?

Each active voice channel setup gets its own overlay session. Creator features can support more channel setups.

Do guests need OBS?

No. Guests manage their avatars in PNGStage, while the streamer adds the browser source to OBS.

References

Related official docs