Skip to content

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

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

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

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

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

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

В строке logo path=flu/erly-small.png height=100 width=100 left=0 top=0 использованы опции:

  • path (обязательный параметр) — путь относительно директории wwwroot.
  • 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;
}

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