Elemento de Caption

Prop	Tipo	Requerido	Ejemplo	Rango de Valores	Descripción
cues	array	true	-	-	Un array de objetos de señal que representan el contenido del texto, los tiempos, y los metadatos relacionados.
textStyle	object	true	-	-	The base text style applied to the caption, including font, color, shadow, and stroke settings. Contains the same properties as the Text element's textStyle object.
letterCase	string	true	-	uppercase, lowercase, Title Case, none	La transformación de la caja de letras para el texto del caption.
align	string	true	-	left, center, right, justify	La alineación del texto del caption.
bgColor	string	true	-	-	El color de fondo para el caption.
bgAlpha	number	true	-	0 - 1	El nivel de transparencia del fondo del caption. 1 representa opacidad completa, y 0 representa transparencia completa.
bgRadius	number	true	-	-	El radio de esquina del fondo del caption, en píxeles.
focus	object	false	-	-	Configuración opcional para texto enfocado/enfatizado, incluyendo estilo, fondo, y configuraciones de animación.
inTween	object	false	-	-	La animación de tween aplicada al caption cuando aparece.
outTween	object	false	-	-	La animación de tween aplicada al caption cuando desaparece.
displayMode	string	true	-	-	El modo de visualización del caption, como "Frase Completa" o "Palabra por Palabra".
lineNum	number	true	-	-	El número de líneas en las que se divide el caption.
lineMaxWordNum	number	true	-	-	El número máximo de palabras por línea en el caption.

Configuración de Enfoque

El objeto focus contiene configuraciones para texto enfatizado o enfocado dentro del caption. Todas las propiedades son opcionales.

Prop	Tipo	Requerido	Ejemplo	Rango de Valores	Descripción
style	object	false	-	-	The text style applied to focused text. Contains the same properties as the Text element's textStyle object.
bgColor	string	false	-	-	El color de fondo para el texto enfocado.
bgAlpha	number	false	-	0 - 1	El nivel de transparencia del fondo del texto enfocado. 1 representa opacidad completa, y 0 representa transparencia completa.
bgRadius	number	false	-	-	El radio de esquina del fondo del texto enfocado, en píxeles.
inTween	object	false	-	-	La animación de tween aplicada al texto enfocado cuando aparece.
outTween	object	false	-	-	La animación de tween aplicada al texto enfocado cuando desaparece.
letterCase	string	false	-	uppercase, lowercase, Title Case, none	La transformación de la caja de letras para el texto enfocado.

Señal de Caption

Prop	Tipo	Requerido	Ejemplo	Rango de Valores	Descripción
id	string	true	-	-	Un identificador único para la señal.
start	number	true	-	-	El tiempo de inicio de la señal, en segundos.
end	number	true	-	-	El tiempo de finalización de la señal, en segundos.
content	string	true	-	-	El contenido del texto de la señal.

Nota: El array cues debe contener al menos un objeto de señal. El objeto textStyle y el objeto focus.style (si se proporciona) contienen las mismas propiedades que el objeto textStyle del elemento de texto, incluyendo fontFamily, fontSize, fill (color), align, lineHeight, letterSpacing, wordSpacing, fontWeight, fontStyle, textShadow, underline, strikethrough, isBold, isItalic, shadowEnabled, shadowColor, shadowBlur, shadowAlpha, shadowAngle, shadowDistance, stroke, y strokeWidth.

captionElement.json


{
    "id": "057c61ba-3365-4624-856f-992e1b8a419a",
    "type": "Caption",
    "start": 1,
    "duration": 9,
    "trackIndex": 0,
    "x": 0,
    "y": 470,
    "blendMode": "normal",
    "anchorX": 0,
    "anchorY": 0,
    "rotation": 0,
    "scaleX": 1,
    "scaleY": 1,
    "alpha": 1,
    "skewX": 0,
    "skewY": 0,
    "keyframes": [],
    "cues": [
      {
        "start": 1,
        "end": 4,
        "content": "Winters come after Autumn.",
        "id": "dc0719f3-12c3-4e44-b127-e4f0b2ba4574"
      },
      {
        "start": 5,
        "end": 10,
        "content": "Often the weather goes too cold in winter.\nYou should cover yourself with warm clothes.",
        "id": "7f243bd6-1283-4957-b8b0-9488eec46f40"
      }
    ],
    "textStyle": {
      "fill": "#ffffff",
      "fontSize": 28,
      "fontFamily": "Arial",
      "align": "left",
      "lineHeight": 0,
      "letterSpacing": 0,
      "isBold": true,
      "isItalic": false,
      "shadowEnabled": true,
      "shadowColor": "#000000",
      "shadowBlur": 4,
      "shadowAlpha": 0.75,
      "shadowAngle": 1.2,
      "shadowDistance": 3,
      "stroke": "#000000",
      "strokeWidth": 2
    },
    "letterCase": "Title Case",
    "align": "center",
    "bgColor": "#a3e635",
    "bgAlpha": 0,
    "bgRadius": 10,
    "focus": {
      "style": {
        "fill": "#f2c9ff",
        "fontSize": 28,
        "fontFamily": "Arial",
        "align": "left",
        "lineHeight": 0,
        "letterSpacing": 0,
        "isBold": true,
        "isItalic": false,
        "shadowEnabled": false,
        "shadowColor": "",
        "shadowBlur": 0,
        "shadowAlpha": 1,
        "shadowAngle": 0,
        "shadowDistance": 0,
        "stroke": "#000000",
        "strokeWidth": 2
      },
      "bgColor": "#dd38f4",
      "bgAlpha": 1,
      "bgRadius": 10,
      "inTween": {
        "name": "Fade In",
        "duration": 1,
        "from": { "alpha": 0 },
        "to": { "alpha": 1 },
        "cp1": { "x": 0, "y": 0 },
        "cp2": { "x": 1, "y": 1 }
      },
      "letterCase": "Title Case"
    },
    "inTween": {
      "name": "Fade In",
      "duration": 1,
      "from": { "alpha": 0 },
      "to": { "alpha": 1 },
      "cp1": { "x": 0, "y": 0 },
      "cp2": { "x": 1, "y": 1 }
    },
    "displayMode": "Full Sentence",
    "lineNum": 2,
    "lineMaxWordNum": 10
  }

Overview

Element

Effect

Elemento de Caption

Configuración de Enfoque

Señal de Caption