Как сделать окно чата в obs

Обновлено: 17.05.2024

Делаем красивый чат на стриме в OBS

Как красиво вывести чат из Ютуба на стрим в OBS? Сегодня я постараюсь вам рассказать, как это сделать максимально просто.

Шаг 1. Создаем обычный виджет чата: источники - браузер

Далее должна открыться такая панель:

Все, что нам нужно сделать - это изменить Адрес URL и СSS стили.

Шаг 2. Копируем адрес чата.

После того, как вы нажали в Ютубе "Начать трансляцию" у вас открылась панель управления трансляцией. Справа вы видите чат. Нужно нажать на три точечки и выбрать открыть чат в новой вкладке.

После того как чат открылся, копируем ссылку сверху и вставляем ее в OBS вместо URL адреса.

Шаг 3. Копируем CSS.

Если вы не поменяете строку CSS, то в OBS он так и будет выглядеть. Скопируйте все стили ОТСЮДА и вставьте в строку CSS.

Как добавить чат в ОБС на стрим - удобная программа в помощь!


Расскажем, как добавить чат в ОБС, чтобы дополнить трансляцию комментариями пользователей! Отказываться от такого важного инструмента нельзя – вы должны вывести на стрим переписку зрителей, это значительно повысит лояльность аудитории! Подробности ниже: читайте наш обзор.

Настраиваем TwoRatChat

Вопрос, как вывести чат в ОБС, занимает многих пользователей – к сожалению, встроенного инструмента в программном обеспечении для стриминга нет. Поэтому придется воспользоваться сторонним софтом, чтобы его добавить.

Не пугайтесь – ничего сложного! Но сначала нужно скачать программу TwoRatChat – можно найти архив с установочным файлом по ссылке. Если наша ссылка не открывается, вы можете сами поискать программу в сети.

Приложение загружено? Давайте же разбираться, как сделать чат в ОБС! Из загруженного архива выбираем файл с именем «TwoRatChat.Main» и открываем его.

  • Кликните по пустому полю правой кнопкой мышки;
  • Из открывшегося контекстного меню выбирайте пункт «Добавить источник чата» ;


  • В поле «Источник…» выбирайте нужный сервис – попробуем использовать Твич;
  • Вводите свой ник в поле «Ник стримера» ;
  • Жмите на кнопку «ОК» , чтобы сохранить внесенные изменения.


Первая часть завершена – мы смогли добавить беседу из нужного сервиса (вы можете использовать не только Твич, но и другие платформы). Продолжаем пытаться добавить чат в Streamlabs или Studio!

  • Жмите правой кнопкой мышки, чтобы вывести контекстное меню;
  • Переходите к пункту «Настройки» ;


  • Во вкладке «Основные» ищите строку «Отображать поверх всех окон» ;
  • Поставьте галочку и сохраните внесенные изменения.


Теперь быстро настроим внешний вид чата для стрима ОБС!

  • Щелкаем правой кнопкой мышки по полю и выбираем пункт меню «Дизайнер скинов…» ;


  • Нажимаем на вкладку «Скин» и выбираем иконку «Новый дизайн на основе щаблонов» ;


  • В поле «Template:» выбираем «TwoRatChat default template» и жмём «Open and edit» ;


  • Настраиваем анимацию появления и исчезновения, выбираем цвет ссылок, фона и текста, выбираем шрифт – и другие пользовательские параметры. Все доступно, понятно, на русском языке;


  • Сохраните внесенные изменения кликом по кнопке «ОК».

Важное уточнение! Чат для ОБС будет работать, если игра запущена в оконном (а не экранном) режиме! Теперь он начнет отображаться поверх трансляции, и вы сможете общаться с пользователями и следить за перепиской, одновременно проводя стриминг.

Как добавить окно

Пришла пора вывести чат на экран в OBS! Все нужные параметры выставили, можно поработать со стриминговой платформой. Не будем заострять внимание на том, как создавать сцену и источник – просто перейдем к делу.

  • Открываем ТуРатЧат;
  • Жмем правой кнопкой мышки по свободному полю и переходим к настройкам;
  • Переходим на вкладку «Основные» ;
  • Находим строку «Сохранить чат как картинку» ;
  • Выбираем нужный путь хранения и задаем желаемое имя;
  • Кликаем по кнопке загрузки.


