| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| cues | array | true | - | - | 큐 객체의 배열로 텍스트 콘텐츠, 타이밍 및 관련 메타데이터를 나타냅니다. |
| 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 | 캡션 텍스트의 대문자 변환. |
| align | string | true | - | left, center, right, justify | 캡션의 텍스트 정렬. |
| bgColor | string | true | - | - | 캡션의 배경 색상. |
| bgAlpha | number | true | - | 0 - 1 | 캡션 배경의 투명도 수준. 1은 완전 불투명, 0은 완전 투명입니다. |
| bgRadius | number | true | - | - | 캡션 배경의 코너 반경(픽셀). |
| focus | object | false | - | - | 강조/포커스된 텍스트에 대한 선택적 구성으로, 스타일, 배경 및 애니메이션 설정을 포함합니다. |
| inTween | object | false | - | - | 캡션이 나타날 때 적용되는 트윈 애니메이션. |
| outTween | object | false | - | - | 캡션이 사라질 때 적용되는 트윈 애니메이션. |
| displayMode | string | true | - | - | 캡션의 표시 모드, 예: "전체 문장" 또는 "단어별". |
| lineNum | number | true | - | - | 캡션이 나누어지는 줄의 수. |
| lineMaxWordNum | number | true | - | - | 캡션의 한 줄당 최대 단어 수. |
focus 객체는 캡션 내 강조된 또는 포커스된 텍스트에 대한 설정을 포함합니다. 모든 속성은 선택적입니다.
| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| style | object | false | - | - | The text style applied to focused text. Contains the same properties as the Text element's textStyle object. |
| bgColor | string | false | - | - | 강조된 텍스트의 배경 색상. |
| bgAlpha | number | false | - | 0 - 1 | 강조된 텍스트 배경의 투명도 수준. 1은 완전 불투명, 0은 완전 투명입니다. |
| bgRadius | number | false | - | - | 강조된 텍스트 배경의 코너 반경(픽셀). |
| inTween | object | false | - | - | 강조된 텍스트가 나타날 때 적용되는 트윈 애니메이션. |
| outTween | object | false | - | - | 강조된 텍스트가 사라질 때 적용되는 트윈 애니메이션. |
| letterCase | string | false | - | uppercase, lowercase, Title Case, none | 강조된 텍스트의 대문자 변환. |
| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| id | string | true | - | - | 큐에 대한 고유 식별자. |
| start | number | true | - | - | 큐의 시작 시간(초). |
| end | number | true | - | - | 큐의 종료 시간(초). |
| content | string | true | - | - | 큐의 텍스트 콘텐츠. |
참고:
cues배열은 최소한 하나의 큐 객체를 포함해야 합니다.textStyle객체와focus.style객체(제공된 경우)는 텍스트 요소의textStyle객체와 동일한 속성을 포함하며, 여기에는 fontFamily, fontSize, fill(색상), align, lineHeight, letterSpacing, wordSpacing, fontWeight, fontStyle, textShadow, underline, strikethrough, isBold, isItalic, shadowEnabled, shadowColor, shadowBlur, shadowAlpha, shadowAngle, shadowDistance, stroke, strokeWidth가 포함됩니다.
{
"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
}