Наложение логотипа¶
Flussonic Media Server позволяет наложить изображение на видео двумя способами:
- С помощью embed.html плеера. Поверх плеера накладывается прозрачный слой с изображением. Этот способ не создает дополнительной нагрузки на сервер и отлично подходит для вставки видео на сайт.
- С помощью транскодера. Транскодер «вшивает» изображение в видеодорожку так, что логотип не получится удалить или скрыть. Это ресурсоёмкий процесс. Такой способ подходит для видео, которое проигрывается на ТВ-приставках.
Наложение логотипа с помощью embed.html плеера¶
Вы можете наложить лого с помощью embed.html плеера на необходимый поток двумя способами:
Логотип будет отображаться как в live-потоке, так и в DVR-плеере.
В Flussonic UI¶
- Перейдите на Media > Streams и откройте настройки потока, кликнув на имя потока.
- Перейдите на вкладку Output и найдите раздел Logo.
- Загрузите логотип, кликнув Select > Add New и выбрав изображение с логотипом. Вы можете загрузить несколько изображений.
-
(Необязательно) Измените размер изображения и его расположение на видео с помощью следующих параметров:
- размер:
height
,width
в пикселях, - расположение на видео:
left
,top
,right
,bottom
в виде смещения в пикселях от левого, верхнего, правого и нижнего края видео.
- размер:
-
Выберите необходимое изображение, кликнув на радиокнопку напротив.
-
Сохраните настройки, кликнув OK > Save.
-
Проверьте, что логотип отображается на видео.
Через конфигурационный файл Flussonic¶
- Загрузите изображение на сервер с помощью метода
Flussonic-API: PUT /streamer/api/v3/logos/{name}
. - Откройте конфигурационный файл
flussonic.conf
. - В настройках потока добавьте директиву
logo
и укажите название файла с логотипом в параметреpath
, начиная с@
. -
(Необязательно) Измените размер изображения и его расположение на видео с помощью следующих параметров:
- размер:
height
,width
в пикселях, - расположение на видео:
left
,top
,right
,bottom
в виде смещения в пикселях от левого, верхнего, правого и нижнего края видео.
- размер:
-
Проверьте, что логотип отображается на видео.
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;
}
Подробнее про настройку транскодера см. Настройки транскодера.