Wichtige Widgets

Dieser Überblick ersetzt die alte "10 Widgets"-Liste durch die echten, aktuell in Builder, Pro Editor und AI-Builder verfügbaren Element-Typen (gemeinsame Element-Registry). Pro Element: wofür es da ist, was sich einstellen lässt, wo der typische Konfigurationsfehler liegt.

Text, Bild, Form

Die drei einfachsten Bausteine: freier Text, ein Bild aus deiner Mediathek (Asset-Picker), oder eine reine Form/Box (Farbfläche, Rahmen). Kein Widget im engeren Sinn, aber die Basis jedes Layouts.

Typischer Fehler bei Bildern: unskalierte Riesen-PNGs verlangsamen die Browser-Source spürbar - vorher auf Stream-Auflösung zuschneiden, siehe Book Browser Source Setup → Performance-Tipps.

Webcam (Platzhalter)

Reiner Rahmen/Platzhalter im Layout - liefert kein echtes Kamerabild. Die echte Cam kommt als eigene OBS-Quelle darunter. Ein Live-Video-Element mit echtem Kamera-Sync existiert separat (LiveKit-Anbindung) für Team-/Regie-Workflows, siehe Book Pro Editor → Verfügbare APIs im Overlay.

Chat-Box

Live-Chat von Twitch / YouTube / Kick (je nach verbundener Plattform).

Settings: Max. Zeilen, Akzentfarbe, Größe/Position.
Multi-Plattform: wenn mehrere Plattformen verbunden sind, wird gemergt.
Typischer Fehler: kein Chat sichtbar = Integration nicht verbunden oder Token abgelaufen. Prüfen unter /dashboard/integrations.

Viewer-Count

Live-Zuschauerzahl.

Settings: Label-Text, Akzentfarbe, Größe/Position.
Typischer Fehler: Zahl bleibt bei 0 - meist ein Rechte-/Scope-Problem der Twitch-Anbindung. Integration neu autorisieren.

Goal-Bar / Ziel

Fortschrittsbalken Richtung Ziel. Es gibt zwei getrennte Varianten, die man nicht verwechseln sollte:

Goal-Bar: der bestehende, zentral über LiveControl gesteuerte Ziel-Balken (Sub-/Follower-/Bits-/Spendenziel), im Editor nur ein-/ausblendbar.
Ziel (Pro-Editor): ein eigenständiges Layout-Element mit eigenem Datenmodell, komplett im Editor konfigurierbar (Zielbetrag, Reset-Verhalten).
Typischer Fehler: die falsche der beiden Varianten benutzen und sich wundern, warum Einstellungen woanders liegen.

Event-Liste

Settings: Anzahl Einträge, Position/Größe.
Praktisch für "Just Chatting"-Szenen ohne große Alert-Einblendungen.

Latest-Labels (Follower / Sub / Tip / Raid / Cheer / Top Donor)

Sechs eigenständige Label-Elemente, die jeweils den neuesten Eintrag eines Event-Typs anzeigen ("Latest Follower: xyz123"). Das ist die heutige Entsprechung dessen, was in älteren Docs "Follower-Counter"/"Sub-Counter" hieß - es sind aber Label-Anzeigen des letzten Ereignisses, keine laufenden Zähler.

Praktisch geprüft und stabil im Betrieb, inklusive Sub-Events - wenn du ein "Subscriber-Widget" suchst, ist Latest Sub die richtige Wahl.
Typischer Fehler: Label bleibt leer, bis das erste Event des jeweiligen Typs im aktuellen Stream passiert ist - das ist Absicht, kein Bug.

Umfrage (Poll) / Leaderboard

Umfrage mit Live-Ergebnissen bzw. eine Top-Liste, beide füllen sich live im Overlay.

Settings: Default-Frage/-Optionen (Poll), Anzahl Plätze (Leaderboard).
Typischer Fehler: Ergebnisse erscheinen nicht, wenn die zugehörige Umfrage/das Ranking im Dashboard nie gestartet wurde - das Element zeigt nur an, es startet nichts von selbst.

Timer

Countdown, Default 5 Minuten.

Typischer Fehler: Countdown läuft auf 0, dann passiert nichts von selbst - das ist Absicht. Für ausgelöste Aktionen brauchst du eine Automation-Regel.

Alerts: Live Alert-Box vs. Alert-Element

Live Alert-Box: blendet die zentral konfigurierten Standard-Alerts (Follow/Sub/Cheer/Raid/Tip) ein oder aus - kein eigenes Aussehen im Editor.
Alert-Element (Editor): eigenständig, optisch frei konfigurierbar, mit Test-Trigger für die Vorschau (kein echtes Event nötig, um es zu testen).
Typischer Fehler: Sound ist im Alert-Setting aktiv, aber in der OBS-Browser-Source ist Control audio via OBS nicht gesetzt - dann hörst du den Sound nur lokal im Browser, nicht im Stream. Details: Book Browser Source Setup → Empfohlene Settings.

Fußball-Spielstand

Live-Spielstand für Fußball/WM-Content, hängt an der WM/Football-Integration im Dashboard.

Giveaway / Gaming Queue / Call-in Show

Stream-Tools für Interaktionsformate: laufendes Giveaway anzeigen, Mitspieler-Warteschlange, Telefon-Call-in-Anzeige (Pflichtinfos sind serverseitig erzwungen, nicht frei abschaltbar).

Rotierende Sponsoren-Slots - das ist die eigentliche "Rotation" im Overlay-System (nicht eine automatische Szenen-Rotation, die es so nicht gibt). Konfiguration der Slots läuft über eine eigene Widget-Konfiguration, nicht direkt im Element-Panel.

Celebration-Effekt

Konfetti-/Feier-Effekt, meist an Alert-Events gekoppelt.

OBS-Quelle

Kein Overlay-Element im eigentlichen Sinn - erscheint nur im Regie-Pult (/dashboard/regie) und zeigt/steuert echte OBS-Szenen und -Quellen über Chatlix Connect.

Fehlt dir hier ein Element, das in älterer Doku stand (Hype-Train, Text-Banner, Donation-Goal als eigenständiges Widget): Das gibt es im aktuellen Katalog nicht (mehr) unter diesem Namen. Wenn du unsicher bist, ob etwas existiert, schau in « Overlay Debug » (/dashboard/overlay-debug) oder in den Presets-Dialog - beide zeigen den aktuellen, echten Elementkatalog.

Korrektur (Code-Check 2026-07-08): Diese Liste ist nicht vollständig. Die echte Element-Registry (dashboard-src/src/shared/overlayElementRegistry.js) enthält 33 Einträge und damit mehr Typen als hier beschrieben - zusätzlich zu den oben genannten existieren mindestens: Webseite (web, eine echte http(s)-Seite als Overlay-Box), ein eigenständiger Text-Labels-Block (labels, getrennt von den Latest-Labels), Stream-Pet (stream_pet), ein separates Countdown-Element (countdown, getrennt vom Timer-Widget), eine generische Warteschlange (queue, getrennt von Gaming Queue) und Credits (credits, Abspann-Rolle). Der Presets-Dialog mit den Layout-Packs ist zudem kein verlässlicher Nachweis für den aktuellen Katalog - er gehört zum Code des retirierten Legacy-Builders und ist im aktiven Pro Editor nicht eingebunden (siehe [Overlay Builder Grundlagen]).