feat: Add Trim UI to Studio Editor #64
Description
User story
As a Studio user, I want to be able to visually trim the start of my clips in the Studio UI, so that I don't have to manually edit the JSON payload to change an asset's duration.
Motivation & context
Trimming is already fully supported by the Shotstack API and rendering engine via the JSON payload.
However, there is no way for users to do this visually in the Studio Editor UI.
Adding this will remove a lot of friction for non-technical users.
Acceptance criteria
- Users can trim clips by dragging the left edges of the clip on the timeline.
And/Or
-
Users can enter exact "Trim Start" values in the clip properties panel.
-
The Studio preview player dynamically updates to reflect the trimmed clip.
-
The editor generates the correct JSON payload with the updated trim/length properties.
Implementation notes
The backend engine already supports this.
The frontend just needs to map user UI adjustments to the existing trim and length properties in the generated JSON.
Additional Context
No response