Dokumentation

Alles, was StreamerHub.gg kann, und wie du es einrichtest – vom ersten Overlay bis zum Stream Deck.

Diese Dokumentation erklärt jeden Bereich von StreamerHub.gg – in der Reihenfolge, in der du ihn beim Einrichten brauchst. Ganz unten stehen alle Elemente des Editors und alle Funktionen der Pläne; diese Listen kommen direkt aus der Plattform und sind immer aktuell.

Erste Schritte

  1. Anmelden – über die Schaltfläche „Anmelden“ oben rechts. Ein eigenes Passwort gibt es nicht.
  2. Plattformen verbinden – unter Einstellungen → Verbindungen verknüpfst du Twitch, Kick und die anderen Plattformen. Das ist keine zweite Anmeldung: StreamerHub.gg liest nur, was es für Alerts, Chat und Statistik braucht.
  3. Ein Overlay anlegen – unter Overlays aus einer Vorlage oder leer. Der Editor öffnet sich sofort.
  4. In OBS einfügen – die Adresse des Overlays kopieren und in OBS als Browserquelle einfügen (Breite und Höhe wie das Overlay, meist 1920 × 1080).
  5. Testen – im Editor oben „Testen“ wählen: Follow, Abo, Spende … erscheinen im Editor und in der Vorschau, nie im echten Stream.

Overlays und Editor

Ein Overlay ist eine Fläche mit Ebenen – wie in einem Bildbearbeitungsprogramm. Links stehen die Ebenen, in der Mitte die Arbeitsfläche, rechts die Einstellungen der gewählten Ebene, unten die Elemente zum Hinzufügen.

  • Verschieben, Größe, Drehen mit der Maus oder den Pfeiltasten (Umschalt = 10 Pixel). Lineale, Raster, Mittelkreuz und Hilfslinien helfen beim Ausrichten; Elemente rasten von selbst ein.
  • Mehrere Ebenen wählen, gruppieren, ausrichten, gleich groß machen – auch über das Rechtsklick-Menü.
  • Designstile geben jedem Element eine ganze Designsprache (Glas, Retro, Terminal, Neon …). Farben und Schrift bleiben danach einstellbar.
  • Effekte: Einblenden, Dauer-Animation, Schatten, Filter – für jedes Element.
  • Speichern passiert von selbst. Offene OBS-Quellen übernehmen jede Änderung sofort.
  • Die Tastenkürzel zeigt ? oder F1 im Editor.

Ein einzelnes Element kannst du auch als eigene Browserquelle anlegen (Widgets → Als einzelnes Widget), etwa einen Chat, den du in mehreren Szenen nutzt.

Alerts

Alerts zeigt die Alert-Box – ein Element wie jedes andere. Ohne Alert-Box im Overlay erscheinen keine Alerts.

  • In der Alert-Box wählst du, welche Ereignisse sie zeigt (je Plattform), und unter Pro Ereignis Titel, Untertitel, Mindestbetrag, Dauer, Sound, Bild und Farbe je Ereignis.
  • Vorlesen: Nachrichten oder der Satz des Alerts werden vorgelesen – je Ereignis einstellbar. Die Stimmen stehen in der Auswahl, ihr Verbrauch unter dem Feld.
  • Steuern im Stream: Pause, Überspringen, Wiederholen und „stumm“ unter Aktivität oder im Aktivitäts-Dock.
  • Tests erscheinen nie in OBS – nur im Editor und in der Vorschau-Adresse.

Chat und Multi-Chat

  • Das Element Multi-Chat zeigt den Chat aller verbundenen Plattformen in einem Fenster – mit Emotes (auch 7TV, BTTV, FFZ), Abzeichen, Antworten und Ereigniszeilen.
  • Unter Chat liest, schreibst und moderierst du selbst: als du oder als Chatbot, auf einer oder allen Plattformen. Ein Klick auf einen Namen zeigt die Karte des Zuschauers, ein Klick auf einen Link prüft, wohin er wirklich führt.
  • „Befehle ausblenden“ und „Bots ausblenden“ halten den Chat im Stream sauber.

Chatbot

Der Chatbot antwortet auf allen verbundenen Plattformen – unter Chatbot schaltest du ihn je Plattform ein.

  • Befehle: eigene Befehle mit mehreren Auslösern, Platzhaltern ({user}, {target} …), Rolle, Pausen und Plattformen.
  • Ansagen: Texte in festen Abständen – nie in einen leeren Chat.
  • Benachrichtigungen, Spiele, Moderation: fertige Module wie Live-Ankündigung, Roulette, Duell, Spam-Filter und Votekick.

Docks für OBS

Docks sind kleine Fenster für OBS (Ansicht → Docks → Eigene Browser-Docks): Aktivität, Chat und Stream (Titel, Kategorie, Schnellaktionen). Die Adresse findest du unter Docks. Beim ersten Öffnen zeigt das Dock einen Code – den tippst du unter Docks → Dock freischalten ein. Danach bleibt das Dock angemeldet.

Coins, Shop und Gewinnspiele

  • Coins sammeln Zuschauer fürs Schreiben, fürs Zuschauen und für Ereignisse. !coins, !top und !give funktionieren von selbst.
  • Im Shop tauschen sie Coins gegen Belohnungen (!shop, !buy 2) – auf Wunsch mit Alert und Sound.
  • Gewinnspiele laufen über ein Stichwort im Chat; gezogen wird auf Knopfdruck, das Ergebnis erscheint im Overlay.
  • Wer nicht mitzählen soll (du selbst, Bots), stellst du unter Coins → Wer nicht mitzählt ein.

