Stream-Overlay für OBS & Streamlabs

Spin the Wheel verfügt über eine integrierte Stream-Overlay, und ist denkbar einfach: Hängen Sie einfach ?stream=1 an die URL des beliebig an und fügen Sie diesen Link als URL in Ihre Streaming-Software ein. Die Seite wird dann transparent Browserquelle. , sodass das Glücksrad klar über Ihrem Gameplay oder Ihrer Kamera angezeigt wird. Menüs, Werbung, Cookie-Banner und Pop-ups werden automatisch ausgeblendet.

Für Es ist nichts zu installieren; gibt es kein Konto, keine Browsererweiterung und kein separates Streaming-Kontrollpanel. Es funktioniert in OBS Studio, Streamlabs, und jeder Software, die einen Browser/eine Webquelle unterstützt.

Für wen es gedacht ist

💡 Streamer auf Twitch, YouTube, Kick oder anderen Plattformen, die ein Live-Drehrad auf dem Bildschirm haben möchten.

💡 Gewinnspiele für Zuschauer, Verlosungen und Momente, in denen der Chat entscheidet.

💡 Herausforderungen im Spiel, zufällige Handicaps und Abschnitte, in denen das Glück entscheidet.

💡 Jeder, der ein Lenkrad im Stream haben möchte, ohne zusätzliche Werkzeuge oder Logins verkabeln zu müssen.

Bevor Sie beginnen

✔️ Sie besitzen eine Streaming-Software, die Browserquelle unterstützt (OBS Studio, Streamlabs usw.).

✔️ Sie haben eine Rad-URL – entweder ein fertiges Rad (zum Beispiel https://spinthewheel.io/de/yes-no-wheel ) aus unserer Bibliothek oder eines Ihrer eigenen gespeicherten/geteilten Räder.

Das ist alles. Man muss sich weder anmelden noch etwas installieren, um ein Rad im Stream anzuzeigen.

Schritt für Schritt

Ermitteln Sie die URL Ihres Lenkrads. Verwenden Sie ein fertiges Glücksrad (zum Beispiel https://spinthewheel.io/de/yes-no-wheel ) oder öffnen Sie Ihr eigenes gespeichertes Glücksrad und kopieren Sie den Link aus der Adressleiste Ihres Browsers.
Hinzufügen ?stream=1 bis zum Ende. Zum Beispiel: https://spinthewheel.io/de/yes-no-wheel?stream=1 . Falls der Link bereits ein ? enthält, fügen Sie stattdessen &stream=1 hinzu.
Füge es als Browserquelle hinzu. In OBS: Quellen → + → Browser. In Streamlabs: Quelle hinzufügen → Browserquelle. Füge deine ?stream=1 URL in das URL-Feld ein.
Größe einstellen. Geben Sie der Quelle eine Breite und Höhe (z. B. 700 x 700, wenn Sie ein einzelnes Rad anzeigen, oder eine andere Größe, die zu Ihrem Layout passt). Da die Überlagerung transparent ist, wird sie direkt über Ihre Szene gelegt, sodass Sie keine Hintergrundfarbe festlegen müssen.
Positionieren und skalieren Sie es auf Ihrer Leinwand wie jede andere Quelle.
Dreh es. Durch Klicken auf das Rad wird es gedreht. Um in eine Browserquelle zu klicken, verwenden Sie die Interagieren Option Ihrer Software (in OBS: Rechtsklick auf die Quelle → Interagieren, dann auf das Rad klicken). Die Drehung und die Gewinneranzeige werden live im Stream angezeigt.

Mach es zu deinem eigenen

Gestalte ein Rad mit deinen eigenen Farben, deinem Logo in der Mitte, einem Hintergrundbild und Sounds, Speichere es ab, und verwende dann seine URL mit ?stream=1 , und die Überlagerung zeigt dein vollständiges Design an.

Die Radfläche behält alles bei (Segmente, Farben, Bilder, mittlere Schaltfläche); nur der umgebende Website-Chrome wird ausgeblendet.

Beispiele

💡 https://spinthewheel.io/de/yes-no-wheel?stream=1 um eine schnelle Ja/Nein-Entscheidung auf dem Bildschirm anzuzeigen.

💡 Ein Glücksrad, an dem die Namen Ihrer Teilnehmer live für das Publikum gedreht werden (siehe auch unser Twitch-Gewinnspieltool zum Sammeln von Live-Teilnahmen im Chat - Link in der Fußzeile).

💡 Ein Glücksrad für die Spielherausforderung (Waffe, Klasse, Handicap), das du zwischen den Runden drehst. Nutze mehrere Räder für mehr Optionen und mögliche Ergebnisse.

Fehlerbehebung

⚠️ Wenn Sie ?stream=1 verwenden, die URL aber bereits ein ? enthält, müssen Sie in diesem Fall &stream=1 verwenden.

⚠️ Die Hintergrundfarbe der Browserquelle wird nicht erzwungen. Lassen Sie sie stattdessen transparent, damit Ihre Szene durchscheint.

⚠️ Versuch, auf das Rad zu klicken, ohne den Interagieren -Modus Ihrer Software für die Browserquelle zu aktivieren.

Fehlerbehebung

🛠️ Das Overlay zeigt die vollständige Website (Menüs/Werbung). Der stream Parameter ist nicht in der URL enthalten – prüfen Sie, ob sie mit ?stream=1 (oder &stream=1 ) endet.

🛠️ Ich sehe ein einfarbig weißes oder schwarzes Kästchen. Der Quellcode Ihres Browsers enthält einen erzwungenen Hintergrund oder benutzerdefiniertes CSS. Entfernen Sie diesen, damit die transparente Überlagerung über Ihre Szene gelegt werden kann.

🛠️ Das Rad dreht sich nicht. Schalten Sie Interagieren für die Browserquelle ein (in OBS: Rechtsklick → Interagieren) und klicken Sie auf das Zahnrad.

🛠️ Das Rad ist zu groß oder zu klein. Passe die Größe des Browserquelltextes an und skaliere ihn so, dass er auf deine Arbeitsfläche passt.

Anwendungstipps

Der Stream visueller Präsentationsmodus: Modus blendet die Menüs, Werbung, Einwilligungsbanner und Pop-up-Benachrichtigungen der Website aus und macht die Seite transparent. Das Glücksrad selbst behält sein vollständiges Design und zeigt weiterhin das Gewinner-Pop-up an.

• Es handelt sich um ein Quellcode des Browsers auf oberster Ebene, und nicht um eine Einbettung, daher kommuniziert es nicht mit einer übergeordneten Seite.

• Das Overlay funktioniert mit jeder beliebigen Wheel-URL. Sie können vorgefertigte Wheels aus unserer Bibliothek oder Ihre eigenen gespeicherten Wheels verwenden.

• Für ein Gewinnspiel mit vollständiger Chat-Teilnahme (Zuschauer geben ein Stichwort ein, um teilzunehmen, mit nachweislich fairer Verlosung und einem verifizierten Replay-Link) verwenden Sie stattdessen unsere andere Funktion mit eigenem Overlay:

Twitch Giveaways Tool

Kostenloses Stream-Overlay mit drehbarem Rad für OBS & Streamlabs