Estilo de subtítulos con Transloadit: 3 formas creativas

Joseph Grabski

Responsable de contenidos · Rochester, Reino Unido · Mostrar bio

Un estilo de subtítulos distintivo es solo una de las muchas formas en que los servicios de streaming de video pueden definir su marca. A menudo puedes darte cuenta de un solo vistazo si un video proviene de Netflix o de YouTube, simplemente por el diseño de los subtítulos. El objetivo del blog de hoy es ayudarte a crear una identidad de marca única para tu contenido, revelando los secretos del estilo de subtítulos con la ayuda de Transloadit.

Nuestro Template base

Antes de repasar las opciones de estilo, veamos el Template base que vamos a usar para controlar el flujo de nuestros archivos.

{
  "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
    }
  }
}

Los dos Steps de /file/filter seleccionarán nuestros archivos de video y de subtítulos del array de archivos que subimos a la Assembly, y nos permitirán acceder a ellos directamente y pasarlos a los Steps posteriores de /video/subtitle.

A lo largo del resto del blog, cada Step que veamos se añadirá a este Template básico.

Con eso resuelto, ¡es hora de ponerse creativo! 🎨

1. Subtítulos de Netflix

Primero van los subtítulos de Netflix, con su característico estilo de vuelta a lo esencial. El Step que se muestra a continuación hará lo siguiente:

• Establecer el border_style en shadow
• Poner el color principal del texto en blanco
• Poner el color de la sombra en negro y ligeramente transparente
• Establecer la fuente en 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"
  }

Se ve bastante elegante, ¿no?

2. Subtítulos de YouTube

Ahora pasemos al estilo de subtítulos con bloques de Youtube. Para lograr este efecto, necesitamos:

• Establecer la fuente en Roboto
• Establecer el border_style en box
• Poner el color de la fuente en blanco
• Poner el color de la caja en negro y ligeramente 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"
  }

¡Esto debería resultarte bastante familiar!

3. Subtítulos vintage

Nuestro último estilo es un auténtico salto al pasado: unos subtítulos vintage inspirados en el VHS. Necesitamos configurar los parámetros de la siguiente manera:

• Establecer la fuente en Arial
• Establecer el border_style en outline
• Establecer el color del contorno en negro
• Establecer el color del texto en ese tono de amarillo tan característico

  "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": "03fcff",
    "border_style": "outline"
  }

Ahora tómate un momento para admirar nuestros subtítulos de estilo retro en todo su esplendor.

Para terminar

Eso es todo en este breve repaso al estilo de subtítulos con Transloadit. Por supuesto, siéntete libre de experimentar con los parámetros para ver qué se adapta mejor a ti y a tu contenido. Para una personalización aún mayor y un control más fino, echa un vistazo a los subtítulos SSA⁠, que Transloadit también admite.

¡Hasta la próxima! Y mientras tanto, ¿por qué no echas un vistazo a una de nuestras demos EN (English)?