VIBE FAMILY

Streamer Hub

Discord отвечает за доступ к серверу, Twitch — за личность стримера и модераторов. Никаких ручных ников и Discord ID.

Войти через Discord

STREAMER IDENTITY

Твой VIBE-профиль

VIEWER
Twitch
Доступ
Streamer Space
Персональное приглашение
Streamer Control Center
Основные подключения, OBS и виджеты в одном месте.
Twitch
—
DonationAlerts
—
OBS
—
Публичная страница
—
Event Goal
—
Custom Chat
—
Открыть страницу Скачать Event Goal
Последняя активность
Последние изменения твоего Streamer Hub.
0 событий
Загрузка…
Стать стримером VIBE

Заявка создаётся строго из подключённого Twitch-профиля. Имя, avatar и Twitch ID берутся напрямую из Twitch.

Заявка отправлена
Профиль Twitch уже подтверждён. Осталось одобрение администратора Discord. Повторная заявка не создаёт роли или категории.
LIVE CARD

Оповещение о стриме

Сообщение
Роли
V2 больше не переименовывает и не перекрашивает Discord-роли из сайта. Роль закрепляется за стримером и используется только для доступа/приглашений.

Переменные: {streamer}, {title}, {game}, {viewers}, {url}

VIBE STREAM RUNTIME

OBS & Виджеты

OBS offline
MAIN INSTALL

VIBE OBS Plugin

Один локальный runtime для быстрых событий, обновляемых виджетов и единой настройки через сайт или OBS Dock.
Local widgetsRealtime eventsRemote configOBS Dock
Скачать VIBE OBS
Windows x64 · checking…
release manifest · checking…
Привязать OBS Plugin
В VIBE Dock нажми Pair OBS, затем введи сюда 8-значный код.
Краткая установка
Установи плагин → перезапусти OBS → открой VIBE Dock → привяжи OBS к аккаунту → устанавливай виджеты из каталога ниже. Настройки сайта и Dock используют один config.
OBS Runtime
Загрузка…
Источники событий
DonationAlerts Provider
Проверка…
VIBE получает донаты напрямую через официальный DonationAlerts realtime API.
OBS telemetry
Heartbeat устройства, версия OBS/плагина и последние подключения.
stable runtime · …
Загрузка telemetry…
Runtime на самом ПК приходит из heartbeat OBS Plugin; stable runtime сервера показывается отдельно для сравнения.
WIDGET CATALOG

Виджеты

◒
Event Goal
Заполняй любую форму донатами, сабами, фоллоу, bits, raid или custom event.
⌄
Live Preview
Soft Fill
fallback shape
EVENT GOAL0 / 100
35%
Якорь предпросмотра500
500
500 = центр рамки 1000×1000. Двигай якорь, чтобы посмотреть текст выше или ниже рамки без растягивания Preview.
Какие события заполняют форму
Источники
CUSTOM SHAPE TEMPLATE
Сначала скачай шаблон формы
mask.png и frame.png обязаны оставаться в одной системе координат 1000×1000. Не обрезай холст после редактирования.
Скачать шаблон
Шаблон ещё не скачан — загрузка своей формы заблокирована.

Движок рисует жидкость только внутри mask.png. frame.png всегда лежит отдельным слоем сверху и не изменяется.

1. mask.png
Белая/непрозрачная область = доступная жидкость.
Не загружена
2. frame.png
Вся декоративная PNG поверх анимации, внутренняя жидкость должна быть прозрачной.
Не загружена

PNG до 3 MB. Preview обновляется сразу после загрузки.

Custom SVG particle
Звёздочка, лепесток, сердечко, руна — одна векторная частица, которую движок размножает внутри жидкости.
Стандартные пузырьки
Маска области частиц
PNG 1000×1000. Непрозрачная область разрешает частицы, прозрачная запрещает. Она пересекается с основной маской жидкости.
Не загружена — используется вся жидкость

SVG проходит проверку: scripts, обработчики событий и внешние ресурсы запрещены. Максимум 384 KB.

VIBE OBS

Нативный VIBE Runtime

Минимальная задержка, конфиг и ассеты синхронизируются с VIBE автоматически.
STREAMELEMENTS

Custom Widget

Создай Custom Widget и один раз вставь код ниже. После этого дизайн, mask/frame и настройки берутся из VIBE.
1.StreamElements → Overlays → New Overlay → Add Widget → Custom Widget. После добавления выставь ширину Custom Widget 1000 px; для стандартного ±300 px запаса по тексту рекомендуем высоту 1600 px. Сам код внутри iframe не может надёжно изменить внешний размер блока редактора StreamElements.
2.В HTML вставь <div id="vibe-root"></div>.
3.В JS вставь bootstrap-код:
Remote config Native SE events VIBE broadcast bridge — следующий этап
Установи VIBE OBS Plugin
Главная кнопка находится сверху страницы. После установки перезапусти OBS.
Привяжи OBS
Открой VIBE Dock и подключи устройство к аккаунту.
Выбери события
Donation, Subscription, Gift Sub, Follow, Bits, Raid или Custom Event.
Загрузи форму
mask.png определяет внутреннюю область жидкости, frame.png лежит поверх неё.
Настрой движение
Soft Fill для спокойного наполнения или Volume Flow для иллюзии объёмной вращающейся жидкости.
Проверь Preview
Ползунок и кнопки работают без реального события. После подключения Runtime тест можно будет отправлять прямо в OBS.
Настройки сайта станут тем же config, который будет редактировать OBS Dock.
▤
Custom Chat
Twitch chat для OBS с Twitch emotes, badges и 7TV.
⌄
Live Preview
Предпросмотр оформления
Twitch —
M NembaVx: Добро пожаловать в VIBE ✨
S Azure_Kot: Custom Chat уже выглядит как настоящий Browser Source
viewer: 7TV 💜 Twitch emotes
OBS Browser Source
Этот URL можно добавить в OBS → Browser Source. Аккаунт VIBE и OAuth-токены через него не раскрываются.
Цвета
Загрузка…
✦
Alert Box
Следующий модуль: локальные alerts с тем же Event Gateway.
Скоро
≋
Event Feed
История последних событий с локальным кешем.
Скоро
PUBLIC IDENTITY

Моя страница

Публичная ссылка
Загрузка...
Открыть страницу

Slug закрепляется за профилем и не меняется при смене Twitch-ника.

Профиль
Ссылки
Steam
Используется только в Steam-разделе публичной страницы.

На публичной странице появится отдельный Steam-раздел, а не просто ещё одна ссылка в общем списке.

Вишлист
Открыть

Пока это каталог желаний. VIBE Gift checkout с собственной пониженной сервисной комиссией подключим отдельным платёжным этапом.

Желания
Community Join
Основная кнопка на публичной странице использует VIBE Smart Join: Discord OAuth → вступление → гарантированная community-role.
Обычный Discord invite—

discord.gg остаётся параллельно для Discord-native статистики и как резервный путь. Автоматическая роль гарантируется именно через Smart Join.

Просмотры страницы
0
Smart Join
0
Участники, привязанные через VIBE
0
TWITCH VERIFIED STAFF

Модераторы

Модераторы больше не добавляются по Discord User ID. Каждый входит в VIBE, привязывает свой Twitch, а VIBE проверяет через Twitch API, какие каналы он действительно модерирует, и выдаёт соответствующие Discord Mod-роли автоматически.
DISCORD ADMIN ONLY

Заявки стримеров