| ทรัพย์สิน | ประเภท | จำเป็น | ตัวอย่าง | ช่วงค่า | คำอธิบาย |
|---|---|---|---|---|---|
| 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 | - | - | การเคลื่อนไหวแบบ tween ที่ใช้กับคำบรรยายเมื่อปรากฏ |
| outTween | object | false | - | - | การเคลื่อนไหวแบบ tween ที่ใช้กับคำบรรยายเมื่อหายไป |
| displayMode | string | true | - | - | โหมดการแสดงผลของคำบรรยาย เช่น "Full Sentence" หรือ "Word by Word" |
| 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 | - | - | การเคลื่อนไหวแบบ tween ที่ใช้กับข้อความที่มีจุดสนใจเมื่อปรากฏ |
| outTween | object | false | - | - | การเคลื่อนไหวแบบ tween ที่ใช้กับข้อความที่มีจุดสนใจเมื่อหายไป |
| 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ขององค์ประกอบ Text รวมถึง 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
}