Как добавить донат в OBS: алерты, ссылка и полоска сбора.

Коротко: как добавить донат в OBS

1. Скопируй ссылку виджета. В кабинете своего донат-сервиса открой раздел про виджеты, алерты или OBS и скопируй ссылку виджета алертов.
2. Добавь источник. В OBS в панели «Источники» нажми «Добавить» (плюс внизу панели) и выбери «Браузер».
3. Назови его. Например «Алерты». Нажми «ОК».
4. Вставь ссылку. В поле «Адрес URL» вставь скопированную ссылку. Галочка «Локальный файл» должна быть снята.
5. Задай размер. Ширина и высота те, что советует сервис. Если совета нет, поставь 800 на 600. Нажми «ОК».
6. Проверь. Перетащи источник туда, где алерт должен появляться, и отправь тестовый алерт из кабинета сервиса. В сцене появится карточка со звуком.

Это всё, что нужно, чтобы донаты выходили на экран. Дальше подробно: что такое виджет, чем алерт отличается от полоски, откуда берётся звук и что делать, когда вместо алерта чёрный квадрат.

Что такое виджет и откуда берётся ссылка

Виджет это обычная веб-страница с прозрачным фоном, которую держит у себя донат-сервис. Когда приходит донат, сервис отправляет на эту страницу имя, сумму и сообщение, а страница рисует карточку и проигрывает звук. OBS открывает её через источник «Браузер» и кладёт поверх сцены. Ни плагинов, ни отдельных программ для этого не нужно.

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

Где искать. В кабинете любого сервиса есть раздел, который называется «Виджеты», «Алерты», «Оповещения» или «Для OBS». Рядом со ссылкой обычно стоит кнопка «Скопировать» и подсказка по размеру. У каждого виджета своя ссылка: у алерта одна, у полоски сбора другая, у ленты последних донатов третья. В OBS каждый из них добавляется отдельным источником «Браузер».

Можно ли принимать донаты в OBS без сервиса

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

Алерт: карточка с именем и суммой

Алерт это то, ради чего всё затевается: карточка, которая появляется в эфире через несколько секунд после оплаты. На ней имя зрителя, сумма и сообщение, если зритель его написал. Карточка висит несколько секунд и уходит, звук играет вместе с ней.

Если донатов пришло несколько подряд, они выстраиваются в очередь и показываются по одному. Накладываться друг на друга алерты не должны: если у тебя это происходит, значит в сцене два источника с одной и той же ссылкой.

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

Что показывать в сообщении, решаешь ты. У части сервисов есть ограничение длины и настройка, показывать ли текст вообще. Если не хочешь рисковать, оставь только имя и сумму.

Алерт в нескольких сценах

Сцен обычно несколько: игра, разговор, перерыв. Чтобы алерт приходил в любую из них, добавь тот же источник в каждую сцену через «Добавить существующий», а не создавай новый. Копии не будет, ссылка и настройки общие, а карточка появится в той сцене, что сейчас в эфире.

Ссылка на донат в эфире

Алерт показывает донат, который уже случился. Чтобы он случился, зритель должен найти, куда платить. Ссылка на страницу доната кладётся в четыре места сразу: в описание трансляции, в панель под плеером, в закреп чата и в команду чат-бота вроде «!донат». Пятое место это сам эфир: короткая подпись текстовым источником OBS в углу сцены.

Здесь остановимся. Где именно разместить ссылку на каждой площадке, как сделать её короткой и какие ошибки съедают донаты, разобрано отдельно:как добавить ссылку на донат на стрим.

Полоска сбора

Полоска сбора, она же шкала или прогресс-бар цели, показывает, сколько уже собрано и сколько осталось: «На новый микрофон: 6 400 из 15 000». Каждый донат двигает её вперёд, и зрители видят, что их деньги складываются во что-то конкретное. На длинных эфирах это заметно поднимает сумму сбора.

Добавляется полоска так же, как алерт: в кабинете сервиса создаёшь цель, называешь сумму, копируешь ссылку виджета цели и вставляешь её в OBS новым источником «Браузер». Размер лучше брать по ширине холста и небольшой высоты, чтобы полоска легла вдоль нижнего или верхнего края сцены. Когда цель закрыта, её завершают в кабинете и заводят новую, ссылку в OBS при этом менять не нужно.

У banka.bot полоска сбора есть: цель создаётся в кабинете в блоке «Цель сбора», ссылка полоски это та же ссылка алертов с окончанием /goal, а в OBS она встаёт отдельным источником 800 на 200. По шагам со скринами в инструкции Полоска сбора на стриме через banka.bot.

Звук

Звук алерта живёт внутри страницы виджета, OBS его только воспроизводит. Отсюда два следствия. Первое: громкость и сам звук выбираются в кабинете сервиса, а не в OBS. Второе: OBS может считать звук виджета отдельной дорожкой, и тогда он попадает в микшер, как микрофон или игра.

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

Частый случай: зрители алерт слышат, а ты нет, или наоборот. Это мониторинг. В микшере у дорожки виджета открой «Дополнительные свойства аудио» и поставь «Мониторинг и вывод»: тогда звук идёт и в твои наушники, и в эфир. «Только мониторинг» оставит звук тебе и заберёт у зрителей.

Типовые поломки

Чёрный фон вместо прозрачного

Сцену закрывает чёрный прямоугольник размером с источник. Почти всегда причина в том, что виджет добавлен не источником «Браузер», а захватом окна обычного браузера: у окна фон непрозрачный. Удали захват и добавь «Браузер». Вторая причина: в свойствах источника очищено поле «Пользовательский CSS». Верни туда строку по умолчанию: body { background-color: rgba(0, 0, 0, 0); margin: 0px; overflow: hidden; }.

Виджет не показывается

Сначала открой ссылку в обычном браузере: если там пусто или ошибка, проблема в ссылке, а не в OBS. Дальше по порядку: в поле «Адрес URL» ссылка целиком, галочка «Локальный файл» снята, источник не скрыт (значок глаза) и стоит внутри холста, а не за его краем. Если в предпросмотре виджет есть, а в эфире нет, он добавлен не в ту сцену: проверь ту, что идёт в эфир. Если у источника включено «Выключать, когда не виден», он может не успевать загрузиться к приходу алерта: сними галочку.

Звука нет

Проверь громкость в кабинете сервиса, затем дорожку виджета в микшере OBS: она не должна быть заглушена. Если дорожки в микшере нет, а звука тоже нет, включи «Управлять звуком через OBS» и проверь снова. Отдельно посмотри, какое устройство вывода выбрано в настройках звука OBS.

OBS показывает старую версию виджета

Поменял оформление в кабинете, а в сцене всё как было. Источник «Браузер» держит свою копию страницы. В свойствах источника нажми «Обновить кэш текущей страницы» или на секунду скрой и покажи источник. На будущее пригодится галочка «Обновлять браузер, когда сцена становится активной».

«Ссылка недействительна» или пустая страница с ошибкой

Так виджет говорит, что код в ссылке сервису неизвестен. Либо ссылку перевыпустили в кабинете, и старая отключилась, либо она скопирована не целиком. Скопируй заново из кабинета и вставь в OBS полностью.

Алерт приходит с задержкой

Несколько секунд между оплатой и карточкой это норма: сервис сначала получает подтверждение от банка. Если задержка в минуты, проверь очередь в кабинете сервиса и интернет на машине с OBS. Частота кадров источника «Браузер» в 30 достаточна, поднимать её не нужно.