Вывод чата в OBS Studio¶

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

¶Способы вывода чата

В OBS Studio предусмотрено несколько подходов к отображению чата:

¶Встроенный источник «Чат»

Самый простой способ — использовать нативный источник OBS, разработанный совместно с Twitch.

Порядок действий:

1. Открыть OBS Studio и перейти на нужную сцену.
2. В окне «Источники» нажать «+» и выбрать «Чат» (Chat).
3. Выбрать платформу (Twitch, YouTube Live, Facebook Gaming) и авторизоваться через OAuth-окно.
4. Подтвердить доступ — OBS получит токен для чтения чата.
5. Сообщения появятся поверх сцены в виде прозрачного текстового слоя.

Настройки источника позволяют изменить шрифт, размер, цвет текста, фон, количество отображаемых строк, скорость прокрутки и положение сообщений (новые сверху или снизу). Доступна опция «Показывать только подписки/донаты», а также фильтрация по длине сообщения.

¶Браузерный источник и оверлеи

Для платформ без нативной поддержки (VK Видео, Trovo, Kick и другие) используется источник «Браузер» (Browser). Он загружает HTML-страницу по URL и отображает её как прозрачный слой.

Популярные решения:

• StreamElements / Streamlabs — генерируют персональный URL виджета чата с настройкой темы, анимаций появления сообщений, эмодзи и бейджей.
• Chatty — автономное Java-приложение, подключаемое к IRC-серверу Twitch; выводится через захват окна.
• Nerd or Die Chat Overlay — HTML-шаблоны с кастомным оформлением.

Настройка браузерного источника:

1. В OBS нажать «+» → «Браузер».
2. Вставить URL виджета.
3. Задать ширину и высоту (обычно 400×600 для чата).
4. Включить «Выключить источник, когда он не отображается» для экономии ресурсов.

¶Кастомизация оформления

Чат можно стилизовать под оформление канала:

• Шрифт и цвет — встроенный источник позволяет выбрать гарнитуру, размер и цвет текста, а также цвет фона сообщений.
• Эмодзи Twitch — встроенный источник отображает битовые и подписочные эмодзи в исходном размере.
• Бейджи — иконки модератора, подписчика, VIP отображаются рядом с ником.
• Анимации — через браузерные оверлеи доступны эффекты появления, плавного исчезновения, покачивания.

¶Размещение на сцене

Чат размещают как обычный источник:

• Перетаскивание мышью для изменения положения.
• Растяжение за углы с зажатым Shift для пропорционального масштабирования.
• Использование фильтров «Обрезка» (Crop/Pad) для скрытия лишних элементов.
• Размещение в отдельной группе источников для удобного включения/выключения.

¶Решение типичных проблем

Чат не отображается. Причина — истёкший OAuth-токен. Решение: удалить источник, создать заново, заново авторизоваться.

Сообщения дублируются. Возникает при одновременно открытом источнике «Чат» и браузерном оверлее. Достаточно оставить один источник.

Эмодзи не отображаются. Встроенный источник поддерживает только эмодзи Twitch. Для кастомных эмодзи бота нужен браузерный оверлей.

Чат «съедает» игру. Браузерный источник может потреблять ресурсы GPU. Решение — понизить FPS источника (например, до 10–15) в настройках браузерного источника.

Низкая читаемость. Помогает добавление фильтра «Тень текста» (Drop Shadow) или «Контур» (Outline) к источнику чата.

¶Особенности для Twitch

Встроенный источник «Чат» тесно интегрирован с Twitch: поддерживает Cheer-сообщения с битами, отображает анимированные GIFT-эмодзи, показывает бейджи Prime-подписки. Для модерации поверх чата можно выводить отдельный слой с командами бота (Nightbot, StreamElements Bot).

¶Особенности для YouTube

При подключении YouTube-чата OBS запрашивает доступ к аккаунту Google. Сообщения Super Chat выделяются цветом в соответствии с суммой пожертвования. Кастомные эмодзи канала отображаются корректно.

Источники: документация OBS Studio, справка Twitch Developer, руководства StreamElements и Streamlabs.