Logo

BASIC ALERTS

„GOD DAMMIT, STREAMER.BOT, I JUST WANT SOME ALERTS WITHOUT PUTTING HOURS OF WORK INTO THIS!“

Fear no more, child. Here's an OBS widget for Twitch that shows all common Twitch events as well as Kofi donations.
widetime

BROWSER SOURCE URL
https://tawmae.xyz/overlays/basic-alerts.html
SETUP

1. In Streamer.bot, go into the Servers/Clients -> WebSocket Server tab. Check Auto Start WebSocket Server, leave Address at 127.0.0.1 and the Port at 8080. You can set a password if you want, just make sure to leave Enforce All Requests unchecked. Start the server.

Here you can check in real-time if your Websocket server is up and running:

2. Copy the Browser Source URL from above into your clipboard.

3. In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and preferably set the Width and Height to your OBS canvas size.

And then you're done Pog Clap
If you want to test it, you can create any Twitch event trigger like a Subscription trigger in an empty action in Streamer.bot, rightclick that trigger and hit Simulate Event

CUSTOMIZATION

You can add URL Parameters at the end of the URL to customize certain things. The first parameter is getting added with a ?, every additional one with a &.


Example: https://tawmae.xyz/overlays/basic-alerts.html?eventcolor=gold&color=linear-gradient(135deg,%230055FF,%2300FFAA)&usernamecolor=cyan&anonymousfollows=true

Background Color

Changes the background color of the background box. Supports hex codes and gradients.

color=pink


color=b81a56


color=linear-gradient(135deg,%23a800ff,%23ff0080)

Font

Changes the font used for the text. Supports standard fonts. Use a + character to replace spaces.

font=Arial


font=Comic+Sans+MS

Username Color

Changes the color of the username displayed in the event. The event icon right of the box will also have this color.

usernamecolor=pink


usernamecolor=b81a56

Event Color

Changes the color of the event description text.

eventcolor=pink


eventcolor=b81a56

Duration

Changes the duration until the alert disappears. Number in milliseconds. The default is 7000.

duration=10000

Anonymous Follows

Replaces the username and avatar with placeholders for follow events so the follower can remain anonymous.

anonymousfollows=true

Sound

Toggles whether a tiny sound effect is played when the overlay displays.

sound=true

CHANGELOG
Date Changes Version
February 02, 2025 Release 1.0.0