Сохранили изображение, которое поможет перенести содержимое диалога на экран. Мы рассказываем о том, как вывести беседу в OBS Studio, но вы можете пользоваться инструкцией и для других программ – например, чтобы добавить и поставить чат в Streamlabs OBS. Названия пунктов меню могут отличаться лишь незначительно.

  • Открываем стриминговую платформу и жмем на плюсик в поле «Источник» ;
  • Выбираем раздел «Изображение» ;


  • Указываем путь, куда был сохранен файл чуть ранее;
  • Регулируем размер и перетаскиваем на экране, используя красные маркеры.


Это первый ответ на вопрос, как включить чат в ОБС! Есть альтернативный способ добавить виджет – опробуем его на практике сейчас:

  • Откройте ТуРатЧат, вновь кликните правой кнопкой мыши и вызовите меню настроек;
  • Во вкладке «Общие» ищите строку «Включить локальный сервер» ;
  • Ставьте галочку и копируйте значение, которое находится напротив;


  • Теперь возвращаемся к стриминговой программе и вновь идем к «Источникам» ;
  • Жмем на плюсик и выбираем «Браузер» ;
  • В свойствах ищем поле «Добавить URL» ;


  • Вставляем скопированную нами ссылку и сохраняем внесенные изменения;
  • Тянем за красные маркеры, чтобы поменять расположение и пропорции.

Подробно рассказали, как добавить чат Твич в ОБС Стримлабс или Студио – выбор программы остается за вами. Не пренебрегайте всеми доступными инструментами трансляции и всегда оставайтесь на связи со зрителями, следите за диалогом аудитории.

Как сделать чат на стриме OBS на Твич: настройка и команды

Как вывести чат на стрим OBS на Твиче? Этим вопросом задаются как профессиональные, так и новоиспеченные игроки. Непонимание начинается в тот момент, когда требуется обнародовать чат в трансляции ОБС Студио на площадке Ютуб или Твич. Мы составили пошаговую инструкцию с объяснениями по этому вопросу.

как добавить чат в обс твич

Как добавить чат на стрим OBS Twitch

Здесь есть два канала — TwoRatChat и OBS Studio. Практичнее всего для чата на экране использовать специализированную программу, однако, не все они одинаково полезны. Кроме того, бесплатных и эффективных осталось мало. Почти все требуют плату за использование. Описанные ниже варианты позволяют избежать трудностей с дополнительными софтами.

чат во время стрима

TwoRatChat

Такие действия позволят отображать окно текстового взаимодействия поверх ячейки игры. Внимание! Беседа отображается при том условии, если игра запущена в оконном режиме. Если же она не владеет таким свойством, то потребуется второй монитор.

тестирование чата во время стрима через obs

OBS Studio

Через софт ОБС Студио также возможно вывести вверх иконку чата. Для этого:

Существует еще один способ, как сделать чат на стриме OBS на Твич.

Как настроить чат в ОБС для Твича

Чтобы вывести чат для Твича на экран эфира, существует много программ и разрешений, но наибольшей популярностью пользуется TwoRatChat. Как уже упоминалось, следует перейти в параметры и вывести в активное положение опции «Поверх всех окон» и «Сохранять чат как картинку».

настройка чата в обс для твича

Внимание! Включите функцию локального сервера в TwoRatChat, чтобы он работал в режиме онлайн. Для синхронизации с OBS Studio добавьте источник в подгруппе «Браузер».

Команды чата на Твиче

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

Как отвечать в чате Twitch

как отвечать в чате на твиче

Кликните правой кнопкой мыши по окну и выберите из контекстного меню соответствующую позицию.

Как сделать чат на Твиче только для фолловеров

Выставляя параметры беседы, сделайте ее закрытой для всех пользователей, но доступной для подписчиков.

Делаем прозрачный чат

Редактировать тему диалога возможно в настройках графики.

Как объединить чат Твича и Ютуба

Нажмите правой кнопкой мыши по окну и выберите из контекстного меню соответствующую позицию. Также синхронизацию возможно настроить в параметрах эфира на Youtube.

Что делать, если пропал чат Twitch

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

Как включить чат на стриме Ютуб: активируем функцию


Как включить чат на стриме на Ютубе и начать общаться с подписчиками? Есть несколько способов – подробно обсудим классную функцию платформы и научимся необходимым настройкам прямо сейчас!

Встроенная опция

По умолчанию опция активирована всегда, архив диалога сохраняется вместе с записью трансляции после завершения онлайн-стрима.

  1. Запись переписки не сохраняется, если вы обрезаете сохраненную трансляцию;
  2. Диалог нельзя включить на каналах и трансляциях, предназначенных для детского просмотра.

