Overlay streaming untuk OBS & Streamlabs

Spin the Wheel memiliki fitur bawaan overlay aliran, dan sangat mudah digunakan: tambahkan ?stream=1 ke akhir URL roda setiap dan tempel tautan tersebut ke perangkat lunak streaming Anda sebagai Sumber Browser. Halaman akan dimuat sebagai transparan sehingga Anda hanya mendapatkan roda yang terpasang rapi di atas permainan atau kamera Anda. Menu, iklan, banner cookie, dan notifikasi pop-up semuanya disembunyikan secara otomatis.

Tidak ada akun, tidak ada ekstensi browser, dan tidak ada panel kontrol streaming terpisah. Ini berfungsi di tidak perlu menginstal apa pun; OBS Studio, Streamlabs, dan perangkat lunak apa pun yang mendukung browser/sumber web.

Untuk siapa ini

💡 Para streamer di Twitch, YouTube, Kickstarter, atau platform lainnya yang menginginkan roda putar langsung di layar.

💡 Hadiah untuk pemirsa, undian berhadiah, dan momen "pemenang ditentukan oleh obrolan".

💡 Tantangan dalam game, handicap acak, dan segmen "biarkan roda memilih".

💡 Siapa pun yang menginginkan roda keberuntungan saat siaran langsung tanpa perlu memasang alat atau login tambahan.

Sebelum Anda mulai

✔️ Anda memiliki perangkat lunak streaming yang mendukung Sumber Browser (OBS Studio, Streamlabs, dll.).

✔️ Anda memiliki URL roda — baik roda yang sudah jadi (misalnya https://spinthewheel.io/id/yes-no-wheel ) dari perpustakaan kami atau salah satu roda yang Anda simpan/bagikan sendiri.

Itu saja. Tidak perlu login atau instalasi hanya untuk menampilkan roda di siaran langsung.

Langkah demi langkah

Gunakan roda yang Dapatkan URL roda Anda. jadi (misalnya https://spinthewheel.io/id/yes-no-wheel ), atau buka roda yang sudah Anda simpan dan salin tautannya dari bilah alamat browser Anda.
Menambahkan ?stream=1 sampai akhir. Misalnya: https://spinthewheel.io/id/yes-no-wheel?stream=1 . Jika tautan sudah berisi ? , tambahkan &stream=1 sebagai gantinya.
Tambahkan sebagai Sumber Browser. Di OBS: Sumber → + → Browser. Di Streamlabs: Tambahkan Sumber → Sumber Browser. Tempel URL ?stream=1 Anda ke kolom URL.
Atur ukurannya. Berikan lebar dan tinggi pada sumber (misalnya 700 x 700 jika Anda menampilkan satu roda, atau apa pun yang sesuai dengan tata letak Anda). Karena overlay transparan, overlay akan langsung melapisi adegan Anda sehingga Anda tidak perlu mengatur warna latar belakang.
Posisikan dan skalakan di kanvas Anda seperti sumber lainnya.
Putarlah. Mengklik roda akan memutarnya. Untuk mengklik di dalam sumber browser, gunakan opsi Berinteraksi perangkat lunak Anda (di OBS: klik kanan sumber → Berinteraksi, lalu klik roda). Putaran dan pop-up pemenang akan muncul secara langsung di siaran.

Jadikan itu milikmu

Rancang roda dengan warna Anda sendiri, logo di tengah, gambar latar belakang, dan suara, simpan itu, lalu gunakan URL-nya dengan ?stream=1 dan overlay akan menampilkan desain lengkap Anda.

Kanvas roda mempertahankan semuanya (segmen, warna, gambar, tombol tengah); hanya elemen web di sekitarnya yang disembunyikan.

Contoh

💡 https://spinthewheel.io/id/yes-no-wheel?stream=1 untuk menampilkan keputusan ya/tidak secara cepat di layar.

💡 Roda hadiah untuk pemirsa dengan nama peserta Anda, diputar langsung untuk penonton (lihat juga alat giveaway Twitch kami untuk mengumpulkan entri langsung di obrolan - tautan di bagian bawah).

💡 Roda tantangan permainan (senjata, kelas, handicap) yang Anda putar di antara putaran. Gunakan roda multi-pilihan untuk lebih banyak opsi dan kemungkinan hasil.

Penyelesaian Masalah

⚠️ Jika Anda menggunakan ?stream=1 ketika URL sudah memiliki tanda tanya ( ? ), Anda perlu menggunakan &stream=1 dalam kasus tersebut.

⚠️ Memaksa warna latar belakang pada Sumber Browser. Sebaliknya, biarkan transparan agar tampilan adegan Anda terlihat.

⚠️ Mencoba mengklik roda tanpa mengaktifkan mode Berinteraksi perangkat lunak Anda untuk sumber browser.

Penyelesaian Masalah

🛠️ Overlay tersebut menampilkan situs web lengkap (menu/iklan). Parameter stream tidak ada di URL — periksa apakah diakhiri dengan ?stream=1 (atau &stream=1 ).

🛠️ Saya melihat kotak berwarna putih atau hitam pekat. Kode Sumber Browser Anda memiliki latar belakang paksa atau CSS kustom. Hapus agar lapisan transparan dapat menyatu dengan adegan Anda.

🛠️ Rodanya tidak mau berputar. Aktifkan Berinteraksi untuk sumber browser (di OBS: klik kanan → Berinteraksi) dan klik roda gigi.

🛠️ Roda tersebut terlalu besar atau terlalu kecil. Ubah ukuran Sumber Browser dan skalakan agar sesuai dengan kanvas Anda.

Tips penggunaan

• Mode streaming adalah fitur mode presentasi visual: yang menyembunyikan menu situs, iklan, banner persetujuan, dan pop-up, serta membuat halaman menjadi transparan. Roda itu sendiri tetap mempertahankan desain lengkapnya dan masih menampilkan pop-up pemenang.

• Ini adalah sumber browser tingkat atas, bukan embed, jadi tidak berkomunikasi dengan halaman induk.

• Overlay ini berfungsi dengan URL wheel apa pun. Anda dapat menggunakan wheel siap pakai dari perpustakaan kami atau wheel yang Anda simpan sendiri.

• Untuk giveaway dengan sistem chat-entry lengkap (pemirsa mengetik kata kunci untuk berpartisipasi, dengan undian yang terbukti adil dan tautan tayangan ulang yang terverifikasi), gunakan fitur kami yang berbeda dengan overlay tersendiri:

Alat Giveaway Twitch

Overlay Streaming Roda Berputar Gratis untuk OBS & Streamlabs