ENDE
Zum Dashboard

Overlay Builder

Mit dem Overlay Builder baust du deine Stream-Overlays direkt im Dashboard – per Drag & Drop auf einer Leinwand, ohne zusätzliche Software. Das Ergebnis bindest du als eine einzige Browser-Quelle in OBS ein.

Der Overlay Builder ist kostenlos: kein Limit für Szenen, keine gesperrten Widgets, kein Wasserzeichen. Free und Premium unterscheiden sich nur darin, wie viel Speicherplatz du für eigene Bilder, Videos und Sounds hast.

Beta: Der Builder ist noch nicht lange im Einsatz – rechne damit, dass noch Fehler auftauchen. Bau deine Szene deshalb in Ruhe auf und teste sie, bevor du dich im laufenden Stream darauf verlässt; für die ersten Streams ist es sinnvoll, dein bisheriges Overlay als Rückfallebene zu behalten. Über den Feedback-Button oben rechts im Editor meldest du uns Probleme direkt aus der Szene heraus. Wünsche kannst du dort genauso loswerden – was häufig gebraucht wird und sinnvoll umsetzbar ist, kommt mit der Zeit dazu.

Szenen

Eine Szene ist ein fertiges Overlay: eine Leinwand mit Widgets darauf, die du als Browser-Quelle in OBS einbindest. Du kannst beliebig viele Szenen anlegen – typischerweise eine pro Stream-Situation (Starting Soon, Gaming, Just Chatting, Pause).

Auflösung

Beim Anlegen wählst du, wie groß die Leinwand sein soll. Zur Auswahl stehen:

  • Nur Alerts – 800 × 600
  • Full HD – 1920 × 1080
  • QHD – 2560 × 1440
  • 4K UHD – 3840 × 2160
  • HD – 1280 × 720
  • Ultrawide – 3440 × 1440 oder 2560 × 1080
  • Hochkant – 1080 × 1920 oder 720 × 1280
  • iPhone – 1170 × 2532 (hoch) oder 2532 × 1170 (quer)
  • Quadratisch – 1080 × 1080

Nur Alerts ist die kleinste Vorlage und für Szenen gedacht, die nichts als eine Alert-Box enthalten. Eine Full-HD-Leinwand wäre dafür unnötig groß – das Widget säße verloren in der Fläche, und die Browser-Quelle in OBS wäre größer als nötig.

Die Auflösung lässt sich später jederzeit ändern.

Vorlagen

Statt mit einer leeren Leinwand zu starten, kannst du eine der fünf Vorlagen wählen: Starting Soon, Just Chatting, Gaming, Subathon und Charity. Jede Vorlage bringt passende Rahmen, Leisten und Platzhalter mit, die du anschließend frei umbaust.

Widgets

Ein Widget ist ein Element auf der Leinwand. Du fügst es über die Werkzeugleiste hinzu, ziehst es an die richtige Stelle und stellst es rechts im Eigenschaften-Panel ein. Pro Szene sind bis zu 50 Widgets möglich.

Gestaltung

  • Text – freier Text mit Schriftart, Größe, Farbe, Hintergrund und Ausrichtung. Es stehen 23 nach Stil gruppierte Schriften bereit (serifenlos, Überschriften, Comic, Gaming, Retro-Pixel, Handschrift, Serifen, Monospace), viele davon zusätzlich als fett
  • Bild – JPG, PNG, GIF oder WebP aus deiner Mediathek
  • Video – MP4 oder WebM, optional als Endlosschleife und stummgeschaltet

Live-Daten

  • Alert-Box – zeigt Follows, Subs, Cheers, Spenden, Raids und Power-Ups an, sobald sie passieren
  • Label – ein einzelner Live-Wert, z. B. der letzte Follower
  • Countdown – zählt eine Dauer herunter oder auf einen festen Zeitpunkt hin
  • Chat – dein Chat-Overlay als Widget in der Szene

Eingebettete ByteMate-Tools

Diese Widgets holen bestehende ByteMate-Funktionen in die Szene:

  • Counter – ein Zähler aus deinen Bot-Countern (im Builder direkt anlegbar)
  • Subathon – der Subathon-Timer
  • Spendenziel – der Fortschrittsbalken deines Donation Goals
  • Spenden – der Spenden-Feed
  • Glücksrad – das Giveaway-Rad

Aussehen und Inhalt kommen normalerweise aus der jeweiligen Einstellungsseite. Im Builder kannst du das pro Szene überschreiben, ohne deine globalen Einstellungen anzufassen – so bekommt jede Szene ihr eigenes Design.

Alert-Box

Die Alert-Box ist das Widget für Einblendungen bei Ereignissen. Sie kennt sieben davon:

  • Follow – ein neuer Follower
  • Sub – Sub, Resub, Gift-Sub und Prime-Sub
  • Cheer – Bits per Cheer
  • Spende – eine Spende über ByteMate Donations
  • Raid – ein eingehender Raid
  • Power-Up (eigenes) – eines deiner Custom Power-Ups
  • Power-Up (Twitch) – eingebaute Effekte wie Gigantify an Emote

Jeder Alert wird einzeln ein- und ausgeschaltet und bekommt seinen eigenen Text, sein eigenes Bild oder Video, seinen eigenen Sound und seine eigene Anzeigedauer. In den Text setzt du Platzhalter ein – etwa den Namen des Zuschauers, die Anzahl der Bits oder die Zuschauerzahl beim Raid. Das Eigenschaften-Panel zeigt dir immer nur die Platzhalter, die zum gewählten Alert passen.

Mit dem Test-Button spielst du jeden Alert probeweise ab, ohne auf ein echtes Ereignis zu warten.

Hinweis: Die Alert-Box ist unabhängig von den Chat-Alerts. Du kannst einen Alert im Overlay anzeigen lassen, ohne dass der Bot etwas in den Chat schreibt – und umgekehrt.

Alerts im Notfall stummschalten

Bei einer Followbot-Welle feuert die Alert-Box pro Fake-Follow eine Einblendung. Dafür gibt es einen Notschalter, der Chat-Alerts und Overlay-Einblendungen gleichzeitig pausiert:

  • Im Dashboard auf der Startseite unter Bot stummschalten der Button Alerts stummschalten
  • Im Chat mit !alerts off, wieder an mit !alerts on – !alerts allein schaltet um

Der Befehl ist für Moderatoren freigegeben, damit jemand eingreifen kann, während du streamst. Er funktioniert auch dann, wenn der Bot komplett stummgeschaltet ist.

Was weiterläuft: Commands, Timer und die Live-Labels. Nur Alerts pausieren. Alles, was während der Stummschaltung passiert wäre, wird nicht nachgeholt – beim Einschalten bekommst du also keinen Schwall aufgestauter Einblendungen.

Label

Ein Label zeigt genau einen Live-Wert an, mit optionalem Text davor und dahinter:

  • Letzter Follower
  • Letzter Subscriber
  • Letzter Gifter
  • Letzter Raider
  • Letzter Cheerer
  • Top-Gifter
  • Top-Cheerer
  • Bits gesamt
  • Follower heute

Mediathek

In der Mediathek liegen deine eigenen Dateien. Du lädst sie einmal hoch und verwendest sie in beliebig vielen Szenen.

Erlaubte Formate: JPG, PNG, GIF, WebP · MP4, WebM · MP3, AAC, M4A, OGG

Speicherplatz

  • Free – 50 MB insgesamt, maximal 10 MB pro Datei
  • Premium – 1 GB insgesamt, maximal 25 MB pro Datei

Der Speicherplatz hängt am Kanal-Eigentümer. Lädt ein Mod etwas in dein Overlay hoch, geht das auf dein Kontingent.

Beim Upload passiert automatisch Folgendes:

  • JPG und PNG werden zu WebP komprimiert – gleiche Optik, deutlich weniger Speicher
  • Animierte GIFs werden zu WebP umgewandelt
  • Sehr große Bilder werden verkleinert
  • Doppelte Dateien werden erkannt und wiederverwendet, statt den Platz zweimal zu belegen

Dateien, die in keiner Szene, keinem Spenden-Sound und keinem Bingo verwendet werden, markiert die Mediathek als ungenutzt – so findest du alte Dateien wieder, wenn der Speicher knapp wird.

Beim Hochladen bestätigst du, dass du die Rechte an der Datei hast. Lade nichts hoch, was dir nicht gehört.

Arbeiten im Editor

  • Automatisches Speichern alle 5 Sekunden; mit Strg + S sofort
  • Rückgängig / Wiederherstellen mit Strg + Z und Strg + Y
  • Kopieren und Einfügen, Duplizieren mit Strg + D
  • Zoomen mit dem Mausrad, Verschieben der Leinwand per Ziehen
  • Ausrichtungslinien beim Verschieben, damit Widgets sauber sitzen
  • Sperren und Ausblenden einzelner Widgets in der Ebenen-Liste
  • Export und Import einer Szene als Datei
  • Screenshot der Szene

Verlässt du den Editor mit ungespeicherten Änderungen, wirst du gefragt.

Neu eingefügte Bilder und Videos übernehmen automatisch das Seitenverhältnis der Datei und werden in die Leinwand eingepasst – sie werden dabei nie hochskaliert.

Szene in OBS einbinden

  1. Öffne im Dashboard die Übersicht Overlay Builder.
  2. Klicke bei der gewünschten Szene auf URL kopieren.
  3. Lege in OBS eine neue Browser-Quelle an.
  4. Füge die URL ein.
  5. Setze Breite und Höhe auf die Auflösung der Szene.

Änderungen im Editor erscheinen im Overlay, ohne dass du die Quelle neu laden musst.

Wichtig: Die Overlay-URL ist wie ein Schlüssel. Sie enthält ein Token und ist damit für jeden abrufbar, der sie kennt – eine Browser-Quelle in OBS kann sich nicht bei ByteMate anmelden, deshalb muss das so sein. Die URL ist nicht öffentlich verlinkt und nicht erratbar, aber sie ist auch nicht privat: Teile sie nicht, zeige sie nicht im Stream und blende sie beim Einrichten aus. Dasselbe gilt für die Adressen deiner hochgeladenen Dateien.

Zugriff für Moderatoren

Der Overlay Builder ist standardmäßig nur für dich zugänglich. Du kannst einzelnen Moderatoren unter Account → Mod-Rechte die Berechtigung Overlay Builder geben. Sie können dann Szenen bearbeiten und Dateien hochladen – der Speicherplatz bleibt deiner.

Häufige Fragen

Meine Alerts kommen nicht an. Prüfe, ob der jeweilige Alert in der Alert-Box eingeschaltet ist. Ereignisse werden nur für Kanäle aufgezeichnet, die mindestens eine Szene haben – nach dem Anlegen der ersten Szene kann es bis zu 5 Minuten dauern, bis die ersten Ereignisse ankommen.

Ein Upload schlägt fehl. Entweder ist die Datei größer als dein Limit pro Datei, dein Speicher ist voll, oder das Format wird nicht unterstützt. Die Mediathek zeigt dir deinen Verbrauch an.

Der Ton fehlt im Editor. Im Editor ist der Ton von Video-Widgets immer aus. In OBS gilt dann die Einstellung, die du am Widget gesetzt hast.

Ich habe die Szene gelöscht – ist meine Browser-Quelle kaputt? Ja. Die URL gehört zur Szene. Lege die Szene neu an und kopiere die neue URL.