Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | 1x | import React from 'react';
import { Composition } from 'remotion';
import { LaunchSequence } from './LaunchSequence';
import { TikTokSequence } from './TikTok/TikTokSequence';
import { DesktopPromo } from './DesktopPromo';
/**
* Remotion Root configuration.
* Registers the 60-second landscape launch sequence, 600-frame (10-second) desktop promo,
* and 15-second vertical TikTok/Reels compositions.
*/
export function Root(): React.JSX.Element {
return (
<>
{/* 1080p Desktop Promo (10 seconds / 600 frames at 60fps) */}
<Composition
id='DesktopPromo'
component={DesktopPromo}
durationInFrames={600}
fps={60}
width={1920}
height={1080}
/>
{/* 1080p Full HD Launch Sequence (Default - 60 seconds at 60fps = 3600 frames) */}
<Composition
id='LaunchSequence'
component={LaunchSequence}
durationInFrames={3600}
fps={60}
width={1920}
height={1080}
/>
{/* 4K UHD Ultra HD Launch Sequence (60 seconds at 60fps = 3600 frames) */}
<Composition
id='LaunchSequence4K'
component={LaunchSequence}
durationInFrames={3600}
fps={60}
width={3840}
height={2160}
/>
{/* 15-Second 60fps Vertical TikTok / Reels Composition (9:16) */}
<Composition
id='TikTokVertical'
component={TikTokSequence}
durationInFrames={900}
fps={60}
width={1080}
height={1920}
/>
</>
);
}
|