Титры в OBS через Browser Source

Где взять ссылку

В кабинете GFX есть карточка «OBS/vMix и ссылки доступа». В ней лежит ссылка Overlay — единственный адрес, который нужен OBS. Она даёт только чтение одного выхода: открывший её увидит эфирную графику, но не сможет ничего выпустить или изменить.

Ссылка показывается один раз — при создании или замене. Скопируйте её сразу в OBS. Если она потерялась, нажмите «Создать новую ссылку»: старая перестанет работать, и это правильное поведение, потому что ссылка и есть ключ доступа.

Выходов в проекте может быть несколько — например, отдельный для экрана в зале и отдельный для трансляции. У каждого своя ссылка Overlay и своя графика.

Шесть шагов в OBS

1. Скопируйте ссылку Overlay. В кабинете GFX откройте карточку «OBS/vMix и ссылки доступа» и скопируйте ссылку Overlay. Она показывается только при создании или замене, поэтому сразу вставьте её в OBS.
2. Добавьте источник «Браузер». В нужной сцене OBS нажмите «плюс» в списке источников и выберите «Браузер» (Browser Source). Дайте ему понятное имя: «GFX — титры».
3. Вставьте адрес и задайте размер. В поле URL вставьте ссылку Overlay. Ширину, высоту и частоту кадров задайте равными кадру трансляции: 1920 × 1080, 60 FPS для горизонтальной, 1080 × 1920, 60 FPS для вертикальной.
4. Отключите выгрузку источника. Снимите галочку «Shutdown source when not visible» («Отключать источник, когда он не виден»). С ней OBS выгружает страницу при переключении сцен, и после возврата титр приходится выпускать заново.
5. Поставьте источник выше картинки. В списке источников поднимите браузер над камерой и презентацией: слои рисуются снизу вверх, и источник, оказавшийся под картинкой, просто не виден. Не масштабируйте его мышью — растянутый источник размывает текст.
6. Проверьте до эфира. В кабинете нажмите «1. Проверить», затем «2. В эфир» и посмотрите на программный выход OBS. Если ничего не появилось, откройте свойства источника и обновите кэш страницы кнопкой «Обновить кэш текущей страницы».

Если проект ещё не создан, начните с разбора как сделать титры для онлайн-трансляции: там весь путь от пустого проекта до эфира.

Какие размеры ставить

Размер источника задают равным кадру трансляции, а не «на глаз». Правильные пары:

• 1920 × 1080, 60 FPS — обычная горизонтальная трансляция. Подходит почти всегда.
• 1080 × 1920, 60 FPS — вертикальная трансляция; в настройках проекта GFX формат тоже надо переключить на 9:16.
• 3840 × 2160 — 4K. Работает: размеры графики заданы в долях кадра, поэтому титр займёт ту же часть картинки, что и на 1080. Но кадр вчетверо больше, и столько же ресурсов заберёт себе источник браузера.

Главная ошибка здесь — задать источнику 1280 × 720 и растянуть его мышью до кадра. Текст в этом случае масштабируется вместе с картинкой и становится мыльным. Ставьте размер числами и не трогайте рамку.

Чем источник отличается от сцены

Это разные вещи, и путаница между ними — вторая по частоте причина «титры не работают».

Сцена в OBS — это набор источников: камера, презентация, подложка, титры. Вы переключаете сцены во время эфира, и зритель видит ту, что сейчас в программе.

Источник — один элемент внутри сцены. Браузер с титрами живёт именно в сцене, а не «во всём OBS». Если вы добавили его в сцену «Камера», в сцене «Презентация» его нет, и при переключении титры исчезнут.

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

Не создавайте несколько независимых источников с одной ссылкой Overlay: каждый откроет свою копию страницы и займёт ресурсы. Одна ссылка — один источник, добавленный в нужные сцены как существующий.

Прозрачность, звук и порядок слоёв

Страница Overlay изначально прозрачна: пока вы не нажали «В эфир», источник не рисует ничего, и его наличие в сцене никак не влияет на картинку. Специально включать прозрачность в OBS не нужно, «Custom CSS» тоже трогать не надо — поле можно оставить как есть.

Звук источнику не нужен: в графике его нет. Если OBS показывает браузер в микшере, приглушите канал, чтобы он не мешал считать уровни.

Порядок слоёв в OBS определяется списком источников: верхний рисуется поверх остальных. Титры почти всегда должны быть в самом верху — выше камеры, презентации и рамок.

Пять частых ошибок

• Титр пропал после переключения сцены. Включена галочка «Shutdown source when not visible». Снимите её.
• Источник добавлен не в ту сцену. Проверьте, что браузер есть именно в той сцене, которая идёт в эфир.
• Источник ниже камеры. Поднимите его в списке источников наверх.
• Открыта старая ссылка. После перевыпуска Overlay старый адрес больше не работает — вставьте новый.
• Страница закэширована. «Обновить кэш текущей страницы» в свойствах источника решает почти все загадочные случаи.

Если проверка кабинета показывает, что страница подключена и отрисовала сцену, а в эфире пусто — дело почти наверняка в OBS, а не в графике: подтверждение относится к странице, а не к вашей сцене.

vMix и другие программы

Во vMix ссылка вставляется в Web Browser Input, размер задаётся там же, и правило то же самое: размер равен кадру, вход поднимается выше картинки. Подойдёт любая программа с источником браузера, умеющим прозрачный фон, — Streamlabs, Wirecast, аппаратные микшеры с браузерным входом. Мы регулярно проверяем OBS и vMix, потому что работаем на них сами.

Читайте дальше

• Как сделать титры для онлайн-трансляции — весь путь от пустого проекта до эфира.
• Заставки и плашки на конференции — что показывать между блоками.
• Вопросы и ответы — 4K, вертикальный формат, свои шрифты.
• Помощь — что подтверждает индикатор подключения и что делать при обрыве.