Phần Tử Chú Thích

Thuộc tính	Loại	Bắt buộc	Ví dụ	Phạm vi giá trị	Mô tả
cues	array	true	-	-	Một mảng các đối tượng gợi ý đại diện cho nội dung văn bản, thời gian và siêu dữ liệu liên quan.
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	Biến đổi chữ hoa cho văn bản chú thích.
align	string	true	-	left, center, right, justify	Sự căn chỉnh văn bản của chú thích.
bgColor	string	true	-	-	Màu nền cho chú thích.
bgAlpha	number	true	-	0 - 1	Mức độ trong suốt của nền chú thích. 1 đại diện cho độ mờ hoàn toàn, và 0 đại diện cho độ trong suốt hoàn toàn.
bgRadius	number	true	-	-	Bán kính góc của nền chú thích, tính bằng pixel.
focus	object	false	-	-	Cấu hình tùy chọn cho văn bản tập trung/nhấn mạnh, bao gồm kiểu, nền và cài đặt hoạt hình.
inTween	object	false	-	-	Hoạt hình tween được áp dụng cho chú thích khi nó xuất hiện.
outTween	object	false	-	-	Hoạt hình tween được áp dụng cho chú thích khi nó biến mất.
displayMode	string	true	-	-	Chế độ hiển thị của chú thích, chẳng hạn như "Câu Đầy Đủ" hoặc "Từng Từ Một".
lineNum	number	true	-	-	Số lượng dòng mà chú thích được chia thành.
lineMaxWordNum	number	true	-	-	Số lượng từ tối đa trên mỗi dòng trong chú thích.

Cấu Hình Tập Trung

Đối tượng focus chứa các cài đặt cho văn bản được nhấn mạnh hoặc tập trung trong phần chú thích. Tất cả các thuộc tính đều là tùy chọn.

Thuộc tính	Loại	Bắt buộc	Ví dụ	Phạm vi giá trị	Mô tả
style	object	false	-	-	The text style applied to focused text. Contains the same properties as the Text element's textStyle object.
bgColor	string	false	-	-	Màu nền cho văn bản tập trung.
bgAlpha	number	false	-	0 - 1	Mức độ trong suốt của nền văn bản tập trung. 1 đại diện cho độ mờ hoàn toàn, và 0 đại diện cho độ trong suốt hoàn toàn.
bgRadius	number	false	-	-	Bán kính góc của nền văn bản tập trung, tính bằng pixel.
inTween	object	false	-	-	Hoạt hình tween được áp dụng cho văn bản tập trung khi nó xuất hiện.
outTween	object	false	-	-	Hoạt hình tween được áp dụng cho văn bản tập trung khi nó biến mất.
letterCase	string	false	-	uppercase, lowercase, Title Case, none	Biến đổi chữ hoa cho văn bản tập trung.

Gợi Ý Chú Thích

Thuộc tính	Loại	Bắt buộc	Ví dụ	Phạm vi giá trị	Mô tả
id	string	true	-	-	Một định danh duy nhất cho gợi ý.
start	number	true	-	-	Thời gian bắt đầu của gợi ý, tính bằng giây.
end	number	true	-	-	Thời gian kết thúc của gợi ý, tính bằng giây.
content	string	true	-	-	Nội dung văn bản của gợi ý.

Lưu ý: Mảng cues phải chứa ít nhất một đối tượng gợi ý. Đối tượng textStyle và đối tượng focus.style (nếu có) chứa các thuộc tính giống như đối tượng textStyle của phần tử Văn bản, bao gồm fontFamily, fontSize, fill (màu sắc), align, lineHeight, letterSpacing, wordSpacing, fontWeight, fontStyle, textShadow, underline, strikethrough, isBold, isItalic, shadowEnabled, shadowColor, shadowBlur, shadowAlpha, shadowAngle, shadowDistance, stroke, và 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

Phần Tử Chú Thích

Cấu Hình Tập Trung

Gợi Ý Chú Thích