PixelyChat / Manual
English
EnglishDeutschFrançaisEspañolPortuguês (Brasil)Bahasa Indonesia日本語한국어简体中文繁體中文العربية
Website ↗

Getting started

OBS & Streamlabs

PixelyChat serves local Browser Source URLs. Copy the source you need, add it once, and future visual changes update from the app.

Before you start

Keep PixelyChat running on the streaming computer. Choose the scene where you want its output to appear.

Connect a Browser Source to OBS

  1. Open Overlays and choose Chat, Stream Scene or Companion. Select the matching orientation where available and copy its Browser Source URL.
  2. In OBS or Streamlabs, add a Browser Source, paste the URL and use the intended scene dimensions. Keep the source visible and above any background that would cover it.
  3. Trigger the corresponding test or send a real chat message. Inspect the scene preview and make a short recording to check appearance and audio.

Check the result

The expected feature appears in the recording. An inactive source is normal in an unloaded scene. If your active scene is empty, verify the source URL, visibility and that PixelyChat is still running. Avoid adding duplicate audio sources for the same output.

Settings and further help

01

Chat

Viewer-facing chat overlay plus TTS audio. Add it as a Browser Source.

02

Stream Scene

The shared visual layer for Alerts, Rewards, Overlay Widgets, Action Widgets and Specials.

03

Companion

A separate Browser Source for the Companion avatar and its stream output.

04

Action Widgets

Most action widgets use Stream Scene; individual Browser Sources are available where a separate source fits your layout better.

1

Open Overlays in PixelyChat.

2

Choose Chat, Stream Scene or Companion.

3

Select the matching horizontal or vertical layout where offered.

4

Copy the Browser Source URL, or use the direct OBS add action when available.

5

In OBS/Streamlabs add a Browser Source, paste the URL and use your chosen scene dimensions.

6

Keep PixelyChat running while streaming — the URLs are served locally by the app.

Chat overlay source
OverlaysCHAT
Stream Scene source
OverlaysSTREAM SCENE
Companion source
OverlaysCOMPANION
Action Widgets browser sources
OverlaysACTION WIDGETS
Overlay Status is your quick check

The Dashboard reports whether PixelyChat can see its browser sources. If a source says Inactive while that OBS scene is not loaded, that is expected.