Streamoverlay voor OBS en Streamlabs

Spin the Wheel heeft een ingebouwde stream-overlay, en het kan niet eenvoudiger: voeg ?stream=1 toe aan het einde van de URL van elk wheel en plak die link in je streamingsoftware als een Browserbron. De pagina laadt als transparant waardoor je alleen het wiel netjes over je gameplay of camera ziet. Menu's, advertenties, cookiebanners en pop-upmeldingen worden automatisch verborgen.

Er is geen account, geen browserextensie en geen apart streamingbedieningspaneel. Het werkt in Niets te installeren; OBS Studio, Streamlabs, en alle software die een browser/webbron ondersteunt.

Voor wie is het bedoeld?

💡 Streamers op Twitch, YouTube, Kick of waar dan ook die een live draaiend wiel op het scherm willen zien.

💡 Kijkersacties, prijstrekkingen en momenten waarop de chat beslist.

💡 In-game uitdagingen, willekeurige handicaps en segmenten waarin het rad de keuze maakt.

💡 Voor iedereen die een wiel live wil streamen zonder extra gereedschap aan te sluiten of in te loggen.

Voordat je begint

✔️ Je hebt streamingsoftware die een Browserbron ondersteunt (OBS Studio, Streamlabs, enz.).

✔️ Je hebt een URL voor een rad — ofwel een kant-en-klaar rad (bijvoorbeeld https://spinthewheel.io/nl/yes-no-wheel ) uit onze bibliotheek, ofwel een van je eigen opgeslagen/gedeelde rads.

Dat is alles. Aanmelden of installeren is niet nodig om een wiel in de stream te tonen.

Stap voor stap

Vraag de URL van je wiel op. Gebruik een kant-en-klaar rad (bijvoorbeeld https://spinthewheel.io/nl/yes-no-wheel ), of open je eigen opgeslagen rad en kopieer de link uit de adresbalk van je browser.
Toevoegen ?stream=1 tot het einde. Bijvoorbeeld: https://spinthewheel.io/nl/yes-no-wheel?stream=1 . Als de link al een ? bevat, voeg dan &stream=1 toe.
Voeg het toe als browserbron. In OBS: Bronnen → + → Browser. In Streamlabs: Bron toevoegen → Browserbron. Plak je ?stream=1 URL in het URL-veld.
Stel de grootte in. Geef de bron een breedte en hoogte (bijvoorbeeld 700 x 700 als je een enkel wiel laat zien, of wat dan ook het beste bij je lay-out past). Omdat de overlay transparant is, wordt deze direct over je scène geplaatst, dus je hoeft geen achtergrondkleur in te stellen.
Plaats en schaal het op je canvas, net als elke andere bron.
Draai het rond. Door op het wiel te klikken, draait het. Om in een browserbron te klikken, gebruikt u de Interactie -optie van uw software (in OBS: klik met de rechtermuisknop op de bron → Interactie, en klik vervolgens op het wiel). De draai en de winnaar verschijnen live in de stream.

Maak er je eigen versie van.

Ontwerp een wiel met je eigen kleuren, logo in het midden, achtergrondafbeelding en geluiden, bewaar het, en gebruik vervolgens de URL met ?stream=1 De overlay toont dan je volledige ontwerp.

Het wielcanvas behoudt alles (segmenten, kleuren, afbeeldingen, centrale knop); alleen de omringende website-interface is verborgen.

Voorbeelden

💡 https://spinthewheel.io/nl/yes-no-wheel?stream=1 om snel een ja/nee-beslissing op het scherm te zien.

💡 Een rad voor een winactie met de namen van de deelnemers, dat live voor het publiek wordt rondgedraaid (bekijk ook onze Twitch-winactietool voor het verzamelen van live deelnames via de chat - link in de footer).

💡 Een rad met speluitdagingen (wapen, klasse, handicap) dat je tussen de rondes door draait. Gebruik meerdere rads voor meer opties en mogelijke uitkomsten.

Probleemoplossing

⚠️ Als je ?stream=1 gebruikt terwijl de URL al een ? bevat, moet je in dat geval &stream=1 gebruiken.

⚠️ Een achtergrondkleur forceren voor de browserbron. Laat deze in plaats daarvan transparant, zodat je scène erdoorheen schijnt.

⚠️ Je probeert op het wieltje te klikken zonder Interactie -modus van je software voor de browserbron in te schakelen.

Probleemoplossing

🛠️ De overlay toont de volledige website (menu's/advertenties). De stream staat niet in de URL — controleer of deze eindigt met ?stream=1 (of &stream=1 ).

🛠️ Ik zie een effen witte of zwarte doos. Je browserbron heeft een geforceerde achtergrond of aangepaste CSS. Verwijder deze zodat de transparante overlay over je scène kan worden geplaatst.

🛠️ Het wiel draait niet. Schakel Interactie in voor de browserbron (in OBS: rechterklik → Interactie) en klik op het tandwiel.

🛠️ Het wiel is te groot of te klein. Verklein de broncode van de browser en schaal deze zodat hij op je canvas past.

Gebruikstips

• De streammodus is een visuele presentatiemodus: -functie die de menu's, advertenties, toestemmingsbanners en pop-upmeldingen van de site verbergt en de pagina transparant maakt. Het rad zelf behoudt zijn volledige ontwerp en toont nog steeds de pop-up met de winnaar.

• Het is een hoofdbrowserbron, en geen embed, dus het communiceert niet met een bovenliggende pagina.

• De overlay werkt met elke URL van een wheel. Je kunt kant-en-klare wheels uit onze bibliotheek gebruiken of je eigen opgeslagen wheels.

• Voor een volledige winactie via de chat (kijkers typen een trefwoord om mee te doen, met een aantoonbaar eerlijke trekking en een geverifieerde link naar de herhaling) kunt u in plaats daarvan onze andere functie met een eigen overlay gebruiken:

Twitch Giveaways Tool

Gratis streamoverlay met draaiend wiel voor OBS en Streamlabs