Composition
A composition is something you can render. It consists of:
1 a React component
2 the canvas width and height
3 a "frames per second" (FPS) value
4 a duration value
5 an identifier id
It can be registered in the Remotion Studio by rendering a <Composition>
component.
A composition with a duration of 1 frame is also called a <Still>
.
In the Remotion Player, you don't use the <Composition>
component, rather you pass the component and metadata directly to the <Player>
.
Not to be confused with <Sequence>
.
Composition ID
The string that you pass as the id
prop to the <Composition>
component.
You need the composition ID to reference what you would like to render, for example: npx remotion render src/index <composition-id>
.