mirror of
https://github.com/hanzoai/video.git
synced 2026-11-03 04:21:39 +00:00
calesthioandHanzo Dev
7ffb943132
11 production pipelines, 47 tools, 124 agent skills. Supports cloud APIs (fal.ai, OpenAI, ElevenLabs, Suno, HeyGen, Runway) and free local providers (diffusers, Piper TTS, WAN 2.1, Hunyuan, CogVideo). Co-authored-by: Hanzo Dev <[email protected]>
1.2 KiB
1.2 KiB
name, description, metadata
| name | description | metadata | ||
|---|---|---|---|---|
| trimming | Trimming patterns for Remotion - cut the beginning or end of animations |
|
Use <Sequence> with a negative from value to trim the start of an animation.
Trim the Beginning
A negative from value shifts time backwards, making the animation start partway through:
import { Sequence, useVideoConfig } from "remotion";
const fps = useVideoConfig();
<Sequence from={-0.5 * fps}>
<MyAnimation />
</Sequence>;
The animation appears 15 frames into its progress - the first 15 frames are trimmed off.
Inside <MyAnimation>, useCurrentFrame() starts at 15 instead of 0.
Trim the End
Use durationInFrames to unmount content after a specified duration:
<Sequence durationInFrames={1.5 * fps}>
<MyAnimation />
</Sequence>
The animation plays for 45 frames, then the component unmounts.
Trim and Delay
Nest sequences to both trim the beginning and delay when it appears:
<Sequence from={30}>
<Sequence from={-15}>
<MyAnimation />
</Sequence>
</Sequence>
The inner sequence trims 15 frames from the start, and the outer sequence delays the result by 30 frames.