Чтобы вывести чат в OBS (Open Broadcaster Software), есть несколько методов в зависимости от того, какой чат и платформу вы используете (например, Twitch, YouTube, или другие). Я разберу максимально подробный процесс на примере Twitch, но аналогичные шаги применимы и к другим платформам.
Шаг 1: Подготовка аккаунта и платформы
Для начала нужно убедиться, что у вас есть:
Аккаунт на Twitch (или другой платформе).
Настроенная трансляция на этой платформе через OBS.
Шаг 2: Использование встроенного чата с платформы (через браузерный источник)
Тwitch предоставляет вам возможность встроить чат в OBS через специальные ссылки. Вот как это сделать:
1. Получение ссылки на чат
Перейдите на свой канал на Twitch.
Откройте чат, и в верхней части окна чата вы увидите значок шестерёнки. Нажмите на него.
В открывшемся меню выберите «Скопировать URL чата» или «Pop-out chat» (если доступно).
Вы получите ссылку, которая будет вести непосредственно на ваш чат.
2. Добавление чата в OBS
Откройте OBS.
В правом нижнем углу выберите «Sources» (Источники) и нажмите на «+».
Выберите «Browser» (Браузерный источник) и нажмите «OK».
В поле «URL» вставьте скопированную ссылку на чат (URL, который вы получили на Twitch).
Настройте размер окна для чата:
Введите ширину и высоту окна. Примерные размеры для чата: ширина 400px и высота 600px (можно настроить по своему усмотрению).
Нажмите «OK».
Теперь чат будет отображаться на вашем экране.
3. Настройка внешнего вида чата
Если хотите настроить внешний вид чата, вам нужно будет отредактировать настройки источника в OBS. Для этого:
В списке источников щелкните правой кнопкой по «Browser» и выберите «Properties».
Вы можете указать такие параметры, как фон, шрифт, размеры текста и цвета чата.
Шаг 3: Настройка чата через сторонние сервисы (например, Streamlabs)
Можно использовать сторонние сервисы для кастомизации чата и улучшения его внешнего вида.
Использование Streamlabs:
Зайдите на сайт Streamlabs и войдите в свою учетную запись (с использованием Twitch или другой платформы).
Перейдите в раздел «Widgets» и выберите «Chat Box».
Настройте внешний вид чата (цвета, шрифт, размер и т. д.).
Нажмите «Save Settings» и скопируйте ссылку, которая будет предоставлена вам.
Вернитесь в OBS, добавьте «Browser» как новый источник, и вставьте скопированную ссылку в настройки браузерного источника.
Это даст вам более гибкую настройку и возможность настроить внешний вид чата без необходимости редактировать HTML и CSS вручную.
Шаг 4: Проверка и тестирование
Теперь, когда чат добавлен, проверьте его в OBS. Если вы стримите, то он будет показывать сообщения ваших зрителей в реальном времени.
Запустите трансляцию или сделайте тестовое стримирование в OBS.
Попросите друга или коллегу написать в чат, чтобы проверить, отображается ли он корректно.
Советы по улучшению работы чата в OBS:
Фоновый цвет: Если ваш чат слишком сливается с фоном видео, добавьте полупрозрачный фон, чтобы сообщения выделялись. Для этого можно использовать CSS в настройках браузерного источника.
Размер шрифта: Убедитесь, что размер шрифта и его цвет читаемы на любом фоне. Можно настроить размеры и шрифт в том же разделе, где вы настраивали URL.
Перелистывание сообщений: Убедитесь, что ваш чат автоматически прокручивает новые сообщения, чтобы они не застревали на экране.
Шаг 5: Дополнительные настройки (опционально)
Стилизация чата: Если хотите, чтобы чат выглядел как часть вашей сцены (себе на экран), можно использовать CSS для тонкой настройки. Например, можно изменить отступы, шрифты, анимацию прокрутки и другие аспекты внешнего вида чата.
Использование Overlay (наложение): Многие сервисы предлагают готовые дизайны чатов, которые можно встроить в OBS. Например, сайты вроде StreamElements или NerdOrDie предлагают кастомные оверлеи, которые включают чат, события и другую информацию.
Заключение
Вот и все основные шаги, чтобы добавить чат в OBS. Метод с использованием браузерного источника — самый удобный и быстрый, но если вам нужно больше настроек, то использование Streamlabs или других сервисов для кастомизации — лучший выбор.
