Stream overlay para sa OBS at Streamlabs

Ang Spin the Wheel ay may built-in na overlay ng stream, at napakadali lang nito: idagdag ang ?stream=1 sa dulo ng URL ng kahit ano wheel at i-paste ang link na iyon sa iyong streaming software bilang Pinagmulan ng Browser. Naglo-load ang page bilang malinaw para ang wheel lang ang maayos na makikita sa ibabaw ng iyong gameplay o camera. Awtomatikong nakatago ang mga menu, ad, cookie banner, at pop-up toast.

Walang walang mai-install; account, walang browser extension, at walang hiwalay na streaming control panel. Gumagana ito sa OBS Studio, Mga Streamlab, at anumang software na sumusuporta sa browser/web source.

Para kanino ito

💡 Mga streamer sa Twitch, YouTube, Kick o kahit saan pa na gustong makakita ng live na umiikot na gulong sa screen.

💡 Mga pamigay ng manonood, mga raffle, at mga sandaling "nagpapasya sa pakikipag-chat".

💡 Mga hamon sa laro, mga random na handicap, at mga segment na "hayaang pumili ang gulong".

💡 Sinumang gustong makapag-stream nang walang kinakailangang karagdagang tools o logins.

Bago ka magsimula

✔️ Mayroon kang streaming software na sumusuporta sa Pinagmulan ng Browser (OBS Studio, Streamlabs, atbp.).

✔️ Mayroon kang URL ng gulong — maaaring isang handa nang gulong (halimbawa https://spinthewheel.io/tl/yes-no-wheel ) mula sa aming library o isa sa iyong sariling naka-save/nakabahaging gulong.

Iyon lang. Hindi na kailangan mag-sign-in o mag-install para lang magpakita ng wheel habang nagba-stream.

Hakbang-hakbang

Kunin ang URL ng iyong manibela. Gumamit ng yari nang gulong (halimbawa https://spinthewheel.io/tl/yes-no-wheel ), o buksan ang sarili mong naka-save na gulong at kopyahin ang link mula sa address bar ng iyong browser.
Idagdag ?stream=1 hanggang sa dulo. Halimbawa: https://spinthewheel.io/tl/yes-no-wheel?stream=1 . Kung ang link ay naglalaman na ng ? , idagdag na lang ang &stream=1 .
Idagdag ito bilang Pinagmulan ng Browser. Sa OBS: Mga Pinagmulan → + → Browser. Sa Streamlabs: Magdagdag ng Pinagmulan → Pinagmulan ng Browser. I-paste ang iyong ?stream=1 URL sa field ng URL.
Itakda ang laki. Bigyan ang pinagmulan ng lapad at taas (halimbawa, 700 x 700 kung saan ipinapakita mo ang isang gulong, o anumang bagay na nababagay sa iyong layout). Dahil transparent ang overlay, diretso itong nakapatong sa iyong eksena kaya hindi mo na kailangang magtakda ng kulay ng background.
Iposisyon at sukatin ito sa iyong canvas tulad ng ibang source.
Paikutin ito. Iikot ito kapag na-click ang gulong. Para mag-click sa loob ng pinagmulan ng browser, gamitin ang opsyong Makipag-ugnayan ng iyong software (sa OBS: i-right-click ang pinagmulan → Makipag-ugnayan, pagkatapos ay i-click ang gulong). Lalabas nang live sa stream ang pop-up na "spin" at ang "winner".

Gawin itong iyo

Magdisenyo ng gulong gamit ang sarili mong mga kulay, gitnang logo, larawan sa background at mga tunog, iligtas ito, pagkatapos ay gamitin ang URL nito na may kasamang ?stream=1 at ipapakita ng overlay ang iyong buong disenyo.

Nasa wheel canvas ang lahat (mga segment, kulay, larawan, button sa gitna); tanging ang nakapalibot na chrome ng website ang nakatago.

Mga Halimbawa

💡 https://spinthewheel.io/tl/yes-no-wheel?stream=1 para ipakita ang mabilis na desisyon kung oo/hindi sa screen.

💡 Isang giveaway wheel para sa mga manonood na may mga pangalan ng mga kalahok, na inilabas nang live para sa mga manonood (tingnan din ang aming Twitch giveaway tool para sa pagkolekta ng mga live in-chat entries - ang link ay nasa footer).

💡 Isang gulong na puno ng hamon sa laro (sandata, klase, handicap) na iyong iikot sa pagitan ng mga round. Gumamit ng maraming gulong para sa higit pang mga opsyon at posibleng mga resulta.

Pag-troubleshoot

⚠️ Kung gagamitin mo ?stream=1 kahit na mayroon nang ? ang URL, kakailanganin mong gamitin &stream=1 sa ganitong sitwasyon.

⚠️ Pagpipilit ng kulay ng background sa Browser Source. Sa halip, hayaan itong transparent para makita ang iyong eksena.

⚠️ Sinusubukang i-click ang wheel nang hindi binubuksan ang Makipag-ugnayan mode ng iyong software para sa pinagmulan ng browser.

Pag-troubleshoot

🛠️ Ipinapakita ng overlay ang buong website (mga menu/ad). Wala sa URL ang stream parameter — siguraduhing nagtatapos ito sa ?stream=1 (o &stream=1 ).

🛠️ Nakakakita ako ng isang solidong puti o itim na kahon. May forced background o custom CSS ang iyong Browser Source. Alisin ito para makahalo ang transparent overlay sa iyong eksena.

🛠️ Hindi iikot ang gulong. I-on ang Makipag-ugnayan para sa pinagmulan ng browser (sa OBS: i-right-click → Interact) at i-click ang wheel.

🛠️ Masyadong malaki o masyadong maliit ang gulong. Baguhin ang laki ng Browser Source at i-scale ito para magkasya sa iyong canvas.

Mga tip sa paggamit

• Ang stream mode ay isang biswal na paraan ng presentasyon: na itinatago nito ang mga menu, ad, consent banner at pop-up toast ng site, at ginagawang transparent ang pahina. Pinapanatili mismo ng wheel ang buong disenyo nito at ipinapakita pa rin ang winner pop-up.

• Ito ay isang nangungunang mapagkukunan ng browser, at hindi isang embed, kaya hindi ito nakikipag-ugnayan sa isang parent page.

• Gumagana ang overlay sa anumang URL ng gulong. Maaari mong gamitin ang mga yari nang gulong mula sa aming library o ang iyong sariling naka-save na mga gulong.

• Para sa isang kumpletong giveaway para sa pagpasok sa chat (mag-type ang mga manonood ng keyword na sasali, kasama ang isang napatunayang patas na draw at isang beripikadong replay link), gamitin ang aming ibang feature na may sarili nitong overlay:

Kagamitan sa Pagbibigay ng Pamigay sa Twitch

Libreng Spinning Wheel Stream Overlay para sa OBS at Streamlabs