| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| preNodeId | string | true | - | - | The unique identifier of the preceding element where the transition starts. |
| postNodeId | string | true | - | - | The unique identifier of the following element where the transition ends. |
| 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 | The type of transition effect applied (e.g., "fade", "directionalwarp"). |
Note: The
preNodeIdandpostNodeIddefine the elements involved in the transition. ThetransitionTypespecifies the visual effect to apply, such as fade, wipe, or directional warp.
Example: A
Transitionelement provides a seamless effect between two video elements, with customizable duration and transition type.
1{
2 "id": "52b20852-e260-41aa-afab-70c22e20f62b",
3 "type": "Transition",
4 "start": 8.218542,
5 "duration": 2,
6 "preNodeId": "435862f1-2358-464d-b379-26f4b63b12e3",
7 "postNodeId": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
8 "transitionType": "directionalwarp",
9 "trackIndex": null
10}
11