Как добавить Карточка бинго в OBS
Заполните сетку своими клетками, текстом, изображениями или и тем и другим: и отмечайте их вживую через панель или команду чата !bingo mark по ходу эфира. Выберите, достаточно ли одной линии или нужна вся карточка.
Займёт около 2 минут
По шагам
- 1
Войдите и создайте виджет
Откройте панель Streamities, выберите Карточка бинго и создайте его. Можно сразу настроить внешний вид или оставить значения по умолчанию — URL оверлея работает в любом случае и подхватывает правки на лету.
- 2
Скопируйте URL оверлея
У каждого виджета свой уникальный URL. Скопируйте его на странице виджета в панели: это единственное, что нужно в OBS, и он остаётся действительным — шаг разовый.
- 3
Добавьте Browser Source в OBS
В своей сцене добавьте Источники → Браузер, дайте имя и вставьте URL в поле URL. В Streamlabs и XSplit тот же тип источника под тем же названием.
- 4
Задайте размер 600 × 700
Введите 600 в поле Ширина и 700 в поле Высота. Задавайте размер источника, а не масштабируйте его потом — растянутый Browser Source даёт мыльный текст, потому что OBS увеличивает уже готовую картинку.
- 5
Снимите галочку «Отключать источник, когда он не виден»
С этой опцией OBS уничтожает страницу всякий раз, когда сцена неактивна, а вместе с ней рвётся и живое соединение — выглядит это ровно как виджет, который перестал обновляться. Оставьте её выключенной, поставьте Карточка бинго на место — готово.
Рекомендуемые настройки Browser Source
Отправная точка для Карточка бинго, а не правило — каждый оверлей подстраивается под ту область, которую ему дали. Задайте ширину и высоту здесь, а потом расположите источник в сцене, не меняя его размер.
- Ширина
- 600
- Высота
- 700
- Куда поставить
- Вдоль одной из сторон сцены — он выше, чем шире, и хорошо стоит рядом с основным контентом.
Оставьте трансформацию источника на 100 %. Масштабирование Browser Source постфактум растягивает уже отрисованную картинку — именно от этого текст оверлея выглядит мыльным.
Полезно знать
Полностью свои клетки
Впишите или загрузите то, что хотите видеть в каждой клетке, сами: без записей из чата.
Два способа отметки
Отмечайте клетки через живую доску в панели или позвольте модераторам отмечать их из чата.
Линия или вся карточка
Выберите, побеждает ли любая строка, столбец или диагональ, или нужно отметить всю карточку.
Если ничего не появляется
Источник пустой или чёрный+
Обновите источник (правая кнопка → Обновить) и проверьте, что URL вставлен целиком. Если при первой загрузке чёрный экран, а после обновления всё в порядке — обычно дело в аппаратном ускорении: включите его в OBS в Настройки → Расширенные.
Работало, потом перестало обновляться+
Почти всегда это «Отключать источник, когда он не виден». С этой опцией OBS закрывает страницу при каждой смене сцены, и живое соединение уходит вместе с ней. Выключите её в свойствах источника.
Текст выглядит размытым+
Источник масштабируется. Сбросьте трансформацию (правая кнопка → Трансформация → Сбросить трансформацию) и задайте ширину и высоту в свойствах источника — 600 × 700 это размер для старта.
В сцене неправильный размер+
Меняйте Ширину и Высоту в свойствах источника, а не тяните за углы. Растягивание масштабирует готовую картинку; свойства меняют то, что отрисовывается.
Карточка бинго: частые вопросы
Карточка бинго бесплатен?+
Да. В любом тарифе есть один виджет Карточка бинго с обновлениями в реальном времени и оформлением по умолчанию. Creator+ добавляет неограниченное число виджетов каждого типа, полную кастомизацию, анимации и премиальные шаблоны.
Какой размер Browser Source взять для Карточка бинго?+
Начните с 600 × 700 пикселей, заданных в свойствах источника, а не масштабированием в сцене — виджет сам подстраивается под любую область.
Карточка бинго работает со Streamlabs и XSplit?+
Да. Карточка бинго — обычная веб-страница, поэтому он работает в любой программе для стримов с браузерным источником — OBS Studio, Streamlabs, XSplit и прочих.
Сколько занимает настройка Карточка бинго?+
Пару минут. Создать в панели, скопировать URL, вставить в источник. Оформлением можно заняться позже, прямо в эфире, не трогая OBS.
Нужно ли ставить плагин?+
Нет. Ничего не нужно скачивать и нет плагина, который надо обновлять — Карточка бинго это один URL, и обновляется он на нашей стороне.