ФОЛОУ.ОВЕРЛЕЙКА.РФ

Настройка счётчика подписчиков для OBS Studio

1 Введение

Это полностью клиентский оверлей для отображения счётчика подписчиков Twitch в OBS Studio. Все данные хранятся локально в вашем браузере (localStorage) — мы не храним ваши токены на своих серверах.

Используется Device Code Flow для безопасной авторизации без ввода пароля в OBS/Flatpak. Client ID уже настроен разработчиком.

Важно про OBS:
Токены сохраняются в том окружении браузера, где вы проходите авторизацию. Если вы настраиваете в обычном браузере, а оверлей открываете в OBS, токены не перенесутся (у OBS свой встроенный браузер).

⚠️ Рекомендуемый способ: настройка через OBS Browser Dock

Чтобы токены сохранились в браузере OBS, откройте эту страницу (https://xn--k1afbub.xn--80adjaugevu.xn--p1ai/setup.html) в OBS через Browser Dock, пройдите авторизацию прямо в Dock, а затем используйте overlay URL в OBS.

Как открыть Dock:

  1. OBS → Вид → Док‑панели → Пользовательский браузер‑док
  2. Вставить URL этой страницы (https://xn--k1afbub.xn--80adjaugevu.xn--p1ai/setup.html) и нажать OK

Что мы не храним и не делаем:

  • Не создаём аккаунты и не собираем email/телефон
  • Не используем cookies для авторизации/треккинга и не подключаем аналитику
  • Токены Twitch хранятся только локально в браузере (localStorage) и не сохраняются на нашем сервере
  • Без токенов из браузера мы не имеем доступа к Twitch‑аккаунту

Технические логи доступа для этого сервиса отключены (IP не сохраняем).

Как это работает:

  1. Вы получите код подтверждения
  2. Откроете страницу Twitch Activate в любом браузере
  3. Введёте код и разрешите доступ
  4. Токены сохранятся в этом браузере для работы оверлея

2 Авторизация Twitch

Используйте Device Code Flow для авторизации без ввода пароля в OBS/Flatpak. Нажмите кнопку ниже, чтобы получить код подтверждения.

3 Настройки оверлея

Настройте внешний вид и поведение счётчика для OBS.

Установите цель для отображения прогресса (формат: текущие / цель)
Как часто обновлять счётчик (рекомендуется не менее 10 секунд для избежания лимитов)
Размер текста в пикселях
Примеры:
Формат: #RGB или #RRGGBB.
Интенсивность тени текста
Анимация сработает только при изменении количества подписчиков
Произвольный текст (до 60 символов)
Расположение текста относительно счётчика
Введите redeem-код для активации лицензии. Без лицензии оверлей не будет работать.

4 Инструкция

Настройка завершена! Используйте ссылку ниже в OBS Studio.

⚠️ Важно про OBS:

Если авторизация сделана в OBS — всё ок.
Если вы авторизовались в обычном браузере, а оверлей открываете в OBS, токены не подхватятся.
Решение: откройте https://xn--k1afbub.xn--80adjaugevu.xn--p1ai/setup.html в OBS (Browser Dock) и авторизуйтесь там, затем используйте overlay URL.
Лучше всего открыть и настройку (https://xn--k1afbub.xn--80adjaugevu.xn--p1ai/setup.html), и сам overlay URL в Browser Dock OBS — так всё будет работать в одном окружении без сюрпризов.

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

Вариант 1 (рекомендуется): Browser Dock

  1. В OBS откройте: Вид → Док-панели → Пользовательский браузер-док
  2. Вставьте скопированный URL в поле "URL"
  3. Задайте название док-панели (например, "Followers")
  4. Нажмите OK, док можно закрепить где удобно

Вариант 2: Источник Browser

  1. В OBS добавьте новый источник "Browser"
  2. Вставьте скопированный URL в поле "URL"
  3. Установите ширину: 800px, высоту: 100px
  4. Включите опцию "Transparent background"
  5. Нажмите OK

Автообновление токенов: работает автоматически — токены обновляются в фоне без вашего участия.

Ссылка скопирована в буфер обмена!