Оверлеи чата

Что это за страница

Раздел «Виджеты → Оверлей чата» — список оверлеев чата для стрима. Каждый из них самостоятельный: своё оформление, своё поведение и свой адрес для OBS — широкий столбик на разговорной сцене, тонкая строка внизу на игровой. Сами оверлеи вставляются в OBS как Browser Source, а на этой странице они собираются.

Список

Каждый оверлей — строка: тумблер, имя, короткая сводка поведения, ссылка для OBS с кнопкой «Копировать» и кнопки «Дублировать», «Удалить» и «Настроить».

• «Создать виджет» в шапке заводит оверлей и сразу открывает его настройки.
• «Настроить» открывает настройки этого оверлея, «К списку» возвращает обратно.
• Тумблер решает, рисует ли оверлей что-нибудь. Выключенный оставляет свой источник в OBS пустым — сам оверлей не удаляется и настройки не теряет.
• «Дублировать» копирует поведение и оформление, ради чего обычно и копируют: начать с того, что уже работает, и поменять одну вещь.
• «Удалить» переспрашивает и предупреждает, что ссылка перестанет работать.
• Имя в шапке настроек, рядом с «К списку», нужно только списку — зрители его не видят.

Как это настроить

Страница устроена как редактор из трёх частей: слева список разделов, посередине превью на клетчатом фоне, справа настройки выбранного раздела. Живой чат идёт в превью по мере поступления.

Как попасть в OBS

1. Нажмите «Копировать ссылку» в шапке — кнопка отвечает «Ссылка скопирована!».
2. Вставьте её в Browser Source в OBS. Оверлей занимает источник целиком, поэтому его размер и решает, сколько сообщений помещается.
3. «Тест-режим» над превью пускает выдуманный чат через приложение, поэтому его видно и в настоящем источнике OBS. Кнопка становится «Стоп»; уход со страницы тоже гасит поток.
4. −, проценты и + — это «Уменьшить» и «Увеличить» для превью, от 50 % до 200 %. В OBS они ничего не меняют.

Поведение

1. Выберите в списке разделов «Поведение». Эти настройки записывает кнопка «Сохранить» в шапке, она сообщает «Настройки сохранены».
2. «Режим отображения» — «Столбик» или «Бегущая строка (снизу)».
3. «Направление сообщений» — «Снизу вверх (Новые снизу)» или «Сверху вниз (Новые сверху)».
4. «Прижать ленту к» — «Верхнему краю (растёт вниз)» (по умолчанию) или «Нижнему краю (растёт вверх)». Настройка про то, где копится лента, пока сообщений мало: при верхнем крае первое сообщение эфира стоит вверху источника и лента растёт вниз, при нижнем — прижата к низу. Когда источник заполнился, старые сообщения уходят в обоих случаях.
5. «Скорость бегущей строки (px/сек)» принимает от 20 до 300 и начинается с 70.
6. «Безопасная зона / отступ (px)», от 0 до 200, — прозрачный отступ вокруг сообщений, чтобы анимации не обрезались у края. В превью он подсвечен зелёным, в оверлее OBS — нет.
7. «Показывать сообщение (сек, 0 = не исчезает)» принимает от 0 до 600 и начинается с 15.
8. «Анимация появления» — «Выезд снизу» (по умолчанию), «Выезд сверху», «Затухание», «Выезд слева», «Выезд справа», «Появление (pop)», «Без анимации». «Анимация исчезновения» — «Затухание» (по умолчанию), «Уезд вверх», «Уезд вниз», «Уезд влево», «Уезд вправо», «Сжатие», «Без анимации».
9. «Скрывать команды (сообщения на «!»)» выключено, то есть команды видны.
10. «Авто-цвет ников без своего цвета» включено. Зритель, которому площадка цвета не дала, получает свой постоянный цвет; при выключенной галочке все такие ники берут цвет из раздела «Имя пользователя».
11. «Также показывать в ленте» — шесть галочек: «Донаты», «Битсы», «Подписки», «Фолловы», «Рейды», «Награды канала». Все выключены. Включите нужные, и события появятся в ленте рядом с сообщениями: «ник задонатил(а) 500 RUB», «ник оформил(а) подписку». Донат и битсы показываются вместе с сообщением, которое зритель к ним написал.
12. «Никогда не показывать сообщения от» — список ников через запятую. Их сообщения и события в ленту не попадают вовсе. Сюда вписывают чат-ботов, чьи ответы не нужны в эфире.

Проверить, как события выглядят, можно не дожидаясь настоящего доната: включите нужные галочки, сохраните и нажмите «Тест-режим» над превью. В поток добавятся показательные донат, битсы, подписка, фоллов, рейд и награда — ровно те виды, что вы включили.

Оформление

1. Остальные разделы — «Подложка», «Имя пользователя», «Текст сообщения» и «Значки». Правки сразу видны в превью и сохраняются сами; кнопка «Сохранить» в шапке нужна разделу «Поведение».
2. «Подложка» — «Цвет фона», «Скругление», «Внутренний отступ», «Зазор между сообщениями», «Граница», «Тень».
3. «Имя пользователя» — «Цвет ника», «Размер», «Толщина шрифта», «Шрифт», «Тень ника». «Текст сообщения» — «Цвет текста», «Размер текста», «Шрифт текста», «Высота строки», «Тень текста». У раздела «Значки» одна настройка, «Размер значка», — для значков площадки и ролевых меток рядом с ником.
4. Наверху списка разделов стоит «Оформление»: там «Готовые» виды — «Неон», «Стекло», «Минимализм» — и ваши сохранённые шаблоны. Выберите один и нажмите «Применить»; подтверждение скажет, что именно заменится. «Сохранить» с полем «Название шаблона» запоминает текущий вид как свой шаблон, «Удалить» убирает его. Выбор своего шаблона возвращает его имя в поле, а кнопка читается «Обновить»: сохранение перезаписывает этот шаблон, а не оставляет рядом вторую копию.
5. «Сбросить оформление» в шапке снимает то, что вы настроили руками; дальше вид идёт по теме приложения.

Чего здесь нельзя

• Тест-режим наполняет все оверлеи разом, а не тот, что открыт: это поток демо-сообщений по шине, а её слушают все.
• Ссылка, скопированная до появления списка, продолжает работать и показывает первый оверлей — старые источники в OBS не сломались. Перенаправить её на другой оверлей нельзя, вместо этого скопируйте ссылку нужного.
• Настройки «сколько сообщений на экране» нет. Столбик показывает столько, сколько влезает в высоту источника, а самые старые убираются, освобождая место.
• Бегущая строка не считается ни с направлением, ни с обеими анимациями, ни с таймером показа: сообщения просто едут к левому краю и там пропадают.
• Того, что пришло до открытия оверлея, в нём нет — он начинается пустым и наполняется со следующего сообщения.
• Скрыть можно только команды. Фильтра по зрителю, по слову или по площадке нет, и убрать площадку из оверлея нечем.
• Значки и смайлики приходят с площадки как есть; ваш здесь только их размер.
• Значки битсов показываются тоже. Битсы отправляются словом внутри сообщения — «Спасибо Cheer100», — и на его месте оверлей рисует тот значок, который выбрал зритель.
• Ни размер, ни положение оверлея тут не задаются — это дело самого Browser Source в OBS.