top of page
Timeline Component
component-AAT2
Layer 1
0:00
0:01
0:02
0:03
0:04
0:05
0:06
0:07
0:08
0:09
0:10
0:11
0:12
0:13
0:14
0:15
0:16
0:17
0:18
0:19
0:20
0:21
0:22
0:23
🏞️
starter.mp4 0:14 - 0:17
Person looking off to the distance, intensely
mark_voiceover.mp3
🚗
riza_footage.mp4 5:42 - 5:48
Parking lot talking to the camera
What's next?
Project Assets (stored in S3 bucket)
video1.mp4
video2.mp4
video3.mp4
audio.mp3
Stop typing to search
View one - Text Editor
When you type a query (i.e. "person looking off to the distance, intensely"):
-
API query call
2. Add the first returned clip to the timeline, auto-cropped, with thumbnails fetched and added, and emoji fetched
3. The What's next text box is moved below, waiting for another query
On clip focus:
1. If a clip is clicked on, it is focused, and visually represented by a thicker black border
2. Focused clips can be resized (i.e. you can grab the top edge to extend the clip upwards, same downwards), thumbnails updated
3. Focused clips can be shuffled and moved (i.e. dragging the entire box below another clip on the timeline
General Component Features:
1. Pinch to zoom, and the box width does not change, only height, and timestamp numbers on the size are updated; if the text gets cut by zooming too far out, just ignore it for now
2. Smaller layer preview on the right-hand side of the timeline
3. Assets can be dragged into the right-hand side of the timeline to put them in a different layer (i.e. the audio track layer). When assets are dragged in, automatically transition to the normal editor view
4. Clicking on the top right arrow also transitions into the normal editor view
bottom of page