Найти тему
АйТи Ниндзя

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

Оглавление

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

Пример
Пример

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

-3

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

-4

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

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

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

-5

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

-6

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

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

-7

Копируем сюда:

-8

Готово. Попробуйте написать что-то в чат и проверить, что все работает.

Шаг 4. Меняем стиль чата под себя.

Здесь я вам объясню, как изменить шрифт/цвета в коде, что вы скопировали.

Меняем шрифт

-9

Чтобы поменять шрифт, нам нужно изменить содержимое кавычек везде после font-family. Поищите в интернете "CSS шрифты".

-10

Чтобы поменять цвета, ищем в интернете "HEX цвета ".

-11

Выбираем нужный цвет и меняем его в строке после color.

Этот участок кода отвечает за цвета никнеймов владельца канала, модератора и пользователя соответственно.

извиняюсь за опечатку
извиняюсь за опечатку

Этот участок кода отвечает за сообщения:

-13

Здесь можно также поменять размер шрифта (вместо 18px указать, например, 20).

Далее настроим размер аватарок перед никнеймами:

-14

Думаю, этих параметров вполне достаточно для достижения желаемого результата.

А в нашем телеграм-канале мы делимся бесплатными раздачами игр, не упустите халяву!

Подписывайтесь также на наш Ютуб-канал