# Scenes

Plays a list of scenes back to back with a transition between each pair, and computes the total length for calculateMetadata.

```bash
npx shadcn add https://www.reelcn.dev/r/scenes.json
```

Usage:

```tsx
<Scenes
  items={[
    { node: <Intro />, duration: 90, transition: splitDoors() },
    { node: <Features />, duration: 150, transition: fade(), timing: linearTiming({ durationInFrames: 15 }) },
    { node: <Outro />, duration: 90 },
  ]}
  defaultTiming={linearTiming({ durationInFrames: 24 })}
/>
```

Use for:

- Assembling a whole video from scene components, one entry per scene
- Mixing reelcn transitions with the ones built into @remotion/transitions

Dependencies:

- `@remotion/transitions`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| items | `SceneItem[]` | — |  |
| defaultTransition? | `AnyPresentation` | — | Used after scenes that set no transition. Without one, those scenes hard-cut. |
| defaultTiming? | `TransitionTiming` | — | Used by transitions that set no timing. Defaults to 20 linear frames. |
| style? | `CSSProperties` | — |  |
| className? | `string` | — |  |