การเปลี่ยนผ่านสร้างเอฟเฟกต์ภาพที่ราบรื่นระหว่างสององค์ประกอบวิดีโอหรือภาพที่ต่อเนื่องกัน
preNodeId) กับจุดเริ่มต้นของอีกองค์ประกอบหนึ่ง (postNodeId)เริ่มต้น ของการเปลี่ยนผ่านควรตรงกับช่วงเวลาทับซ้อนระยะเวลาสูงสุดสำหรับการเปลี่ยนผ่านจะถูกกำหนดโดย:
maxDuration = min(
availableEndTime_of_preNode,
availableStartTime_of_postNode
)หากคุณตั้งระยะเวลานานกว่านี้ การเปลี่ยนผ่านอาจไม่แสดงผลอย่างถูกต้อง
| ทรัพย์สิน | ประเภท | จำเป็น | ตัวอย่าง | ช่วงค่า | คำอธิบาย |
|---|---|---|---|---|---|
| preNodeId | string | true | - | - | หมายเลขประจำตัวที่ไม่ซ้ำกันขององค์ประกอบก่อนหน้าที่การเปลี่ยนผ่านเริ่มต้น |
| postNodeId | string | true | - | - | หมายเลขประจำตัวที่ไม่ซ้ำกันขององค์ประกอบถัดไปที่การเปลี่ยนผ่านสิ้นสุด |
| transitionType | string | true | - | directionalwarp, directionalwipe, Bounce, BowTieHorizontal, BowTieVertical, ButterflyWaveScrawler, CircleCrop, ColourDistance, CrazyParametricFun, Directional, DoomScreenTransition, Dreamy, DreamyZoom, GridFlip, InvertedPageCurl, LinearBlur, Mosaic, PolkaDotsCurtain, Radial, SimpleZoom, StereoViewer, Swirl, WaterDrop, ZoomInCircles, angular, burn, cannabisleaf, circle, colorphase, crosshatch, crosswarp, cube, displacement, doorway, fade, fadecolor, fadegrayscale, flyeye, heart, hexagonalize, kaleidoscope, luma, luminance_melt, morph, multiply_blend, pinwheel, pixelize, polar_function, ripple, rotate_scale_fade, squareswire, squeeze, swap, undulatingBurnOut, wind, windowblinds, windowslice, wipeDown, wipeLeft, wipeRight, wipeUp | ประเภทของเอฟเฟกต์การเปลี่ยนผ่านที่ใช้ ชื่อมีความไวต่อการพิมพ์ |
หมายเหตุสำคัญ:
preNodeIdและpostNodeIdต้องอ้างอิงถึงองค์ประกอบที่มีอยู่ในอาร์เรย์view- ความไวต่อการพิมพ์: ชื่อประเภทการเปลี่ยนผ่านมีความไวต่อการพิมพ์ ใช้ชื่อที่ระบุไว้ข้างต้นอย่างถูกต้อง
- รูปแบบการตั้งชื่อ: การเปลี่ยนผ่านบางรายการใช้ PascalCase (เช่น
Bounce,CircleCrop), บางรายการใช้ตัวพิมพ์เล็ก (เช่นfade,wipeLeft) ใช้ชื่อที่แสดงไว้ตามที่เห็น- ขีดจำกัดระยะเวลา: ตรวจสอบให้แน่ใจว่าระยะเวลาในการเปลี่ยนผ่านไม่เกินเวลาทับซ้อนระหว่างองค์ประกอบ
- องค์ประกอบการเปลี่ยนผ่านเองไม่จำเป็นต้องมี
trackIndex- มันจะได้รับเวลาจากองค์ประกอบที่อ้างอิง
กรณีการใช้งานตัวอย่าง:
- การเปลี่ยนผ่านแบบ
fadeให้เอฟเฟกต์การข้ามการละลายคลาสสิกระหว่างวิดีโอสองรายการwipeLeftสร้างเอฟเฟกต์การเช็ดเลื่อนจากขวาไปซ้ายBounceเพิ่มการกระโดดที่เล่นสนุกในระหว่างการเปลี่ยนผ่าน- การเปลี่ยนผ่านแบบกำหนดเองเช่น
directionalwarpสร้างเอฟเฟกต์การบิดเบือน
วิดีโอสองรายการที่มีการทับซ้อนการเปลี่ยนผ่าน 2 วินาที:
{
"view": [
{
"id": "435862f1-2358-464d-b379-26f4b63b12e3",
"type": "Video",
"start": 0,
"duration": 10.218542,
"trackIndex": 0,
"externalUrl": "https://example.com/video1.mp4",
"ext": "mp4"
},
{
"id": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
"type": "Video",
"start": 8.218542,
"duration": 15,
"trackIndex": 0,
"externalUrl": "https://example.com/video2.mp4",
"ext": "mp4"
}
],
"transition": [
{
"id": "52b20852-e260-41aa-afab-70c22e20f62b",
"type": "Transition",
"start": 8.218542,
"duration": 2,
"preNodeId": "435862f1-2358-464d-b379-26f4b63b12e3",
"postNodeId": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
"transitionType": "directionalwarp"
}
]
}