Оверлей в OBS

Карточка билда поверх игры: зрители видят, с чем вы идёте в рейд, и во что он собран. Билд меняется на сайте — картинка у зрителей меняется сама, лезть в OBS между рейдами не нужно.

Собрать билд Адрес для OBS появится после того, как вы нажмёте «Показать в оверлее» на странице любого билда.

Как добавить

На странице управления нажмите «Скопировать» под адресом для OBS. Открывать его не нужно — копируется он закрытым.
В OBS: Источники → + → Браузер (в английском интерфейсе — Browser). Имя любое.
Вставьте адрес в поле URL.
Ширина 560, высота 1080. Высота нарочно во весь экран: пустое место прозрачно и в кадре его не видно, а вот длинный билд источник бы обрезал.
Остальное трогать не нужно. ОК — и поставьте карточку куда удобно.

Галочки, о которых спрашивают

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

Смена билда

Откройте нужный билд и нажмите «Показать в оверлее». У зрителей поменяется в течение пяти секунд. Адрес в OBS остаётся тем же — он и заведён ради этого.

Пока билд не выбран, зрители не видят ничего: ни надписи «выберите билд», ни ошибки. Это сцена стрима, и любая надпись здесь легла бы поверх игры.

Вид карточки

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

Переключается на сайте и доезжает до зрителей тем же опросом, что и смена билда, — в течение пяти секунд. Адрес в OBS при этом не меняется.

Язык названий

В конце адреса стоит ?lang=ru. Замените на ?lang=en — предметы станут называться по-английски. У встроенного браузера OBS нет ни выбора языка, ни памяти о нём, поэтому язык и живёт прямо в адресе.

Чего не показывать в кадре

Аккаунтов на сайте нет, и оверлеем распоряжается тот, кто знает ссылку восстановления. Она одна и есть секрет — берегите её, как берегли бы пароль.

Сама страница управления в кадре безопасна: обе ссылки на ней закрыты точками и открываются только по нажатию, а открытое закрывается само через двадцать секунд.
Адресная строка тоже безопасна — ключа в ней нет. Ссылка восстановления срабатывает один раз и сразу уводит на чистый адрес /overlay/control.
⚠️ А вот история браузера и подсказки адресной строки ссылку восстановления помнят. Если браузер попадает в кадр — заведите закладку на /overlay/control и заходите через неё, а историю не листайте.
Адрес показа — не секрет в том же смысле: кто его увидит, тот сможет разве что смотреть вашу карточку у себя. Менять её он не сможет.

Если ключ всё-таки засветился

На странице управления есть «Перевыпустить ключи». Обе ссылки умирают сразу, выбранный билд остаётся. Цена одна: адрес в OBS придётся вставить заново — старый перестанет работать в ту же секунду.

Худшее, что может сделать чужой с вашим управляющим ключом, — сменить билд в кадре. Ни данных не теряется, ни доступа к чему-то ещё: оверлей умеет ровно одно.

Если оверлей потерялся

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

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