Как настроить отображение подписчиков на стриме. Виджеты для OBS Studio.

— это очень многофункциональный сайт. Сайт предоставляет возможность выводить на экран все возможные типы оповещений (фолловеры, сабы, донаты и тд). Проект стремительно развивается и добавляет огромное количество различных нововведений. Благодаря прикрепленному к сайту расширению Steam Labels вы можете выводить на экран своей трансляции десятки различных счётчиков. Например количество подписчиков за определенный период времени, денежные сборы, ник последнего подписавшегося и так далее (о настройке Stream Labels поговорим чуть позже). Stream Labs имеет собственный конструктор оповещений (Follow,Sub,Donate), при правильной настройке эти оповещения будут появляться у вас на экране трансляции. У сайта есть возможность настроить страничку Donate для вашего канала и принимать пожертвования, но мы эту функцию рассматривать не будем, так как существует более актуальный для русских стримеров сервис под названием Donationallerts.

Конструктор оповещений.

Все оповещения прикрепляются к OBS при помощи источника BrowserSource. Последовательность следующая, настраиваете оповещение на сайте, там же получаете уникальную ссылку для этого оповещения, затем добавляете в OBS источник BrowserSource, открываете свойства этого источника и в «URL» копируете ссылку на ваше оповещение. Затем вам останется лишь разместить оповещение на экране и настроить его размер.

Окно BrowserSource.

Обратите внимание на данную картинку. Это генератор ссылок для ваших оповещений. Если у вас проставлены все галки, то у вас будет общая ссылка для всех оповещений. Лично мне такой вариант не подходит. Я использую 3 отдельных BrowserSource. для Follow, Subscriptions и Donate. Каждое из оповещений у меня имеет свой размер и расположение на экране, например Follow самый маленький и без звука, Sub посреди экрана с музыкой, Donate средних размеров с звуковым оповещением. Хотите сделать отдельное оповещение допустим для фолловеров, ставите галку только на Follows, берете сгенерированную ссылку и добавляете её в OBS отдельным BrowserSource.

Генератор ссылок для оповещений

Вы можете настроить 4 вида оповещений: Follow, Sub, Donate, Host. Разберем конструктор на примере оповещения о новом фолловере.

  • Follow Allerts: Enabled/Disabled — Включить/Выключить данное оповещение.
  • Layout — Расположение. Доступно 3 варианта (текст снизу, текст поверх картинки, текст сбоку).
  • Alert Animation — Позволяет настроить анимацию появления и исчезновения вашего оповещения.
  • Message Template — Сообщение которое будет отображаться вместе с оповещением. Есть ряд различных кодов, например {name} будет отображать имя подписавшегося.
  • Text Animation — Вы можете настроить нестандартное отображение текста.
  • Image — Картинка которая будет отображаться вместе с оповещением. Это может быть обычное изображение или GIF.
  • Sound — Звук. У вас есть возможность добавить звуковое сопровождение для своего оповещения. Это может быть музыка, речь или просто набор звуков. Не помню как на Twitch Allerts, но на других сервисах бывало, что требовался файл именно в формате OGG. По этому вот вам ссылка на онлайн конвертер.
  • Sound Volume — Громкость звука.
  • Alert Duration — Длительность оповещения.
  • Font Settings Различные настройки шрифта.
  • Alert Variations Любопытная функция которая позволяет сделать различные варианты оповещений. Эти варианты могут использоваться в случайном порядке либо следовать определенным условиям. Например отслеживать стаж сабскрайберов и отображать для них особые оповещения.

Конструктор Оповещений


Steam Labels

Stream Labels — Это расширение для браузера (возможно только для Chrome, но я не уверен). Найти это расширение вы можете на сайте Streamlabs.com в специальном разделе. При помощи этого расширения можно выводить на экран любую информацию связанную с количеством подписок, донатов и прочего (с Stream Labs). Это расширение должно быть всегда запущено во время стрима, в противном случае информация на экране обновляться не будет.

Окно Steam Labels


