Chat Widget

Description

A simple widget that displays messages from Twitch, YouTube and Kick chats with emotes, badges and announcements. Messages and events are received directly via Streamer Bot client.

Features:

• 💬 Messages from 3 platforms
• 🎨 Badges and emotes
• 📢 Coloured announcements
• 🎁 Point redemptions
• ⏱ Messages disappear after 30 seconds
• 📊 Maximum 50 messages displayed

Normal messages

• Platform icon (Twitch/YouTube/Kick)
• User badges
• Username
• Message with emotes

Announcements

• Special coloured background (blue, green, orange, purple)
• Title "📢 Announcement 📢"
• Large message

Redemptions

• Blue background
• Reward title

Installation and Configuration

To use this widget, simply add it to OBS Studio.

• In OBS, create a Browser Source
• Untick "Local file"
• Open the widget in your browser
• Copy the link from the URL bar
• Paste it into the URL field of the OBS browser source

Troubleshooting

Messages don't appear

• Check that Streamer.bot is connected to the platforms
• Check that chat events are enabled
• Check that the issue is not on the platform's side

Custom emotes don't display

This is normal for non-Twitch emotes (API limitations). Twitch global emotes always work.