Direkt zum Hauptinhalt

Vorlage anlegen + rendern

1. Vorlage anlegen

Dashboard → Stream-Credits → Neue Vorlage (Pfad zum Menüpunkt selbst und Power-Tier-Hinweis: siehe Was sind Stream-Credits?).

FeldBeschreibung
Namez. B. "Mein Standard-Abspann" (max. 120 Zeichen)
SektionenAn/Aus je Sektion: Lead-Mods, Mods, VIPs, Zuschauer — mit optionalem Titel + Limit pro Sektion (1–5000). Es gibt keine Sub/Bits/Raid-Sektion (siehe Korrektur auf der ersten Seite).
HintergrundFarbe (Hex), Verlauf (frei, max. 400 Zeichen CSS-Gradient-String) oder Bild-URL (https)
Textfarbe / AkzentfarbeHex-Farben, frei wählbar
SchriftartFeste Allowlist: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Bebas Neue, Anton, Oswald, Press Start 2P, VT323, Source Code Pro, Fira Code, system-ui — kein Custom-Font-Upload.
Scroll-Tempo10–400 px/s (Standard 80)
Zeilenhöhe1,0–2,5
Spalten1, 2 oder 3
Intro-/Outro-TextFreitext bis 280 Zeichen. Für den Outro gibt es zusätzlich einen "custom"/"KI"-Modus mit bis zu 1000 Zeichen (z. B. KI-generierter Abschiedstext).
LoopAbspann startet nach Ende von vorn, statt zu stoppen
Logo / BrandingChatlix-Branding ausblendbar per Checkbox (show_branding) — ⚠️ im Code (Stand 2026-07-08) technisch nicht an einen Pro-Plan gekoppelt: Die Vorlagen-Validierung/-Speicherung

Sortierung innerhalb einer Sektion ist nicht konfigurierbar: Namen werden serverseitig immer nach Nachrichtenanzahl absteigend sortiert (aktivste Chatter zuerst), danach nach letzter Aktivität. Es gibt keine Option "alphabetisch" oder "Reihenfolge des Auftauchens" — falls das mal irgendwo im Dashboard-Text auftaucht, ist das ein Anzeigefehler, keine echte Einstellung.

Speichern. Beim ersten Speichern bekommt die Vorlage automatisch einen 64-stelligen Hex-Token für die Overlay-URL (Standard-Gültigkeit 30 Tage, siehe unten).

1b. Zusätzliche Grafiken einblenden (Credits-Media)

Unter Stream-Credits gibt es einen eigenen Bereich für Bild-Assets (Logos, Sponsor-/Partnerbilder, Community-Badges), unabhängig von der Vorlagen-Konfiguration:

  • Nur Standbilder: PNG, JPEG, WEBP, GIF — kein Video, kein SVG (aus Sicherheitsgründen doppelt geblockt).
  • Max. 5 MB pro Datei, max. 50 Assets pro User.
  • Platzierung wählbar: vor dem Abspann, nach dem Abspann, zwischen den Sektionen, oder als Footer.
  • Darstellung: Original, "contain" oder "cover".
  • Reihenfolge der Grafiken ist per Pfeil-Buttons manuell sortierbar (das ist die einzige Stelle im Feature, wo du wirklich eine Reihenfolge selbst bestimmst — nicht die Namen, sondern die Bilder).

2. Browser-Source in OBS einrichten

Im Dashboard bei der Vorlage findest du die Overlay-URL — kopieren. Sie hat eines von zwei Formaten (beide funktionieren gleich):

  • https://chatlix.app/overlay/stream-credits/<template_id>/<token> (Pfad-Form, das ist die Standardform, die das Dashboard erzeugt)
  • https://chatlix.app/overlay/stream-credits?id=<template_id>&token=<token> (Query-Form, funktional identisch)

Optional anhängbar: &channel_id=deinkanal und &twitch_stream_id=12345 (Standard ist latest — nimmt automatisch die letzte bekannte Stream-Session deines Kanals).

  • In OBS: Quellen → Browser → URL einfügen.
  • Breite/Höhe: 1920×1080 (oder dein Stream-Format).
  • "Audio neu laden, wenn die Quelle aktiv wird": AUS.
  • "Quelle aktualisieren, wenn die Szene aktiv wird": AN (damit jeder Stream frische Credits zeigt, sonst bleibt der zwischengespeicherte DOM-Zustand vom letzten Mal stehen).

Lege die Source in eine separate Outro-Szene — du wechselst am Ende dort hin.

Ohne aktiven Stream oder ohne erkennbaren Kanal zeigt die Overlay-URL einen Demo-Abspann mit Fantasienamen ("LeadModOne", "ModAlpha", "VIP_1", "Viewer_1" usw.) — das ist gewollt, damit du das Design testen kannst, ohne live zu sein. Wenn im echten Stream trotzdem nur Demo-Namen erscheinen, hat die Aggregation deinen Kanal/Stream nicht gefunden (siehe Troubleshooting).

3. Stream-Ende — Credits abspielen

  1. Stream-Ende → Switch zu deiner Outro-Szene.
  2. Die Browser-Source lädt automatisch und zeigt den Abspann, gruppiert nach Sektion, sortiert nach Aktivität.
  3. Sobald durch (je nach Scroll-Tempo und Chatter-Anzahl typischerweise 30–120 Sekunden, bei "Loop" endlos) → Stream beenden.

Optional: StreamDeck-Button für den Szenenwechsel.

4. Token rotieren

Der Overlay-Token läuft standardmäßig nach 30 Tagen ab und muss dann neu generiert werden (Button "Token rotieren" an der Vorlage) — danach musst du die Browser-Source-URL in OBS aktualisieren, sonst zeigt sie "invalid_or_expired". Rotiere den Token außerdem sofort, wenn die alte URL versehentlich öffentlich geworden ist (z. B. im Stream sichtbar oder in einem geteilten Screenshot).

Mehrere Vorlagen?

Ja — z. B. eine kurze Vorlage für Casual-Streams, eine lange für Marathon-Streams. Eine Vorlage kannst du als "Standard" markieren; jede Vorlage hat ihren eigenen Token und ihre eigene Overlay-URL.

Siehe auch