Zurück zu den Tools Setup Guide

BASIC ALERTS

Ein OBS Browser Source Alert-Overlay powered by Streamer.bot. Vollständig anpassbar via URL-Parameter – kein Code-Editing nötig.

⚠ Nur Twitch — Dieses Overlay unterstützt ausschließlich Twitch-Events.

Setup
1

Streamer.bot WebSocket aktivieren

In Streamer.bot → Servers/Clients → WebSocket Server → Auto Start aktivieren. Standard-Port ist 8080.

2

alerts in OBS als Browser Source hinzufügen

OBS → Quelle hinzufügen → Browser → URL eintragen. Breite: 1920, Höhe: 1080.

URL-Parameter werden direkt ans Ende angehängt, z.B. …alerts?lang=de&accent=#00c8b4

3

URL-Parameter anhängen

Parameter werden direkt ans Ende der URL gehängt. Alle verfügbaren Parameter findest du weiter unten auf dieser Seite.

Beispiel: ...alerts?lang=de&accent=#9146FF&duration=6000

Möchtest du es einfacher haben?

Nutze den visuellen Alert-Generator, um deine URL bequem per Mausklick zusammenzustellen.

Zum Konfigurator
URL Parameter
?port
WebSocket-Port von Streamer.bot. Nur ändern wenn du den Standard-Port geändert hast.
Default: 8080
Beispiel
alerts?port=8080
?password
WebSocket-Passwort, falls du in Streamer.bot unter WebSocket Server ein Passwort gesetzt hast. Leer lassen wenn kein Passwort gesetzt ist.
Default: leer
Beispiel
alerts?password=meinPasswort
?lang
Sprache der Alert-Texte. Deutsch oder Englisch.
Default: de — Werte: de / en
Beispiel
alerts?lang=de
?duration
Wie lange eine Alert sichtbar bleibt, in Millisekunden.
Default: 7000
Beispiel
alerts?duration=7000
?accent
Hauptakzentfarbe – Highlights, Fortschrittsbalken. Hex-Code mit oder ohne #, oder CSS-Farbnamen.
Default: 00c8b4
Beispiel
alerts?accent=#00c8b4
?username
Farbe des Usernamens in der Alert. Wenn nicht gesetzt, wird die Akzentfarbe verwendet.
Default: = accent
Beispiel
alerts?username=#00c8b4
?msgcolor
Farbe des Nachrichtentexts unter dem Username. CSS-Farbe, Hex oder rgba().
Default: rgba(255,255,255,0.75)
Beispiel
alerts?msgcolor=rgba(255,255,255,0.75)
?bg
Hintergrundfarbe der Alert-Karte. Unterstützt vollständige CSS-Farbwerte wie Hex oder rgba() für Transparenzen.
Default: rgba(17,18,22,0.92)
Beispiel
alerts?bg=rgba(17,18,22,0.92)
?showavatar
Avatar des Users anzeigen oder ausblenden. Wird automatisch von Twitch geladen.
Default: true — Werte: true / false
Beispiel
alerts?showavatar=true
Unterstützte Events
Event Plattform Automatisch Beschreibung
FollowTwitchJaNeuer Follower
SubTwitchJaNeues Abo (Tier 1/2/3 + Prime)
ReSubTwitchJaErneuertes Abo mit Monatszahl
GiftSubTwitchJaEinzelnes verschenktes Abo
GiftBombTwitchJaMehrere verschenkte Abos auf einmal
CheerTwitchJaBits-Spende im Chat
RaidTwitchJaEingehender Raid mit Viewer-Anzahl
Beispiel-Kombination
alerts?lang=de&accent=#00c8b4&bg=rgba(17,18,22,0.92)&duration=7000
Kopiert!