title | description | layout | parent |
---|---|---|---|
Basic Twitch Alerts |
An OBS widget to display Twitch events like follow, subs, raids and many more... |
default |
OBS Widgets |
Twitch {: .label .label-purple }
OBS {: .label .label-yellow }
StreamerBot {: .label .label-blue }
{: .no_toc .text-delta }
- TOC {:toc}
A simple OBS overlay for your Twitch alerts.
And it's customizable!
Supported events are follows, raids, subs, resubs, giftsubs, giftbombs, cheers, watchstreaks and kofi donations.
-
Go into Streamerbot and head to the tab
Servers/Clients -> WebSocket Server
and start the websocket server. Leave the adress at127.0.0.1
and the port at8080
. CheckAuto Start
as well. You can set a password, but you don't have to. If you do, make sureEnforce for All Requests
stays unchecked. -
Copy the URL:
https://tawmae.github.io/overlays/BasicTwitchAlerts.html
-
Go into your OBS, create a browser source and paste the URL in there. Preferably set the resolution to your canvas size.
-
Done 🥳
{: .new } To have the events in multiple scenes, don't create an individual browser source in every scene, but instead create a new nested scene and put just a single browser source in there. Then place that scene into all your other scenes. This way you won't have to create 20 browser sources for 20 scenes.
To customize the alert overlay, you can add URL parameters. The first parameter gets added with a ?
, every additional one with &
.
Example:
https://tawmae.github.io/overlays/BasicTwitchAlerts.html?sound=true&eventcolor=gold&color=linear-gradient(135deg,%230055FF,%2300FFAA)&usernamecolor=cyan&duration=12000&anonymousfollows=true
{: .new }
You can simulate events by creating a trigger (like a Twitch Follow trigger), then rightclick it and hit Simulate Event
.
Changes the background color of the background box. Supports hex codes and even stuff like gradients.
color=white
color=FFFFFF
color=linear-gradient(135deg,%23a800ff,%23ff0080)
Changes the font used for the event text. Supports standard fonts.
font=Arial
font=Poppins
Changes the color of the username displayed in the event. The event icon left of the box will also have this color.
usernamecolor=blue
usernamecolor=FF5733
Changes the color of the event description text.
eventcolor=green
eventcolor=00FF00
Changes the duration until the alert disappears. Number in milliseconds. The default is 7000.
duration=5000
Toggles whether a sound is played when the overlay displays.
sound=true
Replaces the username and avatar with placeholders for follow events.
anonymousfollows=true
Disables watchstreaks from being displayed as an alert.
watchstreaks=false
https://tawmae.github.io/overlays/BasicTwitchAlerts_GER.html
(Thanks to Jkrilin for the translation)
https://tawmae.github.io/overlays/BasicTwitchAlerts_ES.html
Date | Changes | Version |
---|---|---|
December 06, 2024 | Release | 1.0.0 |