Transloadit

Add subtitles to videos

🤖/video/subtitle adds subtitles and closed captions to videos.

This Robot supports both SRT and VTT subtitle files.

Usage example

If you have two file input fields in a form — one for a video and another for an SRT or VTT subtitle, named input_video and input_srt respectively (with the HTML name attribute), hereʼs how to embed the subtitles into the video with Transloadit:

{
  "steps": {
    "subtitled": {
      "robot": "/video/subtitle",
      "use": {
        "steps": [
          {
            "name": ":original",
            "fields": "input_video",
            "as": "video"
          },
          {
            "name": ":original",
            "fields": "input_srt",
            "as": "subtitles"
          }
        ]
      },
      "ffmpeg_stack": "v6"
    }
  }
}

Parameters

  • output_meta

    Record<string, boolean> | boolean

    Allows you to specify a set of metadata that is more expensive on CPU power to calculate, and thus is disabled by default to keep your Assemblies processing fast.

    For images, you can add "has_transparency": true in this object to extract if the image contains transparent parts and "dominant_colors": true to extract an array of hexadecimal color codes from the image.

    For videos, you can add the "colorspace: true" parameter to extract the colorspace of the output video.

    For audio, you can add "mean_volume": true to get a single value representing the mean average volume of the audio file.

    You can also set this to false to skip metadata extraction and speed up transcoding.

  • result

    boolean (default: false)

    Whether the results of this Step should be present in the Assembly Status JSON

  • queue

    "batch"

    Setting the queue to 'batch', manually downgrades the priority of jobs for this step to avoid consuming Priority job slots for jobs that don't need zero queue waiting times

  • force_accept

    boolean (default: false)
      Force a Robot to accept a file type it would have ignored.
    

    By default Robots ignore files they are not familiar with. 🤖/video/encode, for example, will happily ignore input images.

    With the force_accept parameter set to true you can force Robots to accept all files thrown at them. This will typically lead to errors and should only be used for debugging or combatting edge cases.

  • use

    string | Array<string> | Array<object> | object

    Specifies which Step(s) to use as input.

    • You can pick any names for Steps except ":original" (reserved for user uploads handled by Transloadit)
    • You can provide several Steps as input with arrays:
      {
        "use": [
          ":original",
          "encoded",
          "resized"
        ]
      }
      
  • ffmpeg

    object

    A parameter object to be passed to FFmpeg. If a preset is used, the options specified are merged on top of the ones from the preset. For available options, see the FFmpeg documentation. Options specified here take precedence over the preset options.

  • ffmpeg_stack

    "v5" | "v6" | "v7" | string (default: "v5.0.0")

    Selects the FFmpeg stack version to use for encoding. These versions reflect real FFmpeg versions. We currently recommend to use "v6.0.0".

  • width

    string | number | null

    Width of the new video, in pixels.

    If the value is not specified and the preset parameter is available, the preset's supplied width will be implemented.

  • height

    string | number | null

    Height of the new video, in pixels.

    If the value is not specified and the preset parameter is available, the preset's supplied height will be implemented.

  • preset

    Converts a video according to pre-configured settings.

    If you specify your own FFmpeg parameters using the Robot's and/or do not not want Transloadit to set any encoding setting, starting ffmpeg_stack: "v6", you can use the value 'empty' here.

  • subtitles_type

    "burned" | "external" | "burn" (default: "external")

    Determines if subtitles are added as a separate stream to the video (value "external") that then can be switched on and off in your video player, or if they should be burned directly into the video (value "burned" or "burn") so that they become part of the video stream.

  • border_style

    "box" | "outline" | "shadow" (default: "outline")

    Specifies the style of the subtitle. Use the border_color parameter to specify the color of the border.

  • border_color

    string (default: "40000000")

    The color for the subtitle border. The first two hex digits specify the alpha value of the color.

  • font

    string (default: "Arial")

    The font family to use. Also includes boldness and style of the font.

    Here is a list of all supported fonts.

  • font_color

    string (default: "FFFFFF")

    The color of the subtitle text. The first two hex digits specify the alpha value of the color.

  • font_size

    string | number (default: 16)

    Specifies the size of the text.

  • position

    (default: "bottom")

    Specifies the position of the subtitles.

Demos

Related blog posts