Версия 3.2.1 · сборка от 16 сентября 2026

Стрим-оверлей для OBS, который собирается мышью

Open Stream Environment — приложение на Electron: визуальный редактор раскладки в стиле drag-and-drop, локальный сервер и страница оверлея, которую вы добавляете в OBS как Browser Source. Алерты, чат, цель доната, сцены, темы и 3D-виджеты настраиваются в одном окне — данные и токены остаются на вашем компьютере.

  • Drag-and-drop, ресайз, слои и свойства
  • Отдаётся в OBS обычной веб-страницей
  • Работает локально, секреты зашифрованы

Возможности

Всё, из чего состоит эфир: раскладка, алерты, сцены, темы и чат.

Редактор в стиле Figma

Канвас 16:9 с превью оверлея, библиотека виджетов слева, слои и свойства справа. Перетаскивание, ресайз, сетка с прилипанием, пропорции от 16:9 до 9:16 и пресеты раскладки.

Единая очередь алертов

Очередью управляет сервер, а не страница OBS: Twitch, DonationAlerts и Колесо идут в общий поток. Пауза, «показать сейчас», склейка донатов одного зрителя; пауза переживает перезапуск.

Сцены и пульты

Полноэкранные сцены начала, перерыва, разговора, окончания, колеса и голосования. Управление с телефона через Web Remote, плагин Stream Deck и OBS WebSocket.

Темы, включая 3D

Material You, Orbital, Pixel Perfect, Elite и Nuclear, у части — неоновые 3D-виджеты. Своя тема собирается в отдельном редакторе: палитра, формы панелей, шрифты, свечение и проверка контраста по WCAG.

Чат, бот и модерация

Окно чата Twitch с отправкой сообщений, встроенный бот с командами и таймерами, автомодерация: ссылки, чёрный список слов, капс и смайлы, варны до бана.

Локально и приватно

Сервер Express и WebSocket работает на вашей машине, наружу ничего не уходит. Токены Twitch, DonationAlerts и YouTube шифруются системным хранилищем ОС, настройки пишутся атомарно и с бэкапами.

Виджеты, которые можно положить на канвас

  • Алерты
  • Цель доната
  • Чат Twitch
  • Последние события
  • Счётчик
  • Соц. баннер
  • Таймер Executive Hangar
  • Визуализатор микрофона
  • Колесо Фортуны
  • Розыгрыш участников
  • Голосование
  • Свой виджет

Скриншоты

Редактор, настройки, сцены и 3D-виджеты.

Быстрый старт

От npm install до оверлея в OBS — три шага.

  1. 1

    Установите

    Нужен Node.js 22.12+. Выполните npm install, затем npm start — откроется окно панели управления.

  2. 2

    Добавьте оверлей в OBS

    Источники → + → Browser Source: адрес http://localhost:8710/overlay/overlay.html, разрешение 1920×1080, FPS источника 30. Фон прозрачный из коробки.

  3. 3

    Соберите раскладку

    Перетащите виджеты из библиотеки, задайте сетку и пропорции канваса, сохраните раскладку пресетом. Сцены и заставки — на своих вкладках.

Частые вопросы

Что нужно, чтобы запустить?

Из исходников — Node.js 22.12+: npm install, затем npm start. Для обычного использования возьмите готовую сборку: приложение на Electron 43 работает на Windows, Linux и macOS.

Как добавить оверлей в OBS?

Оверлей — обычная веб-страница, поэтому в OBS это Browser Source: адрес http://localhost:8710/overlay/overlay.html, разрешение 1920×1080, FPS источника 30. Включите «Завершать работу источника, когда он не отображается» — тогда скрытые сцены полностью засыпают.

Нужны ли аккаунты Twitch и DonationAlerts?

Чат читается анонимно — достаточно имени канала. Алерты о фоллоу, подписках, чирах и донатах требуют своих приложений: Client ID и Client Secret с dev.twitch.tv и donationalerts.com плюс авторизация. Отправка сообщений в чат тоже требует подключённого Twitch.

Где хранятся настройки и история?

Только на вашем компьютере: config.json и local-db.json в каталоге данных (в Windows — %APPDATA%\Open Stream Environment). История событий и чата — в append-only local-db.jsonl и local-db.chat.jsonl. Рядом ведутся бэкапы .bak.0…2, а битый файл уезжает в карантин и поднимается из копии.

Донаты не приходят — где смотреть?

В панель «DA» в шапке: состояние подключения, здоровье токена, быстрые действия и живой журнал только DonationAlerts. Там же кнопка «Подтянуть пропущенные» — ей нужно право oauth-donation-index, а уже выданные токены его не получают, поэтому приложение в кабинете DonationAlerts придётся удалить и создать заново.

Будет ли оверлей виден в полноэкранной игре?

HUD-редактирование и «чат поверх игры» работают поверх окон и Borderless Window. Эксклюзивный полноэкранный режим игры перекрывает оверлей.

Сколько стоит приложение?

Бесплатно. Проект открытый и распространяется под лицензией GPL — код, сборки и история изменений лежат в репозитории на GitHub.

Как сообщить об ошибке?

Откройте issue в репозитории на GitHub и приложите отчёт из кнопки «Сохранить отчёт» (или GET /support-bundle) — секретов в нём нет.

Где смотреть историю версий?

В CHANGELOG.md репозитория. Текущая версия — 3.2.1 (16 сентября 2026).

Скачать Open Stream Environment

Версия 3.2.1 (16 сентября 2026). Установщик для Windows, сборки для Linux и macOS. Бесплатно, под лицензией GPL.

Все файлы и история версий — в GitHub Releases.

Сборки не подписаны: macOS попросит подтвердить первый запуск, Windows может показать предупреждение SmartScreen. Автообновление видит только опубликованные релизы.