Styliser les sous-titres avec Transloadit : 3 méthodes créatives

Joseph Grabski

Responsable du contenu · Rochester, Royaume-Uni · Afficher la bio

Un style de sous-titres distinctif n’est qu’une des nombreuses façons dont les services de streaming vidéo peuvent choisir de définir leur marque. Il suffit souvent d’un coup d’œil pour savoir si une vidéo provient de Netflix ou de YouTube, simplement grâce au design de ses sous-titres. L’objectif de l’article d’aujourd’hui est de vous aider à créer une identité de marque unique pour votre contenu, en dévoilant les secrets du style des sous-titres avec l’aide de Transloadit.

Notre Template de base

Avant de passer en revue les options de style, examinons le Template de base que nous allons utiliser pour contrôler le flux de nos fichiers.

{
  "steps": {
    ":original": {
      "robot": "/upload/handle"
    },
    "video_filtered": {
      "use": ":original",
      "robot": "/file/filter",
      "result": true,
      "accepts": [["${file.mime}", "regex", "video"]],
      "error_on_decline": false
    },
    "subtitle_filtered": {
      "use": ":original",
      "robot": "/file/filter",
      "result": true,
      "accepts": [["${file.mime}", "regex", "application/x-subrip"]],
      "error_on_decline": false
    }
  }
}

Les deux Steps /file/filter sélectionnent ici nos fichiers vidéo et de sous-titres parmi l’ensemble des fichiers que nous envoyons à l’Assembly, et nous permettent d’y accéder directement pour les transmettre aux Steps /video/subtitle suivants.

Dans la suite de cet article, chaque Step que nous examinerons sera ajouté à ce Template de base.

Maintenant que c’est fait, place à la créativité ! 🎨

1. Sous-titres Netflix

Commençons par les sous-titres de Netflix, avec leur style épuré caractéristique. Le Step ci-dessous va :

• Définir border_style sur shadow
• Mettre la couleur principale du texte en blanc
• Rendre l’ombre noire et légèrement transparente
• Définir la police sur Consolas

  "netflix": {
    "robot": "/video/subtitle",
    "use": {
      "steps": [
        {
          "name": "video_filtered",
          "as": "video"
        },
        {
          "name": "subtitle_filtered",
          "as": "subtitles"
        }
      ]
    },
    "preset": "empty",
    "ffmpeg_stack": "v5.0.0",
    "subtitles_type": "burned",
    "font": "Consolas",
    "border_color": "80000000",
    "font_color": "FFFFFF",
    "border_style": "shadow"
  }

Plutôt élégant, n’est-ce pas ?

2. Sous-titres YouTube

Passons maintenant au style de sous-titres en bloc de YouTube. Pour obtenir cet effet, nous devons :

• Définir la police sur Roboto
• Définir border_style sur box
• Mettre la couleur de la police en blanc
• Rendre la boîte noire et légèrement transparente

  "youtube": {
    "robot": "/video/subtitle",
    "use": {
      "steps": [
        {
          "name": "video_filtered",
          "as": "video"
        },
        {
          "name": "subtitle_filtered",
          "as": "subtitles"
        }
      ]
    },
    "preset": "empty",
    "ffmpeg_stack": "v5.0.0",
    "subtitles_type": "burned",
    "font": "Roboto",
    "border_color": "40000000",
    "font_color": "FFFFFF",
    "border_style": "box"
  }

Cela devrait vous sembler familier !

3. Sous-titres vintage

Notre dernier style est un véritable retour dans le passé : des sous-titres vintage inspirés des cassettes VHS. Nous devons configurer nos paramètres comme suit :

• Définir la police sur Arial
• Définir border_style sur outline
• Mettre la couleur du contour en noir
• Mettre la couleur du texte sur cette teinte de jaune si caractéristique

  "vintage": {
    "robot": "/video/subtitle",
    "use": {
      "steps": [
        {
          "name": "video_filtered",
          "as": "video"
        },
        {
          "name": "subtitle_filtered",
          "as": "subtitles"
        }
      ]
    },
    "preset": "empty",
    "ffmpeg_stack": "v5.0.0",
    "subtitles_type": "burned",
    "font": "Arial",
    "border_color": "00000000",
    "font_color": "fffc03",
    "border_style": "outline"
  }

Prenez maintenant un instant pour admirer nos sous-titres rétro dans toute leur splendeur.

Pour conclure

Voilà qui conclut notre bref aperçu du style des sous-titres avec Transloadit. Bien sûr, n’hésitez pas à jouer vous-même avec les paramètres pour trouver ce qui vous convient le mieux, à vous et à votre contenu. Pour encore plus de personnalisation et un contrôle plus précis, jetez un œil aux sous-titres SSA⁠, que Transloadit prend également en charge.

À la prochaine ! Et en attendant, pourquoi ne pas jeter un œil à l’une de nos démos EN (English) ?