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