Skip to content

Overlaying Logos

There are 2 ways to overlay a logo on top of a video stream with Flussonic Media Server:

  • Using the web player. The player will add a transparent layer with your image on top of the video stream. This way works well with video streams that are only delivered to a websites.
  • Using the transcoder. This resouce-intensive process burns the logo image into the video stream. It is impossible to hide or delete logos burned into the video stream using this method. This method is suitable for use in video streams transmitted to Set-Top-Boxes.

Adding a logo to a video stream using the web player

A logo overlaid with this method will not be displayed on mobile devices and in DVR recordings, but does not generate additional load on the server.

Config example:


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

The following options can be used in the logo directive:

  • path (required) — path to the logo file, relative to the /opt/flussonic/wwwroot directory.
  • height, width — size of the logo image in px. If only one of these parameters is present, then the other will be scaled proportionally. Omit these parameters to display the logo in its original size.
  • left, top, right, bottom — the position of the logo image specified by offset in px. For example, to display the logo in the bottom right corner: right=0, bottom=0. Don't use the left and right, or the top and bottom parameters together.

Adding a logo to a video stream using the transcoder

When using the transcoder to overlay a logo on a video stream, the image will be "burned" into the video track. This means that it will be displayed on any device and recorded in the DVR archive.

Configuration example:


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

Here, 10:10 are the coordinates of the image, offset from the top left corner of the screen.

To place a logo in another part of the screen, more complex notation is necessary.

For example, to place a logo in the center:


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;
}

To place a logo in the bottom left corner:


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

To place a logo in the top right corner:


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

To place a logo in the bottom right corner:


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;
}

Learn more in the section Transcoder Settings.