Comment insérer des filigranes dans des vidéos avec Transloadit

Tyler McAllister

Rédacteur technique · Trondheim, Norvège · Afficher la bio

Un filigrane peut être très utile. Qu’il serve à promouvoir votre marque, à protéger votre contenu — ou les deux —, un filigrane est un élément que tout créateur de vidéos devrait prendre en compte. Malheureusement, ces filigranes ne sont pas toujours jolis. Recouvrir une partie de votre vidéo avec une image statique peut être intrusif dans le meilleur des cas, et inacceptable dans le pire. Heureusement, chez Transloadit, nous nous efforçons d’y remédier 😄

Depuis juin de l’année dernière, trois nouveaux paramètres liés aux filigranes ont été développés, à la fois pour aider nos utilisateurs à affiner leurs filigranes et pour surmonter la limitation initiale, qui découlait en fait de nos précédents paramètres de filigrane. Ces nouveaux paramètres sont :

• watermark_opacity
• watermark_x_offset
• watermark_y_offset

Leurs noms parlent d’eux-mêmes, mais rien ne vaut un bon exemple. Nous allons appliquer le logo Transloadit à une vidéo sous forme de filigrane, placé à un emplacement précis au pixel près, avec une opacité définie. Ensuite, nous mettrons la vidéo en ligne sur YouTube, où la protection de votre contenu est un sujet brûlant permanent.

Appliquer une opacité

L’un des facteurs les plus importants d’un filigrane est son opacité. En réduisant l’opacité du logo, nous pouvons l’appliquer à la vidéo choisie sans craindre qu’une information soit masquée. Pour cela, nous pouvons utiliser le paramètre watermark_opacity dans l’Assembly ci-dessous :

{
  "steps": {
    ":original": {
      "robot": "/upload/handle"
    },
    "watermarked": {
      "use": [":original"],
      "robot": "/video/encode",
      "result": true,
      "ffmpeg": {
        "b:v": "3200k",
        "maxrate": "3200k",
        "bufsize": "3200k",
        "bt": "4800k"
      },
      "ffmpeg_stack": "v7",
      "preset": "hls-1080p",
      "watermark_size": "20%",
      "watermark_position": "center",
      "watermark_opacity": 0.8,
      "watermark_url": "https://transloadit.com/assets/images/blog/2019-02-20-watermark-parameters-1.png"
    },
    "exported": {
      "use": ["watermarked"],
      "robot": "/youtube/store",
      "category": "science & technology",
      "credentials": "youtube_auth_1547152689",
      "description": "Himeji castle with the transloadit watermark",
      "keywords": "transloadit, japan, castle, watermark",
      "title": "Transloadit: Watermarked Video Example",
      "visibility": "private"
    }
  }
}

Les Robots utilisés dans cet exemple sont :

• /upload/handle : pour récupérer la vidéo que nous voulons téléverser. Ici, un fichier mp4.
• /video/encode : pour effectuer des étapes d’encodage sur la vidéo importée. Ici, pour ajouter un filigrane.
• /youtube/store : pour exporter les résultats vers un compte YouTube, avec une catégorie, un titre, une description et une visibilité.

Avec le paramètre watermark_opacity défini sur 0,8, ma vidéo ressemble à ceci :

Déplacer le filigrane

Le paramètre watermark_position fonctionne très bien, mais dans ce cas, je préférerais contrôler plus précisément l’emplacement du filigrane. Plutôt que le placement au centre fourni par le paramètre watermark_position, j’aimerais placer le filigrane un peu plus haut et plus à droite, pour qu’il se cache dans les arbres. Grâce aux paramètres watermark_x_offset et watermark_y_offset, c’est facile à réaliser. Regardez l’Assembly ci-dessous et observez les petits ajouts apportés aux Steps du Robot /video/encode :

{
  "steps": {
    ":original": {
      "robot": "/upload/handle"
    },
    "watermarked": {
      "use": [":original"],
      "robot": "/video/encode",
      "result": true,
      "ffmpeg": {
        "b:v": "3200k",
        "maxrate": "3200k",
        "bufsize": "3200k",
        "bt": "4800k"
      },
      "ffmpeg_stack": "v7",
      "preset": "hls-1080p",
      "watermark_size": "20%",
      "watermark_position": "center",
      "watermark_x_offset": 660,
      "watermark_y_offset": -400,
      "watermark_opacity": 0.8,
      "watermark_url": "https://transloadit.com/assets/images/blog/2019-02-20-watermark-parameters-1.png"
    },
    "exported": {
      "use": ["watermarked"],
      "robot": "/youtube/store",
      "category": "science & technology",
      "credentials": "youtube_auth_1547152689",
      "description": "Himeji castle with the transloadit watermark",
      "keywords": "transloadit, japan, castle, watermark",
      "title": "Transloadit: Watermarked Video Example",
      "visibility": "private"
    }
  }
}

Les résultats

Vous pouvez voir les résultats ci-dessous :

Un filigrane esthétique, placé au bon endroit, peut faire la différence entre une vidéo d’allure amateur et une vidéo professionnelle. Chez Transloadit, nous cherchons toujours à rendre de petites fonctionnalités comme celle-ci aussi simples et faciles à mettre en œuvre que possible.

C’est tout pour notre démonstration, nous espérons qu’elle vous a plu — et à vos filigranes !