Кстати, хотели у вас узнать, как думаете, где лучше стримить на Твиче или на Ютьюбе?? Затрудняетесь ответить — тогда вам поможет другая статья на нашем сайте!

Обязательные условия

Напомним, для доступа к онлайн-трансляциям необходимо соответствовать определенным критериям – иначе включить чат на стриме в Ютуб не получится:

  • Не менее 1000 подписчиков;
  • В течение последних 90 дней на вас не накладывались ограничения;
  • Аккаунт пользователя подтвержден.

Инструкция

Теперь вы понимаете, как видеть чат во время стрима YouTube – несмотря на то, что функция уже подключена, стоит найти ее в настройках. Вы сможете отключить и включить ее по мере надобности нужное количество раз.

  • Войдите в профиль и кликните по аватару в верхнем правом углу;
  • Нажмите на кнопку «Творческая студия» ;


  • На панели слева ищите раздел «Менеджер видео» ;
  • Переходите к вкладке «Прямые трансляции» ;


  • Жмите на кнопку «Начать» ;


  • В меню создания нового стрима ищите вкладку «Расширенные настройки »;
  • Вам нужна первая строка – поставьте галочку напротив слова «Включить» .

Готово! Вы узнали, как открыть чат в Ютубе на стриме – никаких сложностей. Если вы заранее активируете опцию, он появится справа автоматически. Хотите попробовать стримить в Youtube на телефоне, читайте как это сделать тут!

Как включить через OBS

Если стандартное меню не удовлетворяет ваших нужд, можно воспользоваться специальным стриминговым программным обеспечением – OBS предлагает настраиваемую панель для общения с подписчиками! Следуйте нашей инструкции, чтобы вывести чат на стриме Ютуб через ОБС.

Важно! Сначала нужно загрузить и установить программу, настроить вещание и битрейт, устройства вывода и другие параметры.

Затем переходим к таким шагам:

  • Загружаем дополнительный плагин CLR Browser Source plugin по ссылке;
  • Открываем на компьютере папку, в которую установили ОБС, открываем директорию «Plugins» ;
  • Распаковываем здесь загруженный файл;
  • Перезагружаем браузер и программное обеспечение.

Переходим к важнейшему – как добавить чат на стрим YouTube в OBS и включить его:

  • Откройте программу и найдите кнопку «Источники» ;
  • Кликните по пункту «Добавить источники» и выберите строку «Browser Source» ;


  • В новой вкладке ищем раздел «Ссылка на диалог»;
  • Открываем профиль на Ютубе и копируем ссылку канала;


  • Возвращаемся и вставляем ссылку в нужное окно;
  • Сохраняем внесенные изменения.

Мы помогли вам включить и настроить чат на стриме на Ютуб? Теперь вы с легкостью запустите общение во время онлайн-трансляций и станете ближе к своей аудитории! Именно понимание нужд пользователей гарантирует каналу успех!

Как добавить чат в обс (OBS Studio) для стрима

Как добавить чат в обс (OBS Studio) для стрима

Советы и хитрости

OBS — невероятно полезное программное обеспечение для потоковой передачи, и вот небольшой совет, который сделает его еще более полезным.

Как добавить чат в обс (OBS Studio) для стрима

OBS, пожалуй, самое популярное приложение для потоковой передачи на планете. Он не только совершенно бесплатный (хотя вам действительно стоит выложить им несколько долларов, если он вам понравится), но и невероятно мощный. Есть множество встроенных функций и здоровое сообщество разработчиков плагинов, которые помогут вам действительно ускорить ваш опыт.

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

Как добавить чат в OBS Studio

Как добавить чат в OBS Studio

Этот метод работает для любого потокового сервиса с функцией всплывающего чата. Это есть у Twitch и YouTube, а также у некоторых небольших платформ, таких как Trovo и DLive. В Facebook Gaming пока нет, но мы поговорим об этой платформе позже.

Чтобы добавить потоковый чат в окно OBS Studio, выполните следующие действия. Для целей этого руководства мы использовали Twitch.

В окне чата на вашем канале выберите всплывающий чат

1. Перейдите на свой канал на выбранной вами потоковой платформе.
2. В окне чата на вашем канале выберите всплывающий чат. На некоторых платформах это также можно назвать всплывающим чатом.

В появившемся окне скопируйте URL-адрес из адресной строки.

8. В соответствующем поле под URL-адресом вставьте URL-адрес из всплывающего окна чата, скопированного на шаге 3.
9. Щелкните Применить.

