Knowledge base
1000 FAQs, 500 tutorials and explanatory videos. Here, there are only solutions!
Overlay an image onto a live video stream
This guide explains how to insert an image, a logo, a watermark, on your video streams to enhance your brand image and protect your content from copying or potential misuse.
Add the image to the stream
You have the possibility to add an image that will appear on your video stream:
- either from the configuration of a Player (free)...
- The logo is superimposed on the video and will not be visible if the stream is embedded outside of the Player.
- or by embedding the logo via transcoding (paid option)…
- The logo is embedded in the video and will be visible in all cases; this requires the 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 parameters:
- Position of the logo (in one of the four corners of the player, spacing from the edge, etc.).
- Size of the logo (for example, a logo at 50% will be twice as small):
- It is recommended to use the native size to optimize the loading and quality of the rendering.
- In the case of video transcoding, the size of the logo is calculated based on the source video (or maximum quality); the logo will be automatically resized if lower qualities are present to maintain an identical ratio.
- Opacity of the logo.
1. Overlay a logo via the Player (free)
- Click here to access the management of your product on the Manager Infomaniak (need help?).
- Click directly on the name assigned to the relevant product.
- Click on Integration in the left sidebar.
- Click on Players in the left sidebar.
- Click on the name of the Player to customize.
- Click on the tab (or dropdown menu) Appearance.
- Add the desired logo in
png
,jpg
orgif
(non-animated) format:
2. Enable the watermark option (paid feature)
- Click here to access the management of your product on the Manager Infomaniak (need help?).
- Click directly on the name assigned to the relevant product.
- Click on Settings in the left sidebar.
- Click on Options from the left sidebar.
- Enable the Watermark option.
- Add the desired logo in png, jpg or gif (non-animated) format:
Link to this FAQ: