Инструкция

Как сделать титры для онлайн-трансляции

Титр в прямом эфире появляется не при монтаже, а по нажатию кнопки — и снимается тоже по кнопке. Ниже путь целиком: от пустого проекта до первого выпуска в эфир, на примере OKVideo GFX.

Чем эфирный титр отличается от титра в монтаже

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

Технически это выглядит так: программа трансляции (OBS, vMix) берёт обычную веб-страницу с прозрачным фоном и кладёт её поверх камеры. Страница сама знает, что показывать: вы меняете содержимое в кабинете, страница получает изменение и перерисовывается. Никаких плагинов и файлов обмена — только адрес.

Что подготовить до начала

  • Список спикеров — имя, должность, организация, ровно в том виде, в каком это должно оказаться в кадре.
  • Программу события — время, зал, названия блоков.
  • Логотип в PNG, JPEG или WebP, если он нужен в углу кадра.
  • Фирменный шрифт в формате WOFF2, если оформление обязано совпасть с брендбуком.
  • Решение о формате кадра: горизонтальный 16:9 или вертикальный 9:16.

Имена лучше согласовать заранее и один раз. Опечатка в фамилии спикера — самая заметная ошибка эфира: её видят все и запоминают надолго.

Семь шагов

  1. Создайте проект. Откройте gfx.okvideo.pro и нажмите «Создать проект». Аккаунт не нужен. Сервис отдаст две ссылки: кабинет, где вы готовите графику, и Overlay — тот адрес, который потом получит OBS. Сохраните обе: они и есть ваш вход, пароля здесь нет.
  2. Задайте формат и оформление. В настройках проекта выберите формат кадра — 16:9 для обычной трансляции или 9:16 для вертикальной, — шаблон из двенадцати, шрифт, акцентную палитру, плотность и выравнивание. Это значения по умолчанию: каждая новая сцена начнётся с них, и оформление события останется одинаковым.
  3. Внесите спикеров и программу. Заполните карточки спикеров: имя, должность, организация. Рядом список строк программы: время, зал, название блока. Списки можно перенести из CSV или XLSX — файл сначала показывается предпросмотром и применяется только после подтверждения.
  4. Соберите блоки заранее. До эфира соберите нужные сцены: титр снизу для каждого спикера, заставку на весь экран для каждого блока, инфоплашку, QR-код, бегущую строку. Готовый блок заполняется одной кнопкой из карточки спикера или строки программы, поэтому опечатки не расходятся по эфиру.
  5. Подключите Overlay к OBS или vMix. В OBS добавьте источник «Браузер», во vMix — Web Browser Input, вставьте ссылку Overlay и задайте размер кадра: 1920 × 1080, 60 FPS для горизонтального проекта, 1080 × 1920, 60 FPS для вертикального. Фон источника прозрачный, звук не нужен.
  6. Проверьте сцену в Preview. Нажмите «1. Проверить». Сцена появится только в окне Preview кабинета: зритель её не видит. Убедитесь, что текст помещается, имя написано верно, а шаблон выглядит так, как вы ожидали.
  7. Выпустите в эфир и снимите. Нажмите «2. В эфир» или F6 — ровно то, что было в Preview, окажется в Program и в Browser Source. Убрать титр можно кнопкой «Убрать слой», а можно заранее задать время автоснятия: сервер уберёт слой сам, даже если кабинет к тому моменту закрыт.

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

Три слоя вместо одного

Program состоит из трёх независимых слоёв: bug — уголок с логотипом или короткой подписью; титры — нижняя треть, инфоплашка, бегущая строка; полный экран — заставка, панель спикеров, программа, QR.

Слои не мешают друг другу: смена нижней трети не гасит логотип, а заставка на весь экран не требует снимать уголок. Кнопка «Убрать слой» всегда называет тот слой, который снимет.

Preview — это репетиция

Preview показывает сцену в кабинете и нигде больше. Это единственный способ увидеть титр до зрителя: длину строки, перенос, читаемость на выбранном шаблоне.

Привычка простая: ничего не выпускать, не посмотрев в Preview. Она стоит одной секунды и снимает большую часть эфирных конфузов.

Что проверить за десять минут до эфира

  • Источник браузера виден в той сцене, из которой пойдёт эфир, и лежит выше картинки с камеры.
  • Тестовая таблица «Безопасная область» показывает, что текст не уедет под интерфейс плеера на телефоне.
  • Полосы 100% и 50% — картинка не пересвечена и цвет не режется по дороге.
  • Первый титр собран, проверен в Preview и ждёт нажатия.
  • Тот, кто будет нажимать, открыл свой пульт и умеет снимать графику.

Ограничения, о которых лучше знать заранее

Интерфейс только русский. Шаблонов двенадцать, и нарисовать свой дизайн с нуля нельзя — можно менять шаблон, шрифт, палитру, плотность, выравнивание и анимацию. Своих шрифтов не больше восьми на проект, WOFF2, до 2 МиБ каждый. Логотипов тоже до восьми, до 4 МБ и 4,2 мегапикселя. Ссылки не защищены паролем: кто открыл ссылку, тот и получил роль, поэтому их не публикуют и перевыпускают после утечки.

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

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

Если делать самому некому

Мы проводим эфиры под ключ

Титры — это малая часть трансляции: остаются камеры, свет, звук, режиссура и связь на площадке. Если событие важное, а команды нет, продакшн OKVideo.pro проводит эфир целиком. А если делать самому — создайте проект GFX, это одна кнопка.