Теперь у вас будет закрепляемое окно для потокового чата в OBS Studio

Теперь у вас будет закрепляемое окно для потокового чата в OBS Studio, которое вы можете перемещать. Когда вы перетаскиваете его через окно, когда доступно пространство, к которому вы можете прикрепить его, он будет выделяться синим цветом, как на изображении выше. Когда вы пристыкованы, вы можете изменить размер окна по своему усмотрению.

Теперь у вас будет потоковый чат в реальном времени прямо в командном центре OBS без необходимости в окнах браузера или дополнительных дисплеях.

Если вы хотите отключить потоковый чат по какой-либо причине, выполните описанные выше действия, чтобы снова открыть меню Docks, и просто щелкните свой собственный потоковый чат, чтобы выключить его. В OBS Studio в любое время будут видны только доки, рядом с которыми стоит галочка.

Как получить игровой чат Facebook в OBS Studio

Как получить игровой чат Facebook в OBS Studio

Итак, тогда Facebook Gaming. Казалось бы, странный. Но, несмотря на отсутствие функции всплывающего чата на веб-сайте, все еще есть простой способ получить игровой чат Facebook внутри OBS Studio.

Ответ — плагин OBS.Live от StreamElements

Ответ — плагин OBS.Live от StreamElements. Если вы уже используете StreamElements для своих предупреждений и наложений, это не проблема. Но даже если вы этого не сделаете, его можно использовать бесплатно, и у вас будет окно чата Facebook Gaming (оно также поддерживает Twitch и YouTube) внутри OBS Studio.

Просто загрузите плагин и аутентифицируйте свою учетную запись Facebook, и все готово. У OBS.Live есть и другие полезные функции, включая ленту активности и даже управление музыкой. Но даже если вам нужен только игровой чат Facebook, его стоит приобрести.

StreamElements OBS.Live также поддерживает другие сервисы, такие как Twitch, и работает таким же образом, предлагая те же функции. Он автоматически подключится к вашему чату, когда плагин будет установлен и включен, устраняя необходимость добавления вручную, как указано выше. Особенно стоит попробовать, если вы используете StreamElements для управления своими предупреждениями и пожертвованиями Twitch.

Это все, что нужно сделать. Это очень эффективный способ держать ваш потоковый чат под рукой без необходимости открывать отдельное окно.ое окно.

Как вывести чат стрима поверх игры?

Вы можете ознакомится о том как скачать, установить и настроить Restrem Chat из нашего прошлого гайда

При помощи данной программы вы легко сможете не только установить чат на экран своего стрима, но следить за ним прямо поверх игры или приложения.

Чтобы вывести чат стрим поверх игры необходимо зайти в Настройки программы Restrem Chat и перейти в раздел Внешний вид. Выставите галочку Поверх окон и выставите Прозрачность фона на 0%.

Как вывести чат стрима поверх игры

Галочка Click through mode — при зажатой клавиши (по умолчанию левый Ctrl) окно чата можно закрыть, переместить и изменить размер, сворачиваю игру или приложение.

Как вывести чат на экран стрима в OBS Studio

Чат от StreamLabs

Как вывести чат на стрим в OBS Studio, как выводить чат на стриме Твич и Ютуб

Установка и настройка виджета чата StreamLabs простая, но, к сожалению, мало бесплатных тем оформления.

Чат StreamLabs

Чат от Restream Chat

Установка и настройка Restream Chat также проходит быстро. Подробнее об этой программе вы сможете узнать из нашего ранее опубликованного поста

Ссылка для установки чата в OBS Studio находится в настройках Вставка в стрим.

Чат на экран стрима Restream Chat

В отличии от виджета StreamLabs, здесь есть много различных тем оформления чата. Вы легко сможете подобрать стиль под тематику своего канала.

Установка чата в ОБС

Чтобы встроить ваш чат стрима на экран, необходимо скопировать URL виджета и вставить его в OBS Studio

OBS Studio источники

Добавьте к вашей сцене источник Браузер. И вставьте ранее скопированный URL в поле Адрес URL.

OBS Studio источник браузер

Ширину и высоту вы можете не менять, а все настройки по размеру и оформлению чата делать только в самих виджетах StreamLabs и Restream Chat.

Вы также можете оригинально разместить чат на экране стрима, добавив на источник Браузер в OBS Studio фильтр 3D Transform от плагина StreamFX

Как добавить чат на стрим Twitch через OBS бесплатно

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

