Track Area
Last updated
Last updated
After completing the editing of the storyboard, you can further refine the editing in the track area, such as:
Adding and editing images, audio, text, and other assets within a video scene;
Adding and configuring interactive elements, such as Freeze, Loop, and Hold, within a video scene;
Setting the duration and parameters of the above elements in the track area to achieve rich interactive video effects.
The track area is used to display and edit all video elements, interactive elements, and other elements of "a complete branch" in the video.
Click on a node in the storyboard, and the track area will automatically switch to the corresponding branch of that node, displaying all elements in that branch.
The content displayed in the track area includes:
Elements in the scene: videos, images, audio, text, etc.
Interactive elements between scenes: such as Freeze, Loop, etc.
The track area currently includes the following track types:
Video Track: Only one video track is allowed (the video added in the storyboard).
Quick video trimming by dragging is supported:
When dragging the end of a video to trim, releasing the mouse will immediately apply the trim.
When dragging the start of a video, the trim will only take effect after clicking the play button in the preview area.
Image Track: Supports assets such as images, sequence frames, particles, etc.
Text Track: Used for adding and editing text assets.
Audio Track: Used for adding and editing audio assets.
Interactive Element Track: Used for placing Interactive Elements, such as Freeze, Loop, Hold, etc.
🌟Track layer hierarchy: Interactive Elements > Text > Image > Video > Audio.
Select a scene with the pointer, choose and add the required assets from the Asset Area to the track of that scene, such as images, text, or audio.
Dragging assets forward and backward to adjust their display position and duration is supported.
You can also drag to trim the video duration; the packaging process will calculate based on the trimmed duration.
When Interactive Elements exist in a scene, dragging other assets under an Interactive Element will quickly reuse the same duration as the Interactive Element.
Support for Copy, Paste, and Delete for specific asset elements.
Support for Undo and Redo actions.
Click the "Interactive Elements" button in the Asset Area, select the corresponding interactive element type, and add it to the track.
Currently, there are three types of Interactive Elements: Freeze, Loop, and Hold, used to create rich interactive effects.
The Freeze element is used to pause the video at a specified position, and it will resume only when the user interacts (press or swipe).
Place the Freeze element where the video should pause, then configure the parameters.
Edit Click Area (this can be understood as the Interactive Area): The user must interact within the specified area to trigger the interaction.
Set Gesture (this can be understood as the trigger event): Includes "Click" and "Swipe" types.
Click: When the user "presses" in the specified area, the video continues playing or triggers another event.
Swipe: Additional configuration is required for the swipe direction (up, down, left, right, or any direction). When the user swipes in the specified direction within the designated area, the video continues or triggers another event.
Please Note: The duration of the Freeze element in the track is only for a specific frame of the video, so it does not support drag-adjusting the duration.
The Loop element is used to enter a looping mode at a specified position in the video and will continue looping until the user interacts (press or swipe).
Place the Loop element where you want the video to loop, drag to adjust its duration, and then configure the parameters.
Choose Loop Type: "One-way Loop" and "Two-way Loop."
Edit Click Area: The user must interact within the specified area to trigger the interaction.
Set Gesture: Includes "Click" and "Swipe" types.
Click: When the user "presses" in the specified area, the video continues playing from the last point and ends the loop.
Swipe: Additional configuration is required for the swipe direction (up, down, left, right, or any direction). When the user swipes in the specified direction, the video continues or triggers another event, ending the loop.
The Hold element is used to pause the video at a specific position. The video continues when the user holds down, and it pauses again when the user releases until the current video segment finishes.
Place the Hold element where you want the video to continue with a long press, and drag to adjust its duration, then configure the parameters.
Edit Click Area: The user must interact within the specified area to trigger the interaction.
Set Gesture: Only "Long Press" is supported. When the user "long presses" within the specified area, the video continues playing or triggers another event. Upon release, the video pauses.
