Overlaying an image on a live video stream

This guide explains how to insert an image, logo, watermark, or watermark on your video streaming broadcasts to strengthen your brand image and protect your content from copying or potential misuse.

Preamble

There are two ways to overlay your logo on your broadcasts:

1. Overlaying a logo via the player (free): the logo is overlaid on the video and will not be visible if the stream is embedded outside of the player
2. Embedding the logo via transcoding (paid option): the logo is embedded in the video and will be visible in all cases; this case requires complete re-encoding of the stream(s) by a transcoding server, which explains the cost of this method

In both cases, it is possible to customize the following settings:

• position of the logo (in one of the four corners of the player, spacing from the edge, etc.)
• size of the logo (e.g., a logo at 50% will be twice as small)
  • We recommend using the native size to optimize loading and rendering quality
  • In the case of video transcoding, the logo size is calculated relative to the source video (or maximum quality); the logo will be automatically resized if lower qualities are present to maintain a consistent ratio
• opacity of the logo

1. Overlaying a logo via the player (free)

For this:

1. Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. Click on the icon in the top right corner of the interface (or navigate through the left side menu)
3. Choose Video Streaming (Streaming universe)
4. Click on the relevant stream
5. Click on Integration and then on Players from the left menu
6. Click on the player to customize
7. Go to the Appearance tab
8. Add the desired logo in png, jpg, or gif (non-animated) format

2. Activate the watermark option (paid option)

For this:

1. Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. Click on the icon in the top right corner of the interface (or navigate through the left side menu)
3. Choose Video Streaming (Streaming universe)
4. Click on the relevant stream
5. Click on Settings and then on Options from the left menu
6. Enable the Watermark option
7. Add the desired logo in png, jpg, or gif (non-animated) format