У многих стримеров на площадке Twitch можно заметить чат прямо поверх их трансляции. Это упрощает просмотр стрима в полноэкранном режиме, ведь ты видишь сразу чат поверх картинки. И любой начинающий стример задаётся вопросом: «А как же сделать так, как у них?». Сейчас мы рассмотрим несколько простых и бесплатных вариантов, как добавить чат на стрим.


Перейдя по ссылке, Вам нужно нажать на кнопку Get It и откроется окно настроек:

Как вывести чат на стрим Twitch через OBS

Также Вы можете выбрать тему None, если владеете знаниями СSS, и настроить чат вручную.

Чат для Twitch тема
Чат для Twitch тема
Чат для Twitch тема

После выбора темы нажимаете на Generate и получаете ссылку для встраивания чата в OBS.

Чат для Twitch
Как добавить чат в OBS:

  1. Копируете ссылку и открываете программу. Кстати, Вы можете прочесть про настройку OBS в нашей другой статье.
  2. На нужной Вам сцене добавляете новый источник «Браузер .
  3. В появившемся окне Вы вписываете название для источника, а далее вставляете ссылку с сайта в графу Адрес URL.
  4. Также там можно изменить ширину и высоту отображаемого чата, настроить FPS для него, отключать ли чат, когда сцена неактивна, обновлять ли чат, когда Вы переходите на эту сцену.

Вот и всё! Ваш чат с помощью сайта NightDev готов.

Streamlabs Chat Box


Зайдя на сайт, Вам нужно будет авторизоваться через аккаунт Twitch и перейти в All Widgets , выбрать Chat Box . Там Вам нужны такие настройки:

Добавить чат Twitch в OBS

Через Streamlabs Вы точно также можете настроить всё вручную через код.

Когда всё будет настроено, нажимаете Save Settings и поднимаетесь вверх страницы. Там Вы увидите ссылку чата. Теперь осталось провернуть ту же схему, что и с NightDev:

  1. Копируем ссылку.
  2. Открываем OBS.
  3. Добавляем на сцену новый источник «Браузер» .
  4. Даем название и вставляем скопированную ссылку.

И в заключение хочу сказать, что преимуществом Streamlabs является то, что купив на сайте Prime, Вам откроется доступ к уже настроенным виджетам чата и не только. Так вы сможете кастомизировать свой стрим с наименьшей тратой времени. И в целом настройка чата выглядит приятнее, нежели через NightDev.

Однако NightDev Kapchat позволяет вам создать чат на стрим всего в пару кликов. Поэтому нужно проанализировать, что Вам нужно и под потребности выбрать способ вывода чата.

Как вывести чат Twitch на экран поверх игры для стримера

Банер как вывести чат

Многие задаются вопросом: «Что делать, если у меня нет второго монитора, но я хочу стримить? Как мне читать чат?». Тут несколько вариантов развития событий. Вы или копите деньги и покупаете второй монитор, или читаете чат с телефона/планшета, или выводите его отдельным окном поверх игры.
Вероятно, что покупка второго монитора вам не по карману. С телефона или же планшета читать попросту неудобно. Остается последний вариант — вывести чат на экран. Об этом мы и поговорим дальше.

Способы вывести чат с помощью приложений

Способов существует несколько. Например, через RutonyChat или же RestreamChat. Однако Rutony не позволяет использовать свой чат, когда Ваша игра находится в полноэкранном режиме.
Также многие способы уже попросту устарели. Так что давайте перейдём к варианту с RestreamChat.

RestreamChat: выводим окно чата на экран

Этот сервис позволяет установить приложение для чата, которое вы можете настроить и расположить поверх всех окон. Для начала вам нужно зайти на сайт RestreamChat и установить саму программу.

Сайт, где скачать чат

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

Настройки чата

Чат на экране в игре

Однако помните, что ваше полноэкранное приложение, такое как игра, должно захватываться через OBS или другой инструмент, как «Захват игры» или «Захват окна».

Вот и всё! Простой и лёгкий вариант, а главное бесплатный. Конечно, второй монитор всё же стоит потом приобрести, ведь это дарит намного больше комфорта и простоты в процессе стриминга. Когда Вы это попробуете, то не сможете больше вернуться к использованию всего одного экрана.

Также через это приложение Вы сможете вывести свой чат ещё и на стрим, чтобы его могли видеть зрители. Если Вам интересны ещё способы, как это сделать, читайте нашу статью «Как добавить чат на стрим через OBS»

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

Читайте также: