Anleitung · 5 Schritte

So fügst du ein Streamlabs Custom Widget per Link hinzu

Streamlabs speichert Custom Widgets in Widget-Themes. Ein Share-Link kopiert Code und Einstellungen eines Widgets in ein Theme in deinem Account. Du musst nur darauf achten, in welchem Theme es landet.

Auch auf: English · Français · Español · Português

Kurze Antwort

Lege auf streamlabs.com ein neues Widget-Theme an (Widget Themes › Create a widget theme), öffne den Share-Link des Widgets, während du eingeloggt bist, und klicke bei dem gerade erstellten Theme auf Use. Kopiere dann die Widget-URL und füge sie in OBS oder Streamlabs Desktop als Browserquelle hinzu.

Schritt für Schritt

  1. Widget-Theme anlegen

    Melde dich auf streamlabs.com an, öffne Widget Themes und wähle Create a widget theme. Nenne es nach dem Widget, das du installierst, zum Beispiel Chatbox.

  2. Share-Link öffnen

    Öffne den Share-Link des Widgets im selben Browser. Melde dich bei Streamlabs an, falls es danach fragt.

  3. Neues Theme wählen

    Klicke in der Theme-Liste bei dem gerade erstellten Theme auf Use. Das Widget öffnet sich, Code und Einstellungen sind schon eingetragen.

  4. Widget-URL kopieren

    Kopiere auf der Seite des Widgets seine Widget URL. Halte sie geheim; jeder, der sie hat, kann das Widget anzeigen.

  5. In OBS einfügen

    Klicke im Bereich Quellen (Sources) auf +, wähle Browser, vergib einen Namen und klicke auf OK. Füge die URL ein und stelle Breite und Höhe so ein, wie es in der Anleitung des Widgets steht. In Streamlabs Desktop fügst du eine Browser Source auf dieselbe Weise hinzu.

Ein Widget pro Theme

Ein Theme enthält ein Custom Widget. Importierst du ein zweites Widget in dasselbe Theme, ersetzt es das erste. Lege deshalb für jedes ein neues Theme an. Streamlabs Desktop nutzt außerdem das Theme, das für deine Scene Collection aktiv ist. Sieht ein Widget dort falsch aus, prüfe, welches Theme ausgewählt ist.

Code von Hand einfügen

Hast du Code-Dateien statt eines Links bekommen, öffne die Einstellungsseite des Widgets auf streamlabs.com, schalte Enable Custom HTML/CSS ein und füge jede Datei in das passende Feld ein. Streamlabs empfiehlt, den Schalter auszulassen, solange du den Code nicht selbst hinzugefügt hast, weil übrig gebliebener Custom Code eine häufige Ursache für kaputte Alerts ist.

StreamElements ist bei Packs einfacher

Bei StreamElements kann ein Link ein ganzes Pack in einem Overlay installieren. Nutzt du OBS Studio und hast dich noch für keinen Dienst entschieden, vergleiche die beiden zuerst.