Стримы в OBS
Ведите трансляцию на своём языке, пока зрители читают переведённые субтитры прямо на видео. Веб-приложение Whisperr в реальном времени расшифровывает и переводит вашу речь, а прозрачная страница-оверлей отображает субтитры в OBS как Browser Source (источник «Браузер») — без плагинов, без загрузок, без изменений настроек кодировщика. В углу оверлея также показывается небольшой QR-код: зрители, которым нужен другой язык, могут отсканировать его и читать на телефоне на любом языке, который поддерживает Whisperr.
Как это работает
- Начните трансляцию в веб-приложении Whisperr с включённой опцией Поделиться ссылкой — для сессии будет создана живая комната
- Сгенерируйте URL оверлея и добавьте его в OBS как Browser Source — переведённые субтитры будут появляться поверх стрима, пока вы говорите
- Зрители сканируют QR-код в углу, открывают комнату на телефоне и выбирают свой язык
Что понадобится
- Аккаунт Whisperr, выполненный вход в веб-приложение в Chrome
- OBS Studio (или любая программа для стриминга с поддержкой Browser Source, например Streamlabs)
- Ваша обычная схема трансляции — Twitch, YouTube Live, Kick или любая другая площадка, куда умеет стримить OBS
Шаг 1 — Начните трансляцию с включённой ссылкой
Откройте веб-приложение и начните новую запись:
- Выберите язык речи и язык перевода, который хотите впечатать в стрим
- Выберите источник звука — Звук микрофона для комментария или Микрофон + экран, если нужно расшифровывать ещё и звук игры или вкладки
- Включите Поделиться ссылкой и начните запись

Как только запись начнётся, появится панель шаринга с двумя вкладками: Комната (ссылка и QR-код, по которым слушатели могут подключиться напрямую) и OBS (ссылка настройки оверлея для стрима).

Шаг 2 — Откройте страницу настройки оверлея
На панели шаринга перейдите на вкладку OBS и нажмите значок открытия рядом со ссылкой настройки — оба места выделены красным ниже:

Ссылка настройки оверлея выглядит так:
https://whisperr.co/app/overlay/<your-room-id>/choose
Страница настройки позволяет выбрать, что будут показывать субтитры на стриме, без ручного редактирования URL:

Шаг 3 — Выберите, что видят зрители, и сгенерируйте URL
- Перевод — только переведённые субтитры (обычный выбор)
- Расшифровка — только ваша исходная речь в виде живых субтитров
- Оба — исходная реплика с переводом под ней, как двуязычные субтитры
Выберите, сколько строк субтитров держится на экране одновременно, нажмите Сгенерировать и скопируйте URL:

В OBS вставляйте сгенерированный URL, а не адрес самой страницы настройки. Страница настройки — это экран конфигурации, и если добавить её в OBS, карточка настроек попадёт в трансляцию.
Шаг 4 — Добавьте его в OBS как Browser Source
В OBS:
- В панели Источники нажмите + и выберите Браузер
- Вставьте сгенерированный URL в поле URL
- Задайте Ширину и Высоту по размеру холста — обычно 1920 × 1080
- Нажмите OK и расположите источник поверх слоёв с игрой или камерой

Фон оверлея полностью прозрачен — когда никто не говорит, источник невидим. В первую минуту после загрузки показывается тусклая строка состояния («Whisperr overlay connected — waiting for captions…» — «оверлей Whisperr подключён, ожидаются субтитры»), чтобы вы могли убедиться, что всё работает, пока настраиваете сцену; строка исчезает, как только приходит первый субтитр, и посреди стрима больше никогда не появляется.
Шаг 5 — Выходите в эфир
Говорите как обычно. Субтитры появляются поверх стрима в реальном времени: ещё не законченная часть фразы показывается чуть приглушённо и «закрепляется» по мере подтверждения расшифровки, а завершённые строки плавно исчезают через несколько секунд после того, как вы замолчали.

QR-код в углу
Впечатанные субтитры видят все, но язык у них один. QR-код в углу открывает вашу живую комнату на телефоне зрителя, где он выбирает свой язык и может даже слушать перевод с озвучкой (text-to-speech). Код включён по умолчанию с подписью «Scan to read in your language» («Отсканируйте, чтобы читать на своём языке») — настраивайте его URL-параметрами из таблицы ниже (например, ?qrlabel= со своей формулировкой на языке аудитории или ?qr=0, чтобы убрать код).
Настройка оверлея
Все настройки задаются URL-параметрами, потому что по браузерному источнику в OBS нельзя кликнуть. Добавляйте их к сгенерированному URL через &:
| Параметр | По умолчанию | Что делает |
|---|---|---|
mode | translation | translation (перевод), transcription (расшифровка) или both (оба) |
lines | 2 | Сколько строк субтитров видно одновременно (1–6) |
size | 42 | Размер шрифта в px (12–120) |
color | ffffff | Цвет текста — hex без # или название цвета CSS |
bg | 0 | Непрозрачность подложки за каждой строкой, 0–1 (0 = только тень текста) |
hold | 8 | Сколько секунд завершённая строка остаётся на экране (1–60) |
align | bottom | Прижать субтитры к низу (bottom) или верху (top) |
lang | (all) | Показывать перевод только на один язык, например lang=es |
qr | on | qr=0 скрывает QR-код в углу |
qrsize | 132 | Размер QR-кода в px (64–400) |
qrpos | br | Угол QR-кода: br, bl, tr или tl |
qrlabel | Scan to read in your language | Подпись под QR-кодом; qrlabel= (пусто) — только код без подписи |
Например, субтитры покрупнее, жёлтые, сверху и без QR-кода:
https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0
Советы и устранение неполадок
- Источник ничего не показывает в OBS — кликните по Browser Source правой кнопкой и выберите Обновить кэш текущей страницы. Если строка состояния показывает «connecting…» (подключение) и подключение так и не происходит, проверьте сеть; если она показывает «waiting for captions» (ожидание субтитров), оверлей исправен — просто ваша сессия Whisperr ещё не передаёт речь.
- Каждый стрим — новая комната — каждая сессия записи получает свежий ID комнаты, поэтому при запуске новой трансляции генерируйте новый URL оверлея или держите одну и ту же сессию Whisperr запущенной весь стрим.
- Сессии на бесплатном тарифе ограничены 2 минутами — для настоящего стрима понадобится платный тариф, чтобы сессия работала всё время эфира.
- Переводите на несколько языков? Впечатайте в стрим один язык через
lang=, а всем остальным предложите QR-код — именно для этого он и нужен.