Пряма трансляція в OBS
Стрімте своєю мовою, а глядачі читатимуть перекладені субтитри просто на відео. Вебзастосунок Whisperr транскрибує та перекладає ваш коментар у реальному часі, а прозора сторінка-оверлей відображає субтитри в OBS через Browser Source (джерело «Браузер») — без плагінів, без завантажень, без змін у налаштуваннях кодувальника GPU. У кутку оверлея також є невеликий 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 — а не URL самої сторінки налаштування. Сторінка налаштування — це екран конфігурації, і якщо додати її в OBS, картка конфігурації з'явиться на вашому стрімі.
Крок 4 — Додайте його в OBS як Browser Source
В OBS:
- У панелі Джерела натисніть + і виберіть Браузер
- Вставте згенерований URL у поле URL
- Встановіть Ширину та Висоту відповідно до вашого полотна — зазвичай 1920 × 1080
- Натисніть OK і розмістіть джерело над шарами гри чи камери

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

QR-код у кутку
Вшиті субтитри бачать усі, але лише однією мовою. QR-код у кутку відкриває вашу живу кімнату на телефоні глядача, де той обирає свою власну мову й навіть може слухати через синтез мовлення. Він увімкнений за замовчуванням із підписом "Scan to read in your language" («Відскануйте, щоб читати своєю мовою») — налаштуйте його URL-параметрами нижче (наприклад, ?qrlabel= із власним текстом мовою вашої аудиторії або ?qr=0, щоб прибрати його зовсім).
Налаштування оверлея
Оскільки браузерні джерела OBS не реагують на кліки, кожна опція — це URL-параметр. Додавайте їх до згенерованого 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-код — саме для цього він і існує.