Wie fügst du in OBS eine Browser-Quelle hinzu?
Wenn du auf der Setup-Seite deinen Kanalnamen eingegeben und auf Kopieren geklickt hast, geht es in OBS Studio so weiter:
- Wähl die Szene, in der das Widget erscheinen soll.
- Klick im Dock Quellen auf + und wähl Browser aus der Liste.
- Gib der Quelle einen Namen, z. B. „Chat-Box“, und klick auf OK.
- Lösch im Eigenschaften-Fenster, das sich öffnet, den Inhalt im Feld URL und füg die kopierte Widget-URL ein.
- Trag die Werte aus der Tabelle unten in die Felder Breite und Höhe ein.
- Klick auf OK und zieh die Quelle in der Szene dorthin, wo du sie haben willst.
Die Setup-Seite der Chat-Box zeigt dir diese Schritte samt empfohlener Größe, wenn du die URL kopierst. Wenn du auf Nummer sicher gehen willst, öffne die URL vorher in einem normalen Browser-Tab und prüf, ob sie läuft.
Welche Größe sollte jedes Widget haben?
Jedes Widget hat eine empfohlene Quellengröße. Trag diese Werte in OBS in die Felder Breite und Höhe ein.
| Widget | Breite × Höhe | Hinweis |
|---|---|---|
| Chat-Box | 400 × 600 | Eine vertikale Chat-Spalte. In eine größere Quelle passen mehr Nachrichten, der Text bleibt gleich groß. |
| Emote-Wand | 1920 × 1080 | Eine volle 1080p-Canvas. Emotes tauchen überall auf dem Screen auf. |
| Sub Sprout | 800 × 600 | Pflanze und Topf wachsen innerhalb dieser Fläche. |
| Stream-Alerts | 800 × 450 | Ein Alert nach dem anderen, in der Mitte dieser Fläche. Eine größere Quelle skaliert ihn hoch. |
| Sub-Ziel | 800 × 260 | Ein breiter Streifen für den Zielbalken, mit Platz darüber für die aufsteigenden +1. |
| Stream-Rahmen | 1920 × 1080 | 640x360 für eine Kamera, 420x720 für den Chat, 1920x1080 für den Screen. Der Rahmen passt sich jeder Größe an. |
| Stream-Countdown | 1920 × 1080 | Eine volle 1080p-Canvas, damit die Uhr mittig in deiner Start- oder BRB-Szene landet. |
| Socials | 600 × 120 | Ein Nutzername nach dem anderen, in der Mitte dieses Streifens. Der Text bleibt gleich groß, für einen langen Nutzernamen brauchst du also eine breitere Quelle. |
| Chat-Umfrage | 640 × 560 | Platz für eine Umfrage mit bis zu 6 Optionen. Sie sitzt oben oder unten und wächst mit den Optionen. |
| Verlosung | 1920 × 1080 | Das Gewinner-Overlay. Konfetti schießt von beiden Seiten des Screens, und der Name des Gewinners erscheint in der Mitte. |
| Subathon Timer | 800 × 300 | Ein breiter Streifen für Lebensbalken, Uhr oder Ring. Eine größere Quelle skaliert ihn hoch. |
| OBS Bridge | Keine Quelle | Kein sichtbares Overlay. Lass das Tool in einem Browser-Tab oder einem OBS-Dock offen. |
Um den Text der Chat-Box größer zu machen, zieh nicht die Quelle größer. Nimm die Einstellung Schriftgröße auf der Setup-Seite: 8 bis 72 Pixel, standardmäßig 18.
Musst du etwas tun, damit der Hintergrund transparent ist?
Nein. Chat-Box, Emote-Wand, Sub Sprout, Subathon Timer, Stream-Alerts, Sub-Ziel, Stream-Rahmen, Stream-Countdown, Chat-Umfrage, Socials und das Overlay der Verlosung werden auf transparentem Hintergrund gezeichnet. Du brauchst keinen Chroma Key und keinen Filter, und das Feld Benutzerdefiniertes CSS in OBS kannst du lassen, wie es ist.
Ist die Chat-Box auf einer hellen Szene schwer lesbar, schalt Dunkler Hintergrund ein. Das legt eine halbtransparente schwarze Ebene hinter das Widget, und die Deckkraft stellst du irgendwo zwischen 0 % und 100 % ein (standardmäßig 50 %). Soll jede Nachricht ihre eigene Box haben, schalt Box pro Nachricht ein.
Sollen „Deaktivieren, wenn Quelle nicht sichtbar ist“ und „Browser bei Szenenaktivierung aktualisieren“ an sein?
Lass bei Senchabot-Widgets beide aus. Beide laden die Seite komplett neu, und das Widget vergisst alles, was es bis dahin angezeigt hat:
- Chat-Box: Nachrichten kommen nur rein, solange die Quelle läuft. Wird die Quelle deaktiviert und kommt zurück, startet der Screen leer und zeigt nur neue Nachrichten.
- Sub Sprout: Die Pflanze wird in OBS gespeichert, behält bei einem Neuladen also ihre erreichte Stufe, aber Subs, die reinkommen, während die Quelle aus ist, lassen sie nicht wachsen.
- Sub-Ziel: Die Zahl wird in OBS gespeichert, geht bei einem Neuladen also nicht verloren, aber Subs, die reinkommen, während die Quelle aus ist, werden nicht gezählt.
- Subathon Timer: Die Restzeit wird in OBS gespeichert, geht bei einem Neuladen also nicht verloren. Der Timer zählt weiter runter, während die Quelle aus ist, sieht aber keine Subs, die in der Zeit reinkommen.
- Chat-Umfrage: Die Umfrage und ihre Stimmen werden in OBS gespeichert, gehen bei einem Neuladen also nicht verloren, aber Stimmen, die geschrieben werden, während die Quelle aus ist, zählen nicht.
- Stream-Alerts: Nur Subs, Gifts, Cheers und Raids, die reinkommen, während die Quelle läuft, bekommen einen Alert. Alles, was kommt, während sie aus ist, geht verloren.
- Overlay der Verlosung: Nur das Overlay, das in dem Moment offen ist, bekommt den Gewinner. Ein Gewinner, der gezogen wird, während die Quelle aus ist, erscheint nie auf dem Screen.
- Emote-Wand: Emotes bleiben standardmäßig 5 Sekunden, ein Neuladen kostet dich also nichts, bringt aber auch nichts.
Hängt ein Widget, doppelklick die Quelle und klick im Eigenschaften-Fenster auf „Cache der aktuellen Seite aktualisieren“. Das lädt die Seite einmal neu.
Wie ändere ich ein Widget später?
Deine Einstellungen stecken in der Widget-URL, eine geänderte Einstellung heißt also eine neue URL. Ändere die Einstellung auf der Setup-Seite, kopier die neue URL, doppelklick dann die Quelle in OBS und füg sie im Feld URL über der alten URL ein.
Bei Chat-Box, Emote-Wand, Sub Sprout, Subathon Timer, Stream-Alerts, Sub-Ziel, Chat-Umfrage, Stream-Rahmen, Socials und Stream-Countdown musst du nicht von vorn anfangen. Füg deine aktuelle URL auf der Setup-Seite ins Feld Widget-URL ein, und deine Kanäle und alle Einstellungen sind wieder da. Ändere, was du willst, und kopier die neue URL.
OBS Bridge hat kein Feld zum Einfügen, gib deine Einstellungen also auf der Setup-Seite nochmal ein und kopier die neue Tool-URL. Szenenwahl und berechtigte Nutzer kannst du auch direkt auf der Tool-Seite ändern und die neue URL mit dem Button Aktuelle URL kopieren holen. Alte URLs funktionieren weiter, du musst sie also nicht austauschen.
Was tun, wenn das Widget in OBS nicht erscheint?
Meistens liegt es am Kanalnamen. Geh diese Punkte der Reihe nach durch.
Hast du einen Link statt des Kanalnamens eingegeben?
Gib ins Kanalfeld nur den Namen ein: senchabot für twitch.tv/senchabot. Fügst du den ganzen Link ein, hält das Widget den Link für den Kanalnamen und kann sich mit keinem Chat verbinden.
Gibt es den Kanal wirklich?
Prüf den Namen auf Tippfehler. Ein Kanal, den es auf Twitch nicht gibt, wirft keinen Fehler. Das Widget bleibt einfach leer.
Ist im Chat schon was passiert?
Chat-Box und Emote-Wand bleiben komplett leer und transparent, bis im Chat etwas passiert. Schreib eine Nachricht in den Chat. Für die Emote-Wand muss es standardmäßig eine Nachricht nur aus Emotes sein, aber mit Alle Emotes zeigen zählen auch Emotes in normalen Nachrichten. Das Overlay der Verlosung erscheint ebenfalls erst, wenn ein Gewinner gezogen wird, und verschwindet nach 10 Sekunden. Sub Sprout und Subathon Timer sind dagegen sofort zu sehen.
Kick-Kanal nicht gefunden?
Beim Öffnen sucht das Widget den Kick-Kanal auf kick.com. Klappt das nicht (falscher Name, den Kanal gibt es nicht oder Kick antwortet nicht), kommen keine Kick-Nachrichten rein. Gib deinen Kick-Namen genau so ein, wie er in der URL auf kick.com steht.
Läuft die URL im Browser?
Öffne die URL in einem normalen Browser-Tab. Läuft sie dort, aber nicht in OBS, prüf das Feld URL und die Größe der Quelle.