Подключить

🪟 инструкция · OBS Studio, Streamlabs, vMix

Как добавить виджет в OBS

Почти любой виджет для стрима — алерты, чат на экране, игры для зрителей, счётчик — это веб-страница с прозрачным фоном. В OBS её добавляют как источник «Браузер». Вот как сделать это правильно с первого раза.

Шаг за шагом

  1. Скопируй ссылку виджета. В СТРИМ БРО она на странице виджета в кабинете
  2. В OBS в панели «Источники» нажми «+» и выбери «Браузер». Назови источник понятно, например «Гонка шариков»
  3. Вставь ссылку в поле URL
  4. Впиши ширину и высоту — те, что указаны у виджета. У игр СТРИМ БРО на весь кадр это 1920×1080, у полос внизу кадра — 1920×360, у счётчика — около 820×140
  5. Поставь галочку «Управлять звуком через OBS»: звук виджета появится в микшере, громкость регулируешь там
  6. Поставь галочку «Отключить источник, когда он не виден»: спрятал источник — виджет встал на паузу и не тратит ресурсы
  7. Нажми «ОК» и поставь источник на место: виджет на весь кадр — растяни на весь экран, полосу — вплотную к нижнему краю

Почему важен размер

Ширина и высота в свойствах источника — это размер окна, в котором OBS открывает страницу. Если окно меньше, чем рассчитан виджет, часть его обрежется; если больше — он окажется маленьким в углу. Поэтому сначала впиши точный размер, а уже потом масштабируй источник рамкой в сцене.

Прозрачный фон

У браузерного источника OBS по умолчанию прозрачный фон — это задаёт строка в поле «Пользовательский CSS». Не стирай её и не меняй без нужды: если виджет вдруг показывает чёрный или белый прямоугольник, первым делом проверь именно это поле.

Частые ошибки

Что видноВ чём дело
Виджет обрезан или крошечныйРазмер источника не совпадает с размером виджета — впиши точные ширину и высоту
Показывает старую версию или не меняется после настроекВ свойствах источника нажми «Обновить кэш текущей страницы»
Нет звукаВключи «Управлять звуком через OBS» и проверь, что источник не выключен в микшере
Чёрный или белый фонИзменён «Пользовательский CSS» — верни строку по умолчанию
Виджет на скрытой сцене «замер»Так и задумано галочкой «Отключить источник, когда он не виден»: покажешь — оживёт

Streamlabs Desktop и vMix

В Streamlabs Desktop виджет добавляется так же: «+» в источниках → Browser Source (браузерный источник), ссылка и размер. В vMix — Add Input → Web Browser, адрес страницы и размер.

Не показывай ссылку на эфире

Ссылка виджета открывает именно твой виджет. Не вставляй её в чат и не показывай на экране. Если ссылка утекла, в кабинете СТРИМ БРО можно выпустить новую — старая перестанет работать.

Вопросы

Можно ли растянуть виджет мышкой?

Да, но сначала впиши точный размер в свойствах источника. Растягивание рамкой в сцене только масштабирует то, что уже нарисовано.

Сколько виджетов можно добавить?

Сколько нужно: каждый виджет — свой источник. Тем, что видны не всегда, включи «Отключить источник, когда он не виден».

Ещё статьи

💬Как оживить чат на стримеПочему чат на стриме молчит и как его разговорить: вопросы с коротким ответом, команды вместо просьб, зритель на экране, ритуалы канала, игры для чата. Советы для начинающих стримеров.

в одной подписке

Игры и виджеты СТРИМ БРО

🏁Гонка шариковигра для чата · азарт и ставки🔤Угадай слововикторина для чата · весь чат думает вместе🎣Рыбалкаигра для чата · Twitch бесплатно⚔️АренаRPG для зрителей · 8 классов, боссы, дуэли🚪Дверь Сущностиигра на выживание · для фанатов хорроров

Пусть твой чат сегодня сыграет

Ссылка в OBS, тестовые зрители для проверки — и первый раунд ещё до начала эфира.

Подключить СТРИМ БРО