Работать с этим расширением достаточно просто. Необходимо освоить парочку кодовых слов таких как имя {name} и количество {count}. Например вы хотите сделать саб гол, ищите в настройках расширения Session Subscriber Count и вводите следующий текст: «Sub Goal {count}/20 Стрим из Психушки». Затем вам нужно найти папку в которой хранятся все текстовые файлы с информацией получаемой с Twitch Allerts (папка расширения). Находите нужный вам текстовый файл в нашем случае это Session Subscriber Count, заходите в OBS добавляете текстовый источник (опция текст из файла) и указываете путь к нашему файлу. Всё готово, теперь на экране у вас будет отображаться счётчик. Вот вам еще один пример, настраиваем отображение последнего фолловера. Выбираем Most Recent Follower и пишет {name} или Last Follower {name}, а дальше делаем всё тоже самое, что и в предыдущем случае.

Папка с файлами


Сайт очень активно развивается, по этому в данном гайде затронуты не все его возможности. Обязательно воспользуйтесь новой функцией Event List и интерактивным стаканом .

DonationAlerts.

DonationAlerts — это сайт в первую очередь направленный на работу с денежными пожертвованиями. Помимо размещения кошельков под стримом, вы еще можете организовать интерактивный Donate с выводом сообщений/картинок/музыки на экран. Как показывает лично моя статистика, 95% людей предпочитают жертвовать деньги именно через подобные системы. На сайте вам необходимо указать свой действующий WMR кошелек (возможно есть уже и другие способы выплат), настроить минимальные суммы пожертвований (рекомендую 20 рублей) и визуально оформить оповещение при помощи конструктора. Так же вам обязательно нужно разместить ссылку с вашей страницей для пожертвований на стриме, лучше всего вмонтировать ссылку в картинку. Для того, чтобы система функционировала корректно вам необходимо во время трансляции оставлять включенным виджет «Последние пожертвования». В этом виджете вы сможете отслеживать последние пожертвования и читать комментарии. Конечно эту информацию я рекомендую разместить на втором мониторе, который у вас должен быть.


Средства люди переводят с различных платёжных систем на сайт, а уже с сайта деньги переводятся вам на WMR кошелек (или другой). Комиссия сервиса не большая, но есть так же и комиссия бота который конвертирует валюты, вот она весьма неприятная. Альтернативной версией DonationAlerts является Stream Labs, но он менее функционален в плане работы с донатами.

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

На сайте вы можете изучать статистику пожертвований и иметь полный доступ к списку пожертвований включающему в себя суммы, имена и комментарии. Так же вы можете настроить различные виджеты. К примеру вы можете сделать так, что бы последнее оповещение о пожертвовании оставалось на экране до тех пор пока его не сменит новое. Есть возможность устраивать сбор средств. Указываете сумму которую хотите собрать, пишите на что производится сбор и добавляете всё это дело в OBS. Все дополнительные виджеты нужно добавлять отдельными BrowserSource источниками, у каждого из виджетов есть своя уникальная ссылка.

Как выглядит сбор средств

Так же как и Stream Labs данный сервис активно развивается, по этому зайдя на него сегодня вы можете открыть для себя много новых функций и изменений, которых еще не было на момент написания данной статьи.

Streamix.

Streamix — простая, удобная и активно развивающаяся программа для вывода списка с последними сообщениями в элегантном виджете, редактирование стримов, таймерами, а также множеством других возможностей (с) Сайт Streamix

На сегодняшний день программа доступна в двух версиях: обычной (бесплатной) и PRO (платной). Скорее всего скоро эта программа появится в Steam и будет доступна для покупки там. Лично мне Streamix интересен только выводом на экран списка донатеров, для меня такой виджет показался очень привлекательным. Однако тут есть еще очень много функций которые могут вам пригодиться. Скачайте программу и самостоятельно ознакомьтесь с их полным перечнем, некоторые возможности видно на картинке ниже.

Окно программы и основные функции (не все)


WishDonate.

Wishdonate — сервис случайных желаний. Как это работает? Поступает донат из различных источников: donationalerts, streamlabs > Запускается рулетка с желаниям > стример выполняет желания в прямом эфире. Данный сайт на данный момент предлагает 2 виджета (анимированная рулетка на экране) и счетчик денег необходимых для следующей прокрутки рулетки. Плюс у вас будет личный кабинет с настройками и общедоступное окно в котором зрители смогу ознакомиться со списком желаний.

