Änderungen erscheinen sofort in der Vorschau. Für OBS anschließend speichern.
Streaming-Anleitung
Erstelle ein transparentes Glücksrad für OBS, ohne den Editor im Stream zu zeigen. SpinWheelify trennt die öffentliche, reine Overlay-URL vom privaten Editor-Link. Navigation, Werbung und unnötige Konto-Funktionen werden in der Browser-Quelle nicht geladen – im Bild bleibt nur das Glücksrad.
Gestalte zuerst das Glücksrad, veröffentliche dann das Overlay und richte zuletzt OBS ein. So gelangen private Bedienelemente nie in die Übertragung.
Trage Namen ein, wähle Farben und lege fest, wie Gewinner angezeigt werden. Die Vorschau im Studio reagiert sofort auf deine Änderungen.
Klicke auf „OBS-Link erstellen“ und kopiere die öffentliche OBS-URL. Nur diese Adresse gehört in die Browser-Quelle.
Öffne deine Szene in OBS, klicke im Bereich „Quellen“ auf das Pluszeichen und wähle „Browser“.
Füge die öffentliche OBS-URL ein und stelle Breite und Höhe passend zu dem Bereich ein, den das Glücksrad im Layout belegen soll.
Klicke die Browser-Quelle mit der rechten Maustaste an, wähle „Interagieren“ und klicke danach auf das Rad oder drücke Strg/Cmd+Enter.
Eine OBS-Browser-Quelle startet standardmäßig mit 800 × 600 Pixeln und 30 FPS. SpinWheelify passt sich an den gewählten Viewport an; eine feste Stream-Auflösung ist nicht vorgeschrieben.
| Einstellung | Empfehlung | Warum das wichtig ist |
|---|---|---|
| URL | Öffentliche OBS-URL | Füge niemals den privaten Editor-Link in OBS ein. |
| Breite und Höhe | 800 × 800 für ein einzelnes Glücksrad | Eine quadratische Browser-Quelle ist vorhersehbar und lässt sich in OBS leicht positionieren und skalieren. |
| Bildrate | Mit 30 FPS beginnen | Aktiviere 60 FPS nur, wenn dein Streaming-PC genügend Leistungsreserve hat. |
| Benutzerdefiniertes CSS | Kein eigenes CSS erforderlich | Das Overlay ist bereits transparent, randlos und ohne Außenabstände; das Standard-CSS von OBS ist kompatibel. |
| Audio über OBS steuern | Für Mixer-Steuerung aktivieren | Damit landet der Ton des Glücksrads im OBS-Audiomixer und kann überwacht, stummgeschaltet oder eingepegelt werden. |
| Quelle herunterfahren, wenn nicht sichtbar | Für Kontinuität deaktiviert lassen | Beim Aktivieren wird die Seite entladen; temporärer Zustand des Glücksrads kann dadurch verloren gehen. |
| Browser aktualisieren, wenn Szene aktiv wird | Nur bei Bedarf aktivieren | Nutze die Option nur, wenn das Overlay bei jedem Szenenwechsel absichtlich neu geladen werden soll. |
Eine vollständige Erklärung findest du in der offiziellen OBS-Dokumentation zur Browser-Quelle.
Öffentliches Overlay und privater Editor haben unterschiedliche Aufgaben. Die Trennung verhindert, dass die Stream-URL zugleich zum Bearbeitungsschlüssel wird.
Diese URL kommt in OBS. Sie zeigt nur die veröffentlichte Version des Glücksrads und erlaubt weder Speichern noch Ersetzen oder Löschen. Die Adresse bleibt auch nach Aktualisierungen des Rads stabil.
Behandle diesen Link wie ein Passwort. Er stellt in einem anderen Browser den Bearbeitungszugriff wieder her. Teile ihn weder in OBS noch im Stream oder Chat. Ohne gültigen Schlüssel ist nur eine Vorschau möglich.
Änderungen sind im Studio sofort sichtbar, erreichen das OBS-Overlay aber erst nach erfolgreichem Speichern. Dabei verlängert sich die Gültigkeit jeweils um 183 Tage.
Die normale OBS-Vorschau dient nur zum Auswählen und Transformieren einer Quelle. Wähle zum Drehen „Interagieren“, klicke auf das Rad oder nutze Strg+Enter unter Windows beziehungsweise Cmd+Enter unter macOS. Gewinneranzeige, Ton, Konfetti und automatisches Entfernen folgen den gespeicherten Einstellungen.
Das Rad bleibt quadratisch, wird horizontal zentriert und richtet seine Größe an der kürzeren Viewport-Kante aus. Ein kleiner Abstand oben schützt Zeiger und Rand vor dem Abschneiden. Mit den OBS-Transformationswerkzeugen kannst du die Quelle skalieren, zentrieren oder zuschneiden.
Quellen in OBS positionierenMeist liegt es an einer veralteten Browser-Quelle, dem falschen Link oder unpassenden Quellabmessungen.
Prüfe, ob die öffentliche OBS-URL verwendet wird, die Quelle sichtbar ist und Breite sowie Höhe größer als null sind. Klicke danach in den Eigenschaften auf „Cache der aktuellen Seite aktualisieren“.
Setze die Abmessungen der Browser-Quelle erneut und passe sie über „Transformieren“ an. Das Overlay hält das Rad quadratisch und skaliert es anhand der kürzeren Viewport-Kante.
Kontrolliere, ob „Änderungen speichern“ erfolgreich war. Aktualisiere anschließend die Browser-Quelle, damit OBS die neueste Version lädt.
Die normale OBS-Arbeitsfläche ist kein interaktiver Browser. Öffne über das Kontextmenü „Interagieren“ und klicke zuerst in dieses Fenster.
Beginne mit 30 FPS und einer zum Layout passenden Quellgröße. 60 FPS wirken flüssiger, benötigen aber mehr Systemleistung.
Nutze das Studio oben oder kehre für die vollständige Bearbeitung zum Haupt-Glücksrad zurück.