Skip to content

BushHub/Twitchegram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✈️ Twitchegram — Чат для OBS в стиле Telegram

Красивый, плавный и полностью настраиваемый виджет чата Twitch для трансляций в OBS Studio. Он преобразует сообщения стрима в аккуратные баблы, детально воссоздавая интерфейс мессенджера Telegram.


🔥 Основные возможности

  • 📱 Аутентичный дизайн Telegram: Закругленные баблы сообщений, аватарки зрителей, время отправки внутри бабла и полноценная поддержка ответов (цитирования).
  • 🎨 Автоматический цвет никнеймов: Каждому зрителю присваивается свой уникальный цвет имени (всего 20 оригинальных оттенков Telegram).
  • 🥳 Поддержка всех смайликов: Корректное отображение стандартных смайлов Twitch, а также сторонних смайлов 7TV и BetterTTV.
  • 📌 Умный закреп сообщений: Возможность закрепить любое важное сообщение вверху экрана с гибкой настройкой его внешнего вида.
  • ✍️ Выбор шрифтов: Поддержка популярных шрифтов (Inter, Roboto, Montserrat, Nunito, Play) для идеального сочетания с вашим оверлеем.
  • 💬 Исходящие сообщения стримера: Специальный режим, при котором ваши сообщения отображаются справа (как исходящие в Telegram) без лишних плашек ролей.
  • 🛠️ Интерактивная настройка: Удобная панель управления со светлой и тёмной темой, ползунками и цветовыми пресетами прямо внутри OBS.

📺 Быстрый старт: Как добавить чат в OBS Studio

  1. В OBS в панели «Источники» нажмите + и выберите «Браузер» (Browser).
  2. Укажите название источника (например, Чат Telegram).
  3. В поле URL вставьте ссылку на виджет: https://bushhub.github.io/Twitchegram/ или https://twitchegram.bushsquad.xyz/
  4. Установите размеры источника. Рекомендуемые параметры: Ширина: 450, Высота: 700 (настройте под макет вашего стрима).
  5. Нажмите ОК. По умолчанию чат пустой и прозрачный, пока в него кто-то не напишет.

⚙️ Тонкая настройка виджета (Секретная шестерёнка)

Вы можете изменить любые параметры отображения чата прямо в процессе трансляции:

  1. Нажмите правой кнопкой мыши по источнику чата в OBS и выберите «Взаимодействие» (Interact).
  2. В открывшемся интерактивном окне переведите курсор в самый верхний правый угол.
  3. Там плавно появится синяя иконка шестерёнки — кликните по ней для открытия панели настроек.
  4. Доступные настройки:
    • Подключение канала (введите имя вашего Twitch-канала).
    • Выбор темы оформления панели настроек (светлая/тёмная).
    • Параметры баблов: максимальная ширина, компактность отступов, непрозрачность и время жизни сообщений.
    • Шрифты: выбор гарнитуры, размера текста и меток времени.
    • Цветовые схемы: ручная настройка цветов фона/текста бабла или выбор готовых пресетов.
    • Оформление закрепа: настройка шрифта, непрозрачности, цвета фона и текста плашки закрепа.
    • Сообщения стримера: включение режима исходящих сообщений с авто-подбором цвета или ручной настройкой.
  5. После внесения изменений нажмите «Сохранить изменения». Панель закроется, а виджет мгновенно обновится.

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


📌 Команды управления закрепом

Стример и модераторы канала могут управлять закреплённым сообщением прямо из игрового чата Twitch:

Команда Альтернатива Описание
!закреп [текст] !pin [текст] Закрепляет сообщение вверху экрана с вашим ником и указанным текстом.
!открепить !unpin Скрывает и удаляет закреплённое сообщение.

Пример использования: !закреп Ребята, сегодня стрим до полуночи, не забывайте подписываться!

Releases

No releases published

Packages

 
 
 

Contributors