Виджеты для OBS: настройка Browser Source за 15 минут

Что такое Browser Source и почему виджеты работают через него

Browser Source, он же «Браузер» в русской локализации OBS, — это источник, который открывает веб-страницу внутри сцены и рисует её поверх остального изображения. Именно так работает большинство виджетов для стримов: алерты, счётчики целей, чат на экране.

Страница оверлея отдаётся с прозрачным фоном, поэтому в кадре видны только сами стикеры, а игра или камера под ними остаются нетронутыми. Никакого дополнительного софта ставить не нужно — всё, что требуется, уже есть в OBS.

Пошаговая настройка виджета стикеров

1. 01

   Скопируйте ссылку оверлея

   В панели стримера есть блок «Ваши ссылки». Нужна ссылка «Экран для OBS» — именно на неё прилетают стикеры.

2. 02

   Добавьте источник в OBS

   В нужной сцене нажмите плюс в списке источников и выберите Browser (Браузер). Дайте источнику понятное имя, например StickerBomber.

3. 03

   Вставьте ссылку в поле URL

   Поле «Локальный файл» оставьте выключенным — оверлей открывается по адресу, а не из файла на диске.

4. 04

   Задайте ширину и высоту

   Укажите разрешение вашей сцены, обычно 1920 на 1080. Размеры источника должны совпадать со сценой, иначе стикеры окажутся смещены.

5. 05

   Растяните источник на весь кадр

   Источник должен закрывать сцену целиком и лежать поверх игры и камеры в списке слоёв.

6. 06

   Проверьте тестовой отправкой

   В панели стримера откройте «Тестовая отправка» и отправьте стикер без оплаты — он должен появиться в OBS ровно там, куда вы его поставили.

Какие размеры указывать

Координаты стикера зритель задаёт в долях кадра, поэтому источник и сцена должны иметь одинаковые пропорции и разрешение:

Разрешение сцены смотрите в настройках OBS: «Настройки» → «Видео» → «Базовое (основа) разрешение». Именно базовое, а не выходное.

Тестовая отправка перед эфиром

Проверять оверлей в прямом эфире — плохая идея. В панели стримера есть отдельная страница тестовой отправки: она отправляет стикер, AR-стикер или звук на ваш оверлей без реальной оплаты. Так можно заранее убедиться, что источник добавлен правильно, звук слышно в записи, а стикеры не перекрывают важные элементы интерфейса игры.

Частые проблемы и как их решить

• Чёрный фон вместо прозрачного — скорее всего, захвачено окно браузера, а не добавлен Browser Source, либо на источник наложен фильтр фона. Оверлей всегда отдаётся прозрачным.
• Стикеры появляются не там, куда их ставил зритель — не совпадают размеры источника и сцены. Приведите ширину и высоту к базовому разрешению сцены.
• Ничего не появляется — проверьте, что вставлена ссылка «Экран для OBS», а не ссылка для зрителей или для модераторов.
• Оверлей завис после долгого стрима — в свойствах источника включите «Обновлять браузер, когда сцена становится активной» и нажмите «Обновить кэш текущей страницы».
• Звук стикеров не слышен зрителям — в свойствах источника включите «Управление звуком через OBS» и проверьте, что дорожка не заглушена в микшере.
• Стикеры перекрывают интерфейс игры — уменьшите лимит одновременных стикеров в настройках канала или сдвиньте важные элементы сцены.

Streamlabs, XSplit и другие программы

Виджет не привязан к OBS Studio. Подойдёт любая программа с браузерным источником: Streamlabs Desktop, XSplit Broadcaster, Twitch Studio. Логика везде одинаковая — добавить источник типа браузер, вставить ссылку оверлея и выставить размеры по сцене.

Читайте дальше