Вы можете самостоятельно выбирать суммы по достижению сбора которых будет прокручиваться рулетка. Так же вы можете настроить супер рулетку с более сложными заданиями, запускаться она будет от определенной суммы, которую единовременно должен будет пожертвовать один зритель. Желания вы можете придумывать сама, а можете воспользоваться уже готовой базой. По поводу оплаты и процентов, на момент написания статьи стоимость 1 вращения рулетки (при сборе от 500р) всего 5 рублей, если сборы меньше, то и стоимость вращения меньше. Как мне сказали % выпадения простых желаний по отношению к сложным 2 к 1.

Twitch DJ.

Twitch DJ — Это простой и удобный сервис, для организации интерактивных плейлистов зрителями вашего стрима! Благодаря простому интерфейсу, без особых усилий, вы сможете создать свой канал и прослушивать треки, которые прислали ваши зрители! (c) Сайт Twitch DJ

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

Приступаем к настройке вашего профиля.

Для того, чтобы перейти к настройке, на главной странице кликните на ваш никнейм и выберите пункт “Настройка ”.

Профиль

На странице «Профиль » вы можете изменить регистр вашего никнейма в поле “Display Name ”, электронную почту, аватарку и добавить немного информации “О себе ”.




Турбодоступ

На данной странице можно приобрести “Турбодоступ ” к порталу Twitch за 9$, получив некоторые привилегии, вроде отключения показа рекламы, дополнительных смайлов и другого.


Канал и видеоматериалы

Здесь настраивается внешний вид вашего канала. Подробное оформление канала можно увидеть в разделе “Стримерам Twitch”.

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




Уведомления

Не стоит недооценивать вкладку «Уведомления» . Здесь настраиваются sms и email оповещения о трансляции ваших любимых стримеров, когда кто-то назначает вас модератором на канале и прочее. Уделите время, чтобы правильно настроить данную вкладку.




Подключения

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

Subscriptions (Платные подписки)

Во вкладке «Subscription » отображаются все ваши платные подписки и предоставляемые привилегии. Так же можно отменять подписку, отписываться от каналов (с возвращением оплаты) и следить за временем, которое осталось до окончания того или иного «сабскрайба».


Если остались какие-то вопросы по настройке аккаунта твич — задавайте в комментарии. Поможем вам разобраться 🙂


Привет еще раз начинающий стример!
Несколько слов о том что такое плагин подписчиков твича для OBS. Ты наверное видел у других стримеров твича всплывающие картинки на экране с надписью "новый подписчик" и ником. Не редко такое сопровождается музыкальной вставочкой. Так вот, я расскажу тебе один из простых способов как это сделать.
Заходим на сайт https://www.nightdev.com/projects/



Нас интересует 2 вещи - это Follower Allert и Subscriber Allert. Собственно бесплатный фоловер и платный подписчик.
Настраиваются они одинаково, поэтому рассмотрим один пример.


Теперь его необходимо правильно установить. Для чего сперва распакуем архив.



Запускаем Install и ждем до полной установки.


Запускаем OBS и добавляем новый источник. CLR Browser

И видим окно настроек


Что нам нужно тут сделать? Для начала вернемся на наш сайт и снова нажмем Install for OBS



Но теперь уже нажмем кнопку NEXT
Вбиваем название своего канала с твича, например aces_tv (если канал Twitch.tv/aces_tv)
выбираем цвет и форму картинки
Также можно добавить звуковое сопровождение формата OGG. Если у вас, например есть mp3 файлик то его можно сконвертировать в нужный формат аудиоконвертором


Из следующего окна нужно будет скопировать ссылку для нашего плагина


Также стоит запомнить размер картинки (в моем случае это 580х110)
Проверить работоспособность ссылки можно добавив &preview=true в конце ссылки в вашем браузере
пример



Далее выставляем нашу картинку с подписчиками в нужном месте на экране и пользуемся!
Удачных стримов!