Как вывести чат Twitch на экран во время стрима: все способы

Как вывести чат Twitch на экран во время стрима: все способы

Чтобы вывести чат Twitch на стрим, откройте чат в отдельном окне через меню настроек чата (Popout Chat) и добавьте его как браузерный источник в программу для трансляций (OBS, Streamlabs). Также можно использовать встроенный оверлей в Twitch Studio. Настройте размер и прозрачность, чтобы чат не перекрывал игру.

Чат — важная часть любого стрима на Twitch. Он позволяет зрителям общаться с автором и друг с другом. Многие стримеры выводят чат прямо на экран трансляции. Это делает стрим более интерактивным и позволяет видеть сообщения даже в записи. В этой статье разберём, как вывести чат Twitch на стрим с помощью разных инструментов.

Зачем показывать чат на стриме

Вывод чата на экран решает несколько задач. Во-первых, зрители видят реакцию сообщества в реальном времени. Во-вторых, стример может отвечать на вопросы, не отвлекаясь на отдельный монитор. В-третьих, чат на экране помогает удержать внимание аудитории. Если вы только начинаете стримить, советуем прочитать наше руководство как начать стрим на Twitch.

Как открыть чат Twitch в отдельном окне

Самый простой способ получить чат для вывода на стрим — открыть его в отдельном окне браузера. Это называется Popout Chat. Вот пошаговая инструкция:

  1. Откройте страницу своего канала на Twitch (twitch.tv/ваш_никнейм).
  2. В окне чата нажмите на значок шестерёнки внизу.
  3. В меню выберите пункт «Всплывающее окно чата» (Popout Chat).
  4. Откроется новое окно браузера, в котором будет только чат.
  5. Скопируйте URL из адресной строки этого окна.

Также можно сразу перейти по ссылке вида twitch.tv/ваш_никнейм/chat?popout=, но лучше использовать меню, чтобы не ошибиться в написании ника. Подробнее о настройках чата читайте в официальной справке Twitch.

В этом окне можно изменить размер шрифта: зажмите Ctrl и покрутите колесо мыши. Тему чата (светлая или тёмная) можно переключить в настройках чата — нажмите на шестерёнку и выберите «Тема чата». Эти настройки сохранятся и будут применяться при каждом открытии popout-окна.

Как вывести чат на отдельный экран без вывода на стрим

Если вы не хотите показывать чат зрителям, а просто желаете видеть его на втором мониторе, достаточно открыть popout-чат и перетащить окно на другой экран. Разверните окно на весь экран или настройте удобный размер. Этот способ не требует программ для стриминга и подходит для чтения чата во время игры. Также можно открыть popout-чат на планшете или ноутбуке, если у вас один монитор. Однако учтите, что зрители не увидят сообщений в записи стрима.

Как добавить чат в OBS через браузерный источник

OBS Studio — популярная программа для стриминга. Чтобы вывести чат на сцену, используется источник «Браузер». Следуйте шагам:

  1. Запустите OBS Studio.
  2. В нижней части окна найдите раздел «Источники». Нажмите кнопку «+».
  3. Из списка выберите «Браузер».
  4. В появившемся окне введите название источника, например «Чат Twitch».
  5. В поле URL вставьте ссылку на popout-чат, которую вы скопировали ранее.
  6. Установите ширину и высоту окна. Обычно для чата подходят значения 400–500 пикселей в ширину и 600–800 в высоту. Эти размеры можно будет изменить позже.
  7. По желанию отметьте галочку «Обновлять браузер, когда сцена становится активной». Это гарантирует, что чат будет перезагружаться при переключении сцен.
  8. Нажмите «ОК». Источник появится на сцене.

Теперь вы можете перетащить чат в нужное место и изменить размер, потянув за красные углы. Чтобы чат был поверх игры, в списке источников разместите его выше источника захвата игры.

Если вы используете несколько сцен, можно добавить чат как отдельный источник в каждую сцену. Либо создайте одну сцену с чатом и используйте её как источник через «Сцену» в других сценах. Это упрощает управление.

Если фон чата перекрывает важные элементы игры, можно сделать его прозрачным. Для этого в свойствах браузера (двойной клик по источнику) прокрутите вниз до поля «Каскадные таблицы стилей». Вставьте CSS-код, который убирает фон. Например: body { background-color: transparent !important; }. Однако учтите, что это может снизить читаемость текста. Экспериментируйте с осторожностью.

Как добавить чат в другие программы для стриминга

Многие программы для трансляций поддерживают браузерные источники. Процесс добавления похож на OBS. Например, в Streamlabs Desktop можно добавить браузерный источник точно так же: «+» → «Браузер» → вставить URL popout-чата. Кроме того, в Streamlabs есть встроенный виджет «Chat Box». Он автоматически подгружает чат вашего канала и предлагает настройки внешнего вида. Путь: «+» → «Виджет Streamlabs» → «Chat Box».

