External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(videos): add XLaunchVideo composition with all 7 scenes

Browse Source
This commit is contained in:
SnapOtter
2026-05-08 16:44:54 +08:00
parent 30ad822853
commit d59be53709
2 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/videos/src/Root.tsx
+9
View File
@@ -17,6 +17,7 @@ import { PrivacyPromise } from "./compositions/hero/PrivacyPromise";
import { ToolGalaxy } from "./compositions/hero/ToolGalaxy";
import { PromoTeaser } from "./compositions/promo-teaser/PromoTeaser";
import { PromoTeaserVertical } from "./compositions/promo-teaser/PromoTeaserVertical";
import { XLaunchVideo } from "./compositions/x-launch/XLaunchVideo";
import { TEXT } from "./lib/fonts";
const ComponentTest: React.FC = () => (
@@ -146,5 +147,13 @@ export const RemotionRoot: React.FC = () => (
width={1080}
height={1920}
/>
<Composition
id="XLaunchVideo"
component={XLaunchVideo}
durationInFrames={1050}
fps={30}
width={1080}
height={1080}
/>
</>
);
apps/videos/src/compositions/x-launch/XLaunchVideo.tsx
+43
View File
@@ -0,0 +1,43 @@
import type React from "react";
import { AbsoluteFill, Series } from "remotion";
import { GrainOverlay } from "@/components/GrainOverlay";
import { COLOR } from "@/lib/colors";
import { AiShowcaseScene } from "./scenes/AiShowcaseScene";
import { FeatureBurstScene } from "./scenes/FeatureBurstScene";
import { GitHubCTAScene } from "./scenes/GitHubCTAScene";
import { HookScene } from "./scenes/HookScene";
import { PrivacyBeatScene } from "./scenes/PrivacyBeatScene";
import { TerminalInstallScene } from "./scenes/TerminalInstallScene";
import { ToolGridRevealScene } from "./scenes/ToolGridRevealScene";
export const XLaunchVideo: React.FC = () => {
return (
<AbsoluteFill style={{ backgroundColor: COLOR.dark }}>
<Series>
<Series.Sequence durationInFrames={120}>
<HookScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<TerminalInstallScene />
</Series.Sequence>
<Series.Sequence durationInFrames={180}>
<ToolGridRevealScene />
</Series.Sequence>
<Series.Sequence durationInFrames={180}>
<AiShowcaseScene />
</Series.Sequence>
<Series.Sequence durationInFrames={120}>
<PrivacyBeatScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<FeatureBurstScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<GitHubCTAScene />
</Series.Sequence>
</Series>
<GrainOverlay opacity={0.03} />
</AbsoluteFill>
);
};