
Das hier gezeigte Tutorial wird mit Streamer.bot und OBS umgesetzt. Falls du eine andere Streamingsoftware verwendest, kannst du versuchen es genau gleich einzubinden, jedoch kann ich nicht versprechen, dass es klappen wird. Bei Fragen darfst du dich gerne im Discord melden.
WICHTIG: Version 0.2 funktioniert NICHT MEHR – Bitte auf Version 0.3 Updaten!
Aktuelle Version
Vorbereitung
Dateien Herunterladen
Als erstes kannst du dir alle benötigten Dateien hier herunterladen.
Websocket
Damit die Erweiterung mit Streamer.bot verbinden kann, muss der sogenannte Port mit den Einstellungen in Streamer.bot übereinstimmen.
Um dies zu überprüfen, gehst du im Streamer.bot auf Servers/Clients -> Websocket Server und überprüfst, was bei Port steht.
Die Erweiterungen werden standardmässig den Port 8080 verwenden. Solltest du bei dir etwas anderes eigestellt haben, so kannst du dies in den heruntergeladenen Files oder im Streamer.bot ändern.
Ebenfalls musst du sicherstellen, dass dieser Websocket Server gestartet ist und am besten stellst du direkt Auto Start ein, damit du dies nicht jedesmal neu machen musst.
Erweiterung einrichten
OBS
Um eine gute Übersicht zu behalten, empfehle ich dir eine neue Szene in OBS zu erstellen und sie [Widget] Shoutout Simple zu benennen.
In dieser Szene erstellst du eine neue Browser Quelle, benennst sie [Browser] Shoutout Simple und machst die Einstellungen genau wie im folgenden Bild:

Nun kannst du überall wo du dies anzeigen willst, eine Szene als Quelle einfügen und die [Widget] Shoutout Simple Szene auswählen.
Streamer.bot
Um es dir einfacher zu machen, habe ich dir die Action die du benötigst bereits exportiert und du muss diese lediglich noch in Streamer.bot importieren.
Kopiere dazu diesen Text:
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 Code musst du nun im Streamer.bot importieren indem du auf Import drückst, diesen Code bei Import String einfügst, danach siehst du die Action und den Command die hinzugefügt wird und drückst auf Import.
Hast du alles richtig gemacht, hast du nun unter Actions eine neue Action namens Shoutout Simple.
Unter Commands einen neuen Command namens !clip (diesen musst du noch aktivieren!) und kannst ihn nach belieben umbenennen.
Streamer.bot Action
Bei jeder SubAction welche mit Set argument startet, kannst du etwas einstellen.
clipWithinDays
Zeitraum in Tagen in dem Clips gesucht werden sollen, wenn keine featured clips vom User selbst ausgewählt wurden.
positionX
Mit start / center / end kannst du die horizontale Position des Clips bestimmen.
positionY
Mit start / center / end kannst du die vertikale Position des Clips bestimmen.
videoSize
Hiermit kannst du die prozentuale Grösse des Clips einstellen.
titleSize
Hiermit kannst du die Grösse des Titels überhalb des Clips einstellen.
infoSize
Hiermit kannst du die Grösse der Informationen unterhalb des Clips einstellen.
Verfügbare Commands
| Command | Beschreibung | Zugriffsrechte |
|---|---|---|
| !clip itsBarrex | Triggert ein Shoutout Clip | Ab Moderator |

