Spaces:
Runtime error
Runtime error
File size: 3,807 Bytes
00a4363 34b0226 f74c934 0d81e80 00a4363 34b0226 2823b28 34b0226 00a4363 34b0226 00a4363 34b0226 00a4363 0d81e80 f74c934 00a4363 34b0226 00a4363 34b0226 00a4363 | 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 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 | import { Composition, Still } from "remotion";
import { AudiogramSquare, audiogramDuration } from "./compositions/AudiogramSquare";
import { CarouselSlide } from "./compositions/CarouselSlide";
import { ExplainerLong, explainerDuration } from "./compositions/ExplainerLong";
import { DEMO_DURATION, DEMO_FPS, LandingDemo } from "./compositions/LandingDemo";
import { LAUNCH_DURATION, LAUNCH_FPS, LaunchTrailer } from "./compositions/LaunchTrailer";
import { QuoteCard } from "./compositions/QuoteCard";
import { ShortVertical, shortVerticalDuration } from "./compositions/ShortVertical";
import {
FPS,
audiogramSquareSchema,
carouselSlideSchema,
explainerLongSchema,
quoteCardSchema,
shortVerticalSchema,
type AudiogramSquareProps,
type ExplainerLongProps,
type ShortVerticalProps,
} from "./schema";
const sampleScenes: ShortVerticalProps["scenes"] = [
{ type: "section", onScreenText: "You have written hundreds of thousands of words.", narration: "", durationS: 3 },
{ type: "pull_quote", onScreenText: "If a host says it, you wrote it.", narration: "", durationS: 3, citation: "Notestack blog" },
{ type: "outro", onScreenText: "Connect your writing. Launch.", narration: "", durationS: 2.5 },
];
const sampleShort: ShortVerticalProps = {
hook: "Your archive already is a podcast",
scenes: sampleScenes,
captions: [],
brand: {},
};
const sampleExplainer: ExplainerLongProps = { title: "Why your archive is an asset", scenes: sampleScenes, captions: [], brand: {} };
const sampleAudiogram: AudiogramSquareProps = {
title: "Audio overview",
audioUrl: "https://cdn.jsdelivr.net/npm/@remotion/example-videos@1.0.0/audio.mp3",
durationS: 8,
segments: [{ speaker: "host_a", text: "Welcome back to the archive.", startMs: 0, endMs: 4000 }],
brand: {},
};
export function Root() {
return (
<>
<Composition id="LaunchTrailer" component={LaunchTrailer} width={1920} height={1080} fps={LAUNCH_FPS} durationInFrames={LAUNCH_DURATION} />
<Composition id="LandingDemo" component={LandingDemo} width={1920} height={1080} fps={DEMO_FPS} durationInFrames={DEMO_DURATION} />
<Composition
id="ShortVertical"
component={ShortVertical}
schema={shortVerticalSchema}
width={1080}
height={1920}
fps={FPS}
durationInFrames={shortVerticalDuration(sampleShort)}
defaultProps={sampleShort}
calculateMetadata={({ props }) => ({ durationInFrames: shortVerticalDuration(props) })}
/>
<Composition
id="ExplainerLong"
component={ExplainerLong}
schema={explainerLongSchema}
width={1920}
height={1080}
fps={FPS}
durationInFrames={explainerDuration(sampleExplainer)}
defaultProps={sampleExplainer}
calculateMetadata={({ props }) => ({ durationInFrames: explainerDuration(props) })}
/>
<Composition
id="AudiogramSquare"
component={AudiogramSquare}
schema={audiogramSquareSchema}
width={1080}
height={1080}
fps={FPS}
durationInFrames={audiogramDuration(sampleAudiogram)}
defaultProps={sampleAudiogram}
calculateMetadata={({ props }) => ({ durationInFrames: audiogramDuration(props) })}
/>
<Still
id="QuoteCard"
component={QuoteCard}
schema={quoteCardSchema}
width={1080}
height={1080}
defaultProps={{ quote: "Every sentence, traceable.", author: "Notestack", brand: {} }}
/>
<Still
id="CarouselSlide"
component={CarouselSlide}
schema={carouselSlideSchema}
width={1080}
height={1350}
defaultProps={{ heading: "Your archive is a launch engine", body: "", index: 1, total: 6, brand: {} }}
/>
</>
);
}
|