Profil, Spenden und Einnahmen

  • Deine Profilseite (/@name) zeigt Profil, Links, Befehle, Shop, Bestenliste und – wenn eingeschaltet – die Spendenseite.
  • Spenden gehen an die Plattform; dein Anteil landet als Guthaben unter Einnahmen. Nach der Haltefrist beantragst du dort die Auszahlung.
  • Unter Profil & Spenden stellst du Beträge, Ziel, Prüfung vor dem Stream und Sounds für Spender ein.

Plugin-Hub und Stream Deck

Unter Plugin-Hub stehen die Plugins für Geräte wie das Elgato Stream Deck – mit Anleitung und Link zur Installation. Rechts daneben legst du einen Zugangsschlüssel an; das Plugin fragt beim ersten Start danach. Danach steuerst du Alerts, Marathon, Zähler, Gewinnspiele und mehr direkt von deinem Gerät.

Konto, Plan und Sprache

  • Unter Plan siehst du, was dein Plan enthält, und wechselst ihn. Preise stehen in deiner Währung (oben umstellbar).
  • Sprache, Design (hell/dunkel) und Währung stellst du oben in der Kopfzeile um – sie gelten sofort.
  • Unter Einstellungen → Konto lädst du dein Profil neu oder meldest dich ab.

Alle Elemente im Editor

Jedes Element lässt sich frei platzieren, in Größe, Farbe und Schrift einstellen und mit einem Designstil versehen. Diese Liste kommt direkt aus dem Editor – sie ist immer aktuell.

Grundlagen

  • TextÜberschriften, Hinweise, Social-Handles.
  • FormRechteck, Kreis, Dreieck, Stern, Linie …
  • IconÜber 5.000 Symbole, animierbar.
  • UhrUhrzeit oder Datum, live.
  • CountdownZählt bis zu einem Zeitpunkt herunter.
  • LaufschriftLaufende Textzeile mit mehreren Einträgen.

Medien

  • BildAus deinen Assets oder per Link.
  • DiashowMehrere Bilder im Wechsel, mit Überblendung.
  • VideoMP4/WebM aus deinen Assets, als Schleife.
  • YouTube-VideoEin YouTube-Video einbetten.

Widgets

  • Alert-BoxAlerts von Twitch, YouTube, Kick und Spenden – als Karte, Banner, Text oder Boost mit Zeitring und Partikeln.
  • Multi-ChatChat aller Plattformen in einem, mit Profilbildern.
  • EreignislisteDie letzten Follower, Abos, Spenden …
  • Letztes Ereignisz. B. „Letzter Follower: Name“.
  • Ziel-BalkenFortschritt für Spenden-, Abo- oder Follower-Ziele – auch automatisch.
  • ZählerZählt Follows, Abos, Bits oder Spenden automatisch mit.
  • GewinnspielStichwort, Teilnehmerzahl und Gewinner der laufenden Verlosung.
  • ZeitplanDeine nächsten Streams aus dem Wochenplan – mit Hinweis, wenn gerade einer läuft.
  • MusikwünscheWas gerade läuft und was als Nächstes kommt – aus den Wünschen deiner Zuschauer.
  • GlücksradDreht sich auf Knopfdruck und zieht einen Namen – aus dem Gewinnspiel, den Top-Zuschauern oder einer eigenen Liste.
  • BestenlisteDie fleißigsten Zuschauer nach Coins, Nachrichten oder Minuten.
  • Marathon-TimerCountdown für Subathons: Follows, Abos, Bits und Spenden legen automatisch Zeit drauf – animiert.
  • Hype-TrainStufe, Fortschritt, Restzeit und Top-Unterstützer live.
  • Umfrage & VorhersageLaufende Umfragen und Vorhersagen von Twitch und YouTube live mit Balken – im Wechsel.
  • Werbung & SponsorenWerbeplatz im Stream: Sponsoren mit Bild oder Video, Rabattcode und QR-Code im Wechsel.
  • Eigenes Widget (Code)Eigenes HTML, CSS und JavaScript mit Live-Daten – auch StreamElements-Widgets.
  • BrowserquelleEine andere Seite im Overlay – wie eine zweite Browserquelle in OBS, nur direkt hier drin.
  • Social-LeisteDeine Kanäle mit Icons, auch im Wechsel.
  • MusikAktueller Song von Spotify – 12 Player-Designs, Vinyl & Canvas, Farben aus dem Albumcover.

Deko & Effekte

  • Kamera-RahmenRahmen mit Verlauf und Leuchten, z. B. für die Webcam.
  • PartikelSchnee, Konfetti, Herzen, Sterne, Blasen.
  • Emote-EffekteEmotes aus dem Chat als Regen, Hüpfen, Aufploppen oder Blasen – Twitch, YouTube, Kick, 7TV, BetterTTV & FFZ.

Was die Pläne enthalten

Welche Funktion in welchem Plan steckt, steht auf der Planseite. Diese Funktionen bietet die Plattform an:

  • Eigener Code für Elemente (HTML/CSS/JS)
  • Video-Uploads
  • Sounds hochladen (Assets & Sound-Bibliothek)
  • Spotify-Widget
  • Docks für OBS (Aktivität, Chat, Stream)
  • Plugin-Hub (Stream Deck & Geräte-API)
  • Marathon-Timer (Subathon)
  • Chatbot für Twitch, YouTube und Kick
  • Kanalpunkte verwalten, Sounds für Belohnungen und Bits
  • Coins, Bestenliste & Shop
  • Gewinnspiele im Chat
  • Musikwünsche aus dem Chat
  • Discord-Meldungen (Webhook oder Bot)
  • Eigene Spendenseite
  • Im Marketplace teilen
  • Bevorzugter Support

Pläne vergleichen

Zurück zu StreamerHub.gg