В Twitch Studio, официальной программе от Twitch, чат добавляется ещё проще. При создании или редактировании сцены нажмите «Добавить слой» и выберите «Чат». Twitch Studio сама подставит чат вашего канала. Вы сможете настроить положение и размер. Названия пунктов меню могут немного отличаться в зависимости от версии Twitch Studio.

На консолях (PlayStation, Xbox) вывести чат на стрим напрямую нельзя. Но можно запустить стрим через компьютер с картой захвата и добавить чат там.

Практически все современные программы для стриминга поддерживают браузерные источники. Если ваша программа не имеет встроенного виджета чата, просто используйте popout-чат через браузерный источник.

Настройка внешнего вида чата на стриме

После добавления чата на сцену важно настроить его так, чтобы он выглядел аккуратно и не мешал контенту. Вот основные параметры, которые можно изменить:

  • Размер и положение. В любой программе источник можно перетаскивать и масштабировать. Рекомендуем размещать чат в углу экрана, чтобы он не перекрывал основной контент. Старайтесь не размещать чат поверх важных элементов интерфейса игры, таких как миникарта или полоска здоровья.
  • Прозрачность. В OBS можно применить фильтр «Цветокоррекция» к браузерному источнику и уменьшить непрозрачность. Но это сделает полупрозрачным и текст. Лучше использовать CSS для прозрачного фона, как описано выше.
  • Тема чата. В popout-окне переключайте светлую и тёмную тему в настройках чата. Тёмная тема меньше отвлекает, но светлая может быть лучше видна на тёмном фоне игры.
  • Фильтрация сообщений. В настройках чата на сайте Twitch можно отключить показ сообщений о подписках, рейдах, хостах и других событиях. Это уменьшит количество служебных сообщений в чате на стриме. Настройки находятся в том же меню шестерёнки в окне чата. Это особенно полезно во время крупных рейдов, когда служебные сообщения могут заполонить чат.
  • Размер шрифта. В popout-окне меняйте масштаб через Ctrl + колесо мыши. В OBS размер шрифта можно дополнительно настроить через CSS, но это сложнее.

Ниже таблица сравнения основных методов вывода чата:

МетодСложностьГибкость настройкиПлатформа
Popout-чат + OBS (браузерный источник)СредняяВысокая (CSS, фильтры)Windows, macOS, Linux
Встроенный оверлей чата в Twitch StudioНизкаяНизкаяWindows, macOS
Popout-чат без вывода на стримОчень низкаяНизкаяЛюбая (браузер)

Частые вопросы

Можно ли вывести чат на стрим с телефона?

На телефоне нет возможности добавить оверлей чата в приложения для стриминга. Вы можете открыть popout-чат в мобильном браузере и использовать его как второй экран для чтения сообщений. Но для вывода чата на сам стрим потребуется компьютер с программой трансляции. Если вы стримите с телефона через приложение Twitch, чат зрители видят только в самом приложении, но не на экране трансляции.

Как сделать чат прозрачным в OBS?

В свойствах браузерного источника найдите поле «Каскадные таблицы стилей» и вставьте код: body { background-color: transparent !important; }. Это уберёт фон. Если нужно сделать полупрозрачным и текст, используйте фильтр «Цветокоррекция» и уменьшите непрозрачность.

Почему чат не отображается в OBS?

Проверьте, правильно ли скопирован URL. Откройте его в обычном браузере — если чат не загружается, проблема в ссылке. Убедитесь, что источник не перекрыт другими слоями в списке источников. Иногда помогает перезапуск OBS или очистка кэша браузера в расширенных настройках источника (кнопка «Очистить кэш браузера»).

Как вывести чат только для зрителей, но не для стримера?

Если вы добавили чат на сцену, он будет виден и вам в окне предпросмотра OBS, и зрителям в потоке. Чтобы стример не видел чат на своём мониторе, можно вывести окно OBS на второй монитор и не смотреть на него. Но обычно стримеру полезно видеть чат, чтобы реагировать на сообщения. В некоторых случаях стримеры используют отдельный монитор для чата, а на стрим выводят другой источник с задержкой, но это сложная настройка.

Можно ли вывести чат из нескольких каналов одновременно?

Да, можно добавить несколько браузерных источников с разными URL popout-чатов. Однако это увеличит нагрузку на компьютер. Большинство стримеров выводят только чат своего канала.

Как убрать сообщения о подписках и рейдах из чата на стриме?

В окне чата на сайте Twitch нажмите на шестерёнку и отключите опции «Показывать сообщения о подписках», «Показывать рейды» и другие. Эти настройки применяются и к popout-окну, которое вы выводите на стрим.

Как привлечь больше зрителей в чат

Активный чат делает стрим живым. Но чтобы чат был активным, нужны зрители. Если вы только начинаете, можно воспользоваться сервисом Winlike. Он помогает привлечь живых зрителей на Twitch-трансляцию. Для заказа достаточно указать ссылку на канал или стрим — пароль не требуется. Подробнее о накрутке зрителей Twitch читайте здесь. А если вы ещё не начали стримить, ознакомьтесь с руководством как начать стрим на Twitch.

← Все статьи