Skip to content

Наложение логотипа

Flussonic Media Server позволяет наложить изображение на видео двумя способами:

  • С помощью embed.html плеера. Поверх плеера накладывается прозрачный слой с изображением. Этот способ не создает дополнительной нагрузки на сервер и отлично подходит для вставки видео на сайт.
  • С помощью транскодера. Транскодер «вшивает» изображение в видеодорожку так, что логотип не получится удалить или скрыть. Это ресурсоёмкий процесс. Такой способ подходит для видео, которое проигрывается на ТВ-приставках.

Наложение логотипа с помощью embed.html плеера

Вы можете наложить лого с помощью embed.html плеера на необходимый поток двумя способами:

Логотип будет отображаться как в live-потоке, так и в DVR-плеере.

В Flussonic UI

  1. Перейдите на Media > Streams и откройте настройки потока, кликнув на имя потока.
  2. Перейдите на вкладку Output и найдите раздел Logo.
  3. Загрузите логотип, кликнув Select > Add New и выбрав изображение с логотипом. Вы можете загрузить несколько изображений.
  4. (Необязательно) Измените размер изображения и его расположение на видео с помощью следующих параметров:

    • размер: height, width в пикселях,
    • расположение на видео: left, top, right, bottom в виде смещения в пикселях от левого, верхнего, правого и нижнего края видео.
  5. Выберите необходимое изображение, кликнув на радиокнопку напротив.

  6. Сохраните настройки, кликнув OK > Save.

    Наложение лого UI

  7. Проверьте, что логотип отображается на видео.

    Отображение лого UI

Через конфигурационный файл Flussonic

  1. Загрузите изображение на сервер с помощью метода Flussonic-API: PUT /streamer/api/v3/logos/{name}.
  2. Откройте конфигурационный файл flussonic.conf.
  3. В настройках потока добавьте директиву logo и укажите название файла с логотипом в параметре path, начиная с @.
  4. (Необязательно) Измените размер изображения и его расположение на видео с помощью следующих параметров:

    • размер: height, width в пикселях,
    • расположение на видео: left, top, right, bottom в виде смещения в пикселях от левого, верхнего, правого и нижнего края видео.
  5. Проверьте, что логотип отображается на видео.

stream example {
  input udp://239.0.0.1:1234;
  logo path=@logo.png height=100 width=100 left=0 top=0;
}

В примере использованы следующие параметры:

  • path — имя файла с логотипом, начиная с @.
  • (Необязательный) height, width — размер изображения логотипа в пикселях. Если задан только один из этих параметров, то второй будет изменен пропорционально. Не указывайте эти параметры, чтобы отобразить логотип в исходном размере.
  • (Необязательный) left, top, right, bottom — положение логотипа, заданное в виде смещения в пикселях от левого, верхнего, правого и нижнего края видео. Например, чтобы отобразить логотип в правом нижнем углу: right=0, bottom=0. Не используйте одновременно параметры left и right, top и bottom.

Наложение логотипа с помощью транскодера

Такой логотип будет "вшиваться" в видеодорожку и отображаться на всех устройствах и в записях архива.

Пример конфигурации:

stream example {
  input udp://239.0.0.1:1234;
  transcoder vb=2048k logo=/storage/logo.png@10:10 ab=128k;
}

Здесь 10:10 — это координаты от левого верхнего угла экрана.

Чтобы разместить лого в других частях экрана, используйте более сложную формулу, как в следующих примерах:

  • Для размещения в центре:
stream example {
  input udp://239.0.0.1:1234;
  transcoder vb=2048k logo=/storage/logo.png@(main_w-overlay_w-10)/2:(main_h-overlay_h-10)/2 ab=128k;
}
  • Для размещения в левом нижнем углу:
stream example {
  input udp://239.0.0.1:1234;
  transcoder vb=2048k logo=/storage/logo.png@10:(main_h-overlay_h-10) ab=128k;
}
  • Для размещения в правом верхнем углу:
stream example {
  input udp://239.0.0.1:1234;
  transcoder vb=2048k logo=/storage/logo.png@(main_w-overlay_w-10):10 ab=128k;
}
  • Для размещения в правом нижнем углу:
stream example {
  input udp://239.0.0.1:1234;
  transcoder vb=2048k logo=/storage/logo.png@(main_w-overlay_w-10):(main_h-overlay_h-10) ab=128k;
}

Подробнее про настройку транскодера см. Настройки транскодера.