Pomoc Chat Overlay

Chat Overlay

Chat overlay

The chat overlay displays chat messages on stream. It supports Twitch, YouTube and Kick. Add it to OBS as a Browser Source at http://localhost:47201/chat.

Overlay profiles

You can create multiple independent chat profiles - each with separate appearance settings. Useful if you have different scenes in OBS (full screen vs. game) and want a different chat style for each of them.

To load a specific profile, add the ?overlay=ID parameter to the URL in OBS, e.g.:

http://localhost:47201/chat?overlay=abc123

The profile ID can be found in the panel on the chat overlay profiles list. The address without a parameter loads the default profile.

Platform filter

If you stream on multiple platforms simultaneously, you can show only messages from one of them in the overlay. Add the ?platform= parameter to the URL:

  • http://localhost:47201/chat?platform=twitch - Twitch only
  • http://localhost:47201/chat?platform=youtube - YouTube only
  • http://localhost:47201/chat?platform=kick - Kick only

Parameters can be combined: ?overlay=ID&platform=twitch

Appearance configuration

In the panel under Overlays → Chat you can customize:

  • Font and text size
  • Colors - message background, username color, text color
  • Scroll direction - messages from top or from bottom
  • Maximum number of visible messages
  • Message display time - after how many seconds the message disappears (fadeOutDelay)
  • Entry animation - effect for new messages appearing
  • Timestamps - optional display of message time
  • Alternate background - every other message has a slightly different background (alternateBg)
  • Accent style - message highlight (e.g. a line on the left side)
  • Badges - display subscriber / moderator badges with option for custom emoji or images

Message filters

You can hide selected message types in the overlay:

  • Hide commands - messages starting with ! will not be displayed
  • Hide bot messages - messages from accounts marked as bots will not be displayed
When setting up the chat overlay in OBS, uncheck the Custom CSS option in the Browser Source settings - StreamieHUB has built-in styles.

Recommended dimensions

The chat overlay is usually placed on the left or right side of the screen in a vertical layout. The recommended dimensions are 400 x 1080 px, but you can adjust them to fit your layout.

Cos nie dziala? Napisz do nas