โอเวอร์เลย์สตรีมสำหรับ OBS และ Streamlabs

Spin the Wheel มีฟังก์ชัน สตรีมโอเวอร์เลย์, ในตัว และใช้งานง่ายมาก: เพียงแค่เพิ่ม ?stream=1 ต่อท้าย URL ของวงล้อ ใดๆ แล้ววางลิงก์นั้นลงในซอฟต์แวร์สตรีมมิ่งของคุณเป็น แหล่งที่มาของเบราว์เซอร์. หน้าเว็บจะโหลดเป็น โปร่งใส ทำให้คุณเห็นเฉพาะวงล้อปรากฏอยู่เหนือภาพการเล่นเกมหรือกล้องของคุณอย่างชัดเจน เมนู โฆษณา แบนเนอร์คุกกี้ และข้อความแจ้งเตือนแบบป๊อปอัพจะถูกซ่อนโดยอัตโนมัติ

ไม่ ไม่ต้องติดตั้งอะไรเลย; ต้องมีบัญชีผู้ สตรีมแล็บส์, ส่วนขยายเบราว์เซอร์ หรือแผงควบคุมการสตรีมแยกต่างหาก ใช้งาน OBS Studio, ในซอฟต์แวร์ใดๆ ก็ตามที่รองรับแหล่งที่มาของเบราว์เซอร์/เว็บ

เหมาะสำหรับใคร

💡 สตรีมเมอร์บน Twitch, YouTube, Kick หรือแพลตฟอร์มอื่นๆ ที่ต้องการแสดงวงล้อหมุนแบบเรียลไทม์บนหน้าจอ

💡 กิจกรรมแจกของรางวัลสำหรับผู้ชม การจับฉลาก และช่วงเวลา "ตัดสินโดยแชท"

💡 ความท้าทายในเกม ข้อจำกัดแบบสุ่ม และช่วง "ให้วงล้อเลือก"

💡 สำหรับใครก็ตามที่ต้องการใช้พวงมาลัยในการสตรีมโดยไม่ต้องต่อสายอุปกรณ์เสริมหรือล็อกอินเข้าสู่ระบบ

ก่อนที่คุณจะเริ่มต้น

✔️ คุณมีซอฟต์แวร์สตรีมมิ่งที่รองรับ แหล่งที่มาของเบราว์เซอร์ (เช่น OBS Studio, Streamlabs เป็นต้น)

