Чат на экране: один оверлей для трёх платформ

Три платформы, один список

Мультистриминг обычно означает следить за тремя окнами чата. Здесь они объединены, и каждое сообщение показывает, откуда оно пришло.

• Иконка платформы слева от каждого сообщения.
• Значки Twitch как картинки; цветные метки ролей — стример, модератор, VIP, подписчик — для YouTube и Kick.
• Эмоции со всех трёх платформ отображаются как картинки, а не как коды.
• Цвет ника, который зритель выбрал на своей платформе.

Один оверлей на сцену

Чат должен располагаться по-разному в сцене с разговором и в игровой сцене: широкая колонка в одной, бегущая строка в другой. Это два разных оверлея, а не один, который вы постоянно переоформляете.

• У каждого оверлея свой дизайн, своё поведение и своя ссылка для OBS.
• Копирование оверлея копирует и его оформление — начните с того, что уже работает, и измените только нужное.
• Переключатель в каждой строке отключает оверлей, не удаляя его; его источник в OBS просто становится пустым.
• Тестовый режим заполняет все оверлеи сразу, чтобы можно было проверить сцены одну за другой.

Как вписать его в сцену

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

• Пузырь, имя, текст и значки стилизуются отдельно: шрифты (включая кириллицу), цвета, размеры, скругления, граница, тень, отступы.
• Три готовых шаблона для начала — Neon, Glass, Minimal.
• Прямо во время редактирования в превью отображается ваш реальный чат, так что вы не стилизуете вслепую.
• Оверлей сам подстраивается под любой размер, который вы зададите источнику в OBS.

Как он ведёт себя на экране

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

• Два варианта расположения: колонка пузырей или одна бегущая строка вдоль низа, когда нет места по вертикали.
• Колонка вмещает столько сообщений, сколько позволяет область — новые появляются снизу, старые уходят сверху с анимацией, и никакой полосы прокрутки.
• Таймер отображения может скрывать сообщение через N секунд или оставлять его, пока оно не будет вытеснено.
• Анимации появления и исчезновения — скольжение с любой стороны, растворение, сжатие или исчезновение — и безопасный отступ, чтобы пузыри не касались края источника.
• Команды, начинающиеся с «!», можно скрывать: чат их видит, а стрим — нет.

Настройка до того, как кто-то напишет

Оформлять оверлей чата на пустом экране — это гадание, поэтому есть способ заполнить его по требованию.

• Тестовый режим отправляет около двух десятков демо-сообщений — с разных платформ, разной длины, с эмоциями и ролями.
• Поток идёт и в превью, и в реальный оверлей OBS, что позволяет настраивать положение и размер, не дожидаясь зрителей.
• Демо-тексты локализованы, как и всё остальное, поэтому они читаются естественно на вашем языке.

Из чего собрано

Каждая часть — отдельный модуль: ставите только нужные, и любой можно убрать, не сломав остальное.

Как начать

1. Создайте оверлей и дайте ему имя — обычно по названию сцены.
2. Скопируйте его ссылку из списка и добавьте браузерный источник в OBS.
3. Оформляйте его рядом с живым превью и используйте тестовый режим, чтобы заполнить его по необходимости.
4. Продублируйте его для следующей сцены и измените то, что должно отличаться.

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

Работает вместе с