Оверлеи чата

Встроен в strAImer: модуль ставится вместе с приложением, скачивать ничего не нужно. Он есть в списке Каталог модулей → Встроенные.

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

Раздел «Виджеты → Оверлей чата» — список оверлеев чата для стрима. Каждый из них самостоятельный: своё оформление, своё поведение и свой адрес для 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 до 2000 и начинается с 70. Это нижняя скорость, а не постоянная: когда сообщения приходят быстрее, чем строка их уносит, она сама ускоряется, чтобы разобрать очередь за несколько секунд.
6. «Показывать сообщение (сек, 0 = не исчезает)» принимает от 0 до 600 и начинается с 15.
7. «Анимация появления» — «Выезд снизу» (по умолчанию), «Выезд сверху», «Затухание», «Выезд слева», «Выезд справа», «Появление (pop)», «Без анимации». «Анимация исчезновения» — «Затухание» (по умолчанию), «Уезд вверх», «Уезд вниз», «Уезд влево», «Уезд вправо», «Сжатие», «Без анимации».
8. «Скрывать команды (сообщения на «!»)» выключено, то есть команды видны.
9. «Авто-цвет ников без своего цвета» включено. Зритель, которому площадка цвета не дала, получает свой постоянный цвет; при выключенной галочке все такие ники берут цвет из раздела «Имя пользователя».
10. «Также показывать в ленте» — шесть галочек: «Донаты», «Битсы», «Подписки», «Фолловы», «Рейды», «Награды канала». Все выключены. Включите нужные, и события появятся в ленте рядом с сообщениями: «ник задонатил(а) 500 RUB», «ник оформил(а) подписку». Донат и битсы показываются вместе с сообщением, которое зритель к ним написал. Это работает только в режиме «Столбик». В режиме «Бегущая строка (снизу)» события не показываются вовсе: ни в OBS, ни в превью, ни в «Тест-режиме». Одинокое «задонатил 500 RUB» посреди чужих реплик читалось бы как чья-то реплика.
11. «Никогда не показывать сообщения от» — список ников в одну строку через запятую или пробел; @ впереди не мешает, регистр букв не важен. Ник сверяется и с логином, и с отображаемым именем. Их сообщения и события в ленту не попадают вовсе. Сюда вписывают чат-ботов, чьи ответы не нужны в эфире.

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

Оформление

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

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

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