✔️ คุณมี URL ของวงล้อ — ไม่ว่าจะเป็นวงล้อสำเร็จรูป (ตัวอย่างเช่น https://spinthewheel.io/th/yes-no-wheel ) จากคลังของเรา หรือวงล้อที่คุณบันทึก/แชร์ไว้เอง

แค่นั้นเอง ไม่ต้องลงชื่อเข้าใช้หรือติดตั้งอะไรเพิ่มเติม เพียงแค่แสดงภาพล้อรถบนสตรีมก็พอแล้ว

ทีละขั้นตอน

รับ URL ของล้อของคุณ ใช้วงล้อสำเร็จรูป (ตัวอย่างเช่น https://spinthewheel.io/th/yes-no-wheel ) หรือเปิดวงล้อที่คุณบันทึกไว้เอง แล้วคัดลink จากแถบที่อยู่ของเบราว์เซอร์ของคุณ
เพิ่ม ?stream=1 จนถึงที่สุด ตัวอย่างเช่น: https://spinthewheel.io/th/yes-no-wheel?stream=1 หากลิงก์มีเครื่องหมาย ? อยู่แล้ว ให้เพิ่ม &stream=1 แทน
เพิ่มเป็นแหล่งที่มาของเบราว์เซอร์ ใน OBS: แหล่งที่มา → + → เบราว์เซอร์. ใน Streamlabs: เพิ่มแหล่งที่มา → แหล่งที่มาของเบราว์เซอร์. วาง URL ?stream=1 ของคุณลงในช่อง URL
ตั้งค่าขนาด กำหนดความกว้างและความสูงให้กับแหล่งข้อมูล (ตัวอย่างเช่น 700 x 700 ในกรณีที่คุณแสดงล้อเพียงล้อเดียว หรือขนาดใดก็ได้ที่เหมาะสมกับเค้าโครงของคุณ) เนื่องจากโอเวอร์เลย์มีความโปร่งใส จึงสามารถวางซ้อนทับฉากของคุณได้โดยตรง คุณจึงไม่จำเป็นต้องกำหนดสีพื้นหลัง
กำหนดตำแหน่งและมาตราส่วน บนผืนผ้าใบของคุณเหมือนกับแหล่งข้อมูลอื่นๆ
หมุนมันสิ การคลิกที่วงล้อจะทำให้วงล้อหมุน หากต้องการคลิกภายในแหล่งที่มาของเบราว์เซอร์ ให้ใช้ตัวเลือก มีปฏิสัมพันธ์ ของซอฟต์แวร์ของคุณ (ใน OBS: คลิกขวาที่แหล่งที่มา → มีปฏิสัมพันธ์, จากนั้นคลิกที่วงล้อ) การหมุนและป๊อปอัพผู้ชนะจะปรากฏขึ้นแบบเรียลไทม์บนสตรีม

สร้างสรรค์ในแบบของคุณเอง

ออกแบบวงล้อด้วยสีที่คุณชอบ โลโก้ตรงกลาง ภาพพื้นหลัง และเสียงที่คุณต้องการ บันทึกไว้, จากนั้นใช้ URL ของมันร่วมกับ ?stream=1 แล้วภาพซ้อนจะแสดงการออกแบบของคุณอย่างสมบูรณ์

หน้าจอแสดงผลแบบวงล้อแสดงทุกอย่าง (ส่วนต่างๆ สี รูปภาพ ปุ่มตรงกลาง) โดยซ่อนเฉพาะส่วนประกอบภายนอกของเว็บไซต์เท่านั้น

ตัวอย่าง

💡 https://spinthewheel.io/th/yes-no-wheel?stream=1 เพื่อแสดงการตัดสินใจใช่/ไม่ใช่แบบรวดเร็วบนหน้าจอ

💡 วงล้อเสี่ยงโชคสำหรับผู้ชม พร้อมชื่อผู้เข้าร่วมทั้งหมด หมุนสดให้ผู้ชมได้เห็น (ดูเครื่องมือแจกของรางวัลบน Twitch ของเราสำหรับการรวบรวมรายชื่อผู้เข้าร่วมสดในแชท - ลิงก์อยู่ในส่วนท้าย)

💡 วงล้อท้าทายเกม (อาวุธ คลาส ข้อจำกัด) ที่คุณหมุนระหว่างรอบ ใช้หลายวงล้อเพื่อเพิ่มตัวเลือกและผลลัพธ์ที่เป็นไปได้มากขึ้น

การแก้ไขปัญหา

⚠️ หากคุณใช้ ?stream=1 ในขณะที่ URL มีเครื่องหมาย ? อยู่แล้ว คุณจะต้องใช้ &stream=1 ในกรณีนั้น

⚠️ การบังคับกำหนดสีพื้นหลังให้กับซอร์สโค้ดของเบราว์เซอร์ ควรปล่อยให้เป็นแบบโปร่งใสเพื่อให้ฉากของคุณแสดงออกมาได้

⚠️ พยายามคลิกวงล้อโดยไม่เปิดโหมด มีปฏิสัมพันธ์ ของซอฟต์แวร์สำหรับแหล่งที่มาของเบราว์เซอร์

การแก้ไขปัญหา

🛠️ โอเวอร์เลย์แสดงเว็บไซต์แบบเต็ม (เมนู/โฆษณา) พารามิเตอร์ stream ไม่อยู่ใน URL — ตรวจสอบว่าลงท้ายด้วย ?stream=1 (หรือ &stream=1 ) หรือไม่

🛠️ ฉันเห็นกล่องสีขาวหรือสีดำทึบ ซอร์สโค้ดของเบราว์เซอร์ของคุณมีพื้นหลังที่บังคับใช้หรือ CSS แบบกำหนดเอง ลบออกเพื่อให้โอเวอร์เลย์โปร่งใสสามารถรวมเข้ากับฉากของคุณได้

🛠️ ล้อไม่หมุน เปิดใช้งาน มีปฏิสัมพันธ์ สำหรับแหล่งที่มาของเบราว์เซอร์ (ใน OBS: คลิกขวา → โต้ตอบ) แล้วคลิกที่ไอคอนรูปเฟือง

🛠️ ล้อใหญ่เกินไปหรือเล็กเกินไป ปรับขนาดแหล่งที่มาของเบราว์เซอร์และปรับสเกลให้พอดีกับพื้นที่ทำงานของคุณ

คำแนะนำการใช้งาน

• โหมดสตรีมเป็น โหมดการนำเสนอภาพ: ที่ซ่อนเมนู โฆษณา แบนเนอร์ขอความยินยอม และป๊อปอัปแจ้งเตือนต่างๆ ของเว็บไซต์ และทำให้หน้าเว็บโปร่งใส วงล้อยังคงดีไซน์เดิมและแสดงป๊อปอัปประกาศผู้ชนะอยู่

• นี่ไม่ใช่การฝัง ( ซอร์สโค้ดเบราว์เซอร์ระดับสูงสุด, ) ดังนั้นจึงไม่สื่อสารกับหน้าหลัก

• โอเวอร์เลย์นี้ใช้งานได้กับ URL ของวงล้อใดก็ได้ คุณสามารถใช้วงล้อสำเร็จรูปจากคลังของเรา หรือวงล้อที่คุณบันทึกไว้เองก็ได้

• สำหรับการแจกรางวัลแบบเต็มรูปแบบโดยการเข้าร่วมแชท (ผู้ชมพิมพ์คำสำคัญเพื่อเข้าร่วม พร้อมการจับรางวัลที่ยุติธรรมและลิงก์รับชมย้อนหลังที่ได้รับการตรวจสอบแล้ว) โปรดใช้ฟีเจอร์อื่นของเราที่มีโอเวอร์เลย์เฉพาะแทน:

เครื่องมือแจกของรางวัล Twitch

โอเวอร์เลย์วงล้อหมุนฟรีสำหรับ OBS และ Streamlabs