Как установить виджеты Donatty в Streamlabs OBS, XSplit Broadcaster и Twitch Studio
Каждый стример подбирает для себя максимально удобные программы для стриминга. Хотя подавляющее большинство предпочитает OBS (Open Broadcaster Software ) , часть стримеров пользуется такими программами как Streamlabs OBS, XSplit Broadcaster, и Twitch Studio.
Donatty может работать с каждой из них. Рассмотрим размещение виджетов Donatty на примере виджета сбора средств.
Мы надеемся, что на момент установки ссылок вы уже прочитали наши инструкции по настройке оповещений и виджетов.
Копируем ссылку на виджет
Проходим в личный кабинет стримера на вкладку Виджеты. Ссылку на виджет можно найти в верхней части экрана страницы настроек. Чтобы скопировать ее, достаточно нажать на кнопку справа от строки со ссылкой.
Устанавливаем виджеты Donatty в Streamlabs OBS
Интерфейс этой программы очень похож на Open Broadcaster Software.
Переходим в Streamlabs OBS, в панели Источники нажимаем на кнопку + и выбираем Браузер. Вводим название, например «Виджет сбора», и нажимаем Добавить источник. В появившемся диалоговом окне вставляем скопированную нами ранее ссылку в поле Адрес URL и нажимаем Готово. Располагаем виджет в окне трансляции.
Устанавливаем виджеты Donatty в XSplit Broadcaster
Переходим в XSplit Broadcaster. В панели, расположенной в нижней части окна программы нажимаем на кнопку Add Source и выбираем Webpage. В появившемся диалоговом окне вставляем скопированную нами ранее ссылку в поле URL и нажимаем ОК. Располагаем виджет в окне трансляции.
Устанавливаем виджеты Donatty в Twitch Studio
Переходим в Twitch Studio и выбираем макет трансляции (сцену), на которой будет установлен виджет. Например, Основной. В разделе Слои нажимаем на кнопку +. В появившемся диалоговом окне выбираем Источник браузера и нажимаем Добавить. Вводим название источника, например «Виджет сбора», и вставляем скопированную нами ранее ссылку в поле Веб-страница. Располагаем виджет в окне трансляции и нажимаем Сохранить.
Как вывести полоску цели на стрим
Полоска цели — очень распространенный виджет на стримах популярных стримеров. Это специальная полоска, заполняющаяся по мере сбора донатов — обычно на ней указывается цель сбора и количество дней, оставшееся до его завершения.
Чтобы сделать такую полоску в Donatty, нам будет нужно воспользоваться виджетом типа Цель. Для этого надо:
- Найти в списке стандартный виджет цели или создать новый;
- Настроить виджет цели по своему вкусу;
- Вывести его на стрим;
- Посмотреть на его работу на странице доната
Находим или создаем виджет сбора средств
При регистрации пользователя, система автоматически создает все стандартные виджеты, в том числе и виджет цели. Он называется Сбор средств. Найти его можно в одноименной группе в разделе Виджеты.
Если вы случайно удалили виджет или просто хотите создать новый, то можно воспользоваться кнопкой Создать виджет и в меню выбрать Сбор средств.
Настраиваем полоску цели для стрима
На экране настроек виджета сбора средств можно почти полностью изменить то, как будет выглядеть и работать виджет. Но в этот раз мы разберемся только в том, как:
- изменять целевую и стартовую суммы на полоске цели
- изменять заголовок и текст на полоске цели
Целевая и стартовая сумма на полоске цели
Целевая и стартовые суммы — это те суммы, от и до которых будет идти сбор средств. Они выводится на самой полоске цели, в формате «Собрано
Эти параметры можно в любой момент поменять в настройках виджета, в блоке Цель сбора.
Важно: параметр «Начать сбор с» можно менять в любое время. Например, если вы получаете часть средств способом, который не отражается в Donatty, то вы можете просто увеличивать эту сумму вручную.
Заголовок и текст на полоске цели
Заголовок — это текст, в котором обычно указывают цель сбора средств. Он отображается где-то рядом с полоской цели, но за ее пределами.
Настроить его можно в настройках, во вкладке Заголовок.
Текст, который отображается на полоске цели, также можно настраивать. Для этого зайдите во вкладку Цель в настройках виджета. Для настройки этого текста удобно использовать теги, указанные под полем Текст цели.
Добавляем полоску цели на стрим в OBS
Когда настройка виджета сбора средств завершена, нам нужно добавить его на стрим. Сначала копируем ссылку на виджет, ее можно найти в верхней части экрана настроек виджета. Чтобы скопировать ее, достаточно нажать на кнопку справа от строки со ссылкой.
Затем переходим в OBS, в панели Источники нажимаем на кнопку Добавить и выбираем Браузер и вводим название источника, например «Полоска цели». В появившемся диалоговом окне вставляем скопированную нами ранее ссылку в поле Адрес URL и нажимаем ОК.
На этом процесс добавления виджета завершен.
Блок цели на странице доната
После того, как вывели виджет сбора средств на стрим (или хотя бы просто добавили в активную сцену в OBS), на странице доната появится блок с целью доната.
Если у вас всего одна цель сбора средств, то она будет выбрана для всех донатов по умолчанию. Однако, если создать несколько виджетов цели и вывести их на стрим, то в блоке цели на странице доната у донатера появится выбор цели.
Как добавить виджет в обс
This article will describe how to embed an alert widget in OBS Studio using Browser Plugin.
Step 1: Check for Browser Plugin
The most convenient way to embed a widget in OBS Studio is to use Browser Plugin. So you should be sure that Browser Plugin is installed before you continue.
Note that Browser Plugin is included with the official OBS Studio installer, so you probably already have this plugin installed.
Step 2: Add the widget
In the «Alerts» section of your control panel, find and copy your unique OBS, XSplit, or Kast link. In OBS Studio, right-click in the «Sources» list. Select «Add», then «BrowserSource».
In the window that appears, enter a name for the new source, e.g. «DonationAlerts Notification Widget». Click «OK». In the properties window that appears, enter the previously copied link in the «URL» field.
To edit an existing widget’s settings, right-click on the widget in the «Sources» list and select «Properties».
That’s it!
In the «Alerts» section of the control panel, click «Add test alert». The alert should appear in your OBS Studio.
To change the size of the widget, edit the «Width» and «Height» values in the source’s properties window.
Как вывести список событий на стрим
Чтобы зрители всегда были в курсе что происходит на вашем стриме, рекомендуем использовать виджет, который отображает список последних событий. Он показывает последние донаты, которые вам отправили, а также события Twitch и YouTube. Например, здесь можно увидеть ники зрителей, которые недавно зафолловили ваш канал, последние полученные награды за баллы канала, или донат из Супер чата.
Создаем виджет
Вы можете использовать стандартный виджет События на стриме или создать новый с помощью кнопки Создать в правом нижнем углу.
Настраиваем виджет
Выбираем источники данных и условия
В блоке Источники данных выберите те источники и события, которые должны отображаться в виджете. Если здесь нет нужного источника данных, то его можно подключить. Для этого нужно нажать на Подключить новый источник.
В блоке Условия укажите диапазоны для которых должны появляться события в списке. Например, если вы хотите, чтобы в виджете событий отображались только приобретение определенных наград за баллы канала, то нужно отметить эти награды в выпадающем списке.
Оформляем внешний вид виджета
На вкладке Стиль выберите порядок отображения новых событий в списке: снизу вверх или сверху вниз.
На вкладке Свойства настройте список: количество строк, расстояние между ними и высоту фона данных.
Также можно настроить анимацию списка: как будут появляться и исчезать события в списке, с какой скоростью и т. д.
При необходимости включите фильтры ссылок, мата и плохих слов и настройте цвет фона вашего виджета.
Как настроить фильтры мата и плохих слов можно прочитать в инструкции.
Оформляем внешний вид виджета
На вкладке События можно выполнить общие настройки, а также настроить внешний вид каждого типа событий по отдельности.
- размер шрифта;
- отображение тени (цвет, размытость, смещение);
- отображение обводки (цвет и толщина).
Для каждого типа событий можно загрузить свою иконку. Максимальный размер файла 20 Мб. Допустимые форматы: gif, jpg, jpeg, png, apng, webp, webm, mp4.
С помощью переключателя настройте где иконка будет отображаться — справа или слева от текста события.
Теперь настроим шаблон для каждого типа событий. Шаблон состоит из статичного текста и тегов — специальных переменных в фигурных скобках. Когда на стрим приходит какое-то событие статичный текст не меняется, а вот вместо тегов подставляются соответствующие значения.
Например, в шаблоне для события о новом донате вместо подставится ник донатера, вместо появится сумма доната, а вместо — сопровождающее сообщение.
Подробнее о тегах и как их использовать в настройках виджетов можно посмотреть в инструкции.
Можно настроить свой шрифт для текста шаблона, а также для каждого тега по отдельности.
Также можно управлять цветами, прозрачностью и другими свойствами.