Накладання потоку для OBS та Streamlabs

«Spin the Wheel» має вбудований накладання потоку, , і це дуже просто: додайте ?stream=1 до кінця URL-адреси колеса будь-який та вставте це посилання у своє програмне забезпечення для потокової передачі як Джерело браузера. Сторінка завантажується як прозорий , тож ви отримуєте лише колесо, яке чітко розташовується поверх ігрового процесу або камери. Меню, реклама, банери з файлами cookie та спливаючі вікна приховуються автоматично.

Немає облікового запису нічого не потрібно встановлювати; , розширення для браузера та окремої панелі керування потоковою передачею. Працює в Студія OBS, Streamlabs, та будь-якому програмному забезпеченні, що підтримує браузер/веб-джерело.

Для кого це

💡 Стримери на Twitch, YouTube, Kick чи будь-де ще, які хочуть побачити пряме обертання колеса на екрані.

💡 Розіграші призів від глядачів та моменти «чат вирішує».

💡 Ігрові випробування, випадкові гандикапи та сегменти «нехай колесо вибере».

💡 Кожен, хто хоче мати можливість стрімувати без додаткових інструментів чи входу.

Перш ніж почати

✔️ У вас є програмне забезпечення для потокового передавання, яке підтримує Джерело браузера (OBS Studio, Streamlabs тощо).

✔️ У вас є URL-адреса колеса — або готове колесо (наприклад, https://spinthewheel.io/uk/yes-no-wheel ) з нашої бібліотеки, або одне з ваших власних збережених/спільних коліс.

Ось і все. Для показу колеса в стрімі не потрібна реєстрація чи встановлення.

Крок за кроком

Отримайте URL-адресу вашого колеса. Використовуйте готове колесо (наприклад, https://spinthewheel.io/uk/yes-no-wheel ) або відкрийте своє власне збережене колесо та скопіюйте посилання з адресного рядка браузера.
Додати ?потік=1 до кінця. Наприклад: https://spinthewheel.io/uk/yes-no-wheel?stream=1 . Якщо посилання вже містить знак ? , додайте замість нього &stream=1 .
Додайте його як джерело браузера. В OBS: Джерела → + → Браузер. У Streamlabs: Додати джерело → Джерело браузера. Вставте URL-адресу ?stream=1 у поле URL-адреси.
Встановіть розмір. Вкажіть ширину та висоту джерела (наприклад, 700 x 700, де ви показуєте одне колесо, або будь-який інший розмір, що підходить для вашого макета). Оскільки накладання прозоре, воно накладається безпосередньо на вашу сцену, тому вам не потрібно встановлювати колір фону.
Розташуйте та масштабуйте його на вашому полотні, як і будь-яке інше джерело.
Оберни це. Клацання на колесі обертає його. Щоб клацнути всередині вихідного коду браузера, скористайтеся опцією Взаємодія вашого програмного забезпечення (в OBS: клацніть правою кнопкою миші на вихідному коді → Взаємодія, а потім клацніть на колесі). Обертання та спливаюче вікно переможця відображаються в прямому ефірі під час трансляції.

Зробіть це своїм

Створіть колесо з власними кольорами, логотипом у центрі, фоновим зображенням та звуками, збережи це, потім використовуйте його URL-адресу з ?stream=1 , і накладання покаже ваш повний дизайн.

Полотно колеса зберігає все (сегменти, кольори, зображення, центральну кнопку); прихований лише навколишній хром веб-сайту.

Приклади

💡 https://spinthewheel.io/uk/yes-no-wheel?stream=1 , щоб швидко відобразити рішення «так/ні» на екрані.

💡 Колесо розіграшу для глядачів з іменами ваших учасників, яке обертатиметься в прямому ефірі для аудиторії (також дивіться наш інструмент для розіграшів Twitch для збору записів у чаті в прямому ефірі — посилання внизу сторінки).

💡 Колесо ігрових випробувань (зброя, клас, гандикап), яке ви обертаєте між раундами. Використовуйте кілька колес для отримання більшої кількості опцій та можливих результатів.

Усунення несправностей

⚠️ Якщо ви використовуєте ?stream=1 , коли URL-адреса вже містить символ ? , у такому випадку вам потрібно буде використовувати &stream=1 .

⚠️ Примусове встановлення кольору фону для вихідного коду браузера. Замість цього залиште його прозорим, щоб ваша сцена була видною.

⚠️ Намагаєтеся натиснути коліщатко, не ввімкнувши режим Взаємодія вашого програмного забезпечення для вихідного коду браузера.

Усунення несправностей

🛠️ Накладка відображає повний веб-сайт (меню/рекламу). Параметра stream немає в URL-адресі — перевірте, чи вона закінчується на ?stream=1 (або &stream=1 ).

🛠️ Я бачу суцільну білу або чорну рамку. Ваш вихідний код браузера має примусовий фон або власний CSS. Видаліть його, щоб прозоре накладання могло накладатися на вашу сцену.

🛠️ Колесо не обертатиметься. Увімкніть Взаємодія для вихідного коду браузера (в OBS: клацніть правою кнопкою миші → Взаємодія) та натисніть коліщатко.

🛠️ Колесо занадто велике або занадто мале. Змініть розмір вихідного коду браузера та масштабуйте його відповідно до вашого полотна.

Поради щодо використання

• Режим потокової трансляції – це режим візуальної презентації: він приховує меню сайту, рекламу, банери згоди та спливаючі вікна, а також робить сторінку прозорою. Саме колесо зберігає свій повний дизайн і все ще показує спливаюче вікно переможця.

• Це вихідний код браузера верхнього рівня, , а не вбудований елемент, тому він не взаємодіє з батьківською сторінкою.

• Оверлей працює з будь-якою URL-адресою колеса. Ви можете використовувати готові колеса з нашої бібліотеки або власні збережені колеса.

• Для повноцінного розіграшу в чаті (глядачі вводять ключове слово для участі, з доведено чесним жеребкуванням та перевіреним посиланням на повтор), скористайтеся нашою іншою функцією з власним накладанням:

Інструмент для розіграшів Twitch

Безкоштовне оверлейне зображення потоку Spinning Wheel для OBS та Streamlabs