Superposer une image sur un flux vidéo live

Ce guide explique comment insérer une image, un logo, un filigrane, un watermark, sur vos diffusions de Streaming vidéo afin de renforcer votre image de marque et protéger votre contenu contre la copie ou d'éventuels détournements.

Préambule

Il existe deux manières d'incruster votre logo à vos diffusions :

1. superposer un logo via le player (gratuit): le logo est superposé sur la vidéo et ne sera pas visible si le flux est intégré en dehors du player
2. incruster le logo via un transcodage (option payante): le logo est incrusté dans la vidéo et sera visible dans tous les cas de figure ; ce cas nécessite le réencodage complet du ou des flux par un serveur de transcodage, ce qui explique le coût de cette méthode

Dans les deux cas de figure, il est possible de personnaliser les paramètres suivants:

• position du logo (dans l'un des quatre coins du player, espacement depuis le bord, etc.)
• taille du logo (p.ex un logo à 50% sera deux fois plus petit)
  • il est recommandé d'utiliser la taille native pour optimiser le chargement et la qualité du rendu
  • dans le cas du transcodage vidéo, la taille du logo est calculée par rapport à la vidéo source (ou qualité maximum) ; le logo sera redimensionné automatiquement si des qualités inférieurs sont présentes afin de conserver un ratio identique
• opacité du logo

1. Superposer un logo via le player (gratuit)

Pour cela:

1. se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
2. cliquer sur l'icône ‍ en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
3. choisir Streaming vidéo (univers Streaming)
4. cliquer sur le flux concerné
5. cliquer sur Intégration puis sur Players depuis le menu à gauche
6. cliquer sur le player à personnaliser
7. aller dans l'onglet Apparence
8. ajouter le logo souhaité au format png, jpg ou gif (non animé)

2. Activer l'option watermark (option payante)

Pour cela

1. se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
2. cliquer sur l'icône ‍ en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
3. choisir Streaming vidéo (univers Streaming)
4. cliquer sur le flux concerné
5. cliquer sur Paramètres puis sur Options depuis le menu à gauche
6. activer l'option Watermark
7. ajouter le logo souhaité au format png, jpg ou gif (non animé)