Chapter 662: Timings

Core Idea

A timing together with a presentation forms a transition. Remotion provides certain timings out of the box, but you can also create your own.

Key Concepts

• Available timings
• Getting the duration of a timing

Code Examples

springTiming({ config: { damping: 200 } }).getDurationInFrames({ fps: 30 }); // 23

• What it demonstrates: Usage pattern for Timings from the official docs.

Key Takeaways

1. Understand available timings when working with Timings.
2. Understand getting the duration of a timing when working with Timings.

Connects To

• Audio Transitions: related page in the Transitions (@remotion/transitions) section.
• Make Html in Canvas Presentation: related page in the Transitions (@remotion/transitions) section.
• Presentations: related page in the Transitions (@remotion/transitions) section.