منتقلی عناصر دو متوالی ویڈیو یا تصویر عناصر کے درمیان ہموار بصری اثرات پیدا کرتی ہیں۔
preNodeId) کے آخر کو دوسرے (postNodeId) کے آغاز کے ساتھ اوورلیپ کر کے کام کرتی ہیںstart وقت اوورلیپ مدت کے ساتھ ہم آہنگ ہونا چاہئےمنتقلی کے لئے زیادہ سے زیادہ دورانیہ درج ذیل کے ذریعہ طے کیا جاتا ہے:
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"
}
]
}