import React from "react";
import { AbsoluteFill, Audio, Img, Sequence, staticFile } from "remotion";
import { FPS, SCHEDULE, VIDEO_DURATION } from "./timings";
import { FontsGate } from "./Fonts";
import { VideoContent } from "./VideoContent";
const Narration: React.FC = () => (
<>
{SCHEDULE.map((line) => (
))}
);
const musicVolume = (frame: number): number => {
const t = frame / FPS;
const fadeIn = Math.min(1, Math.max(0, t / 1.2));
const fadeOut = Math.min(1, Math.max(0, (VIDEO_DURATION - frame) / 30));
let duck = 1;
for (const line of SCHEDULE) {
if (t >= line.start - 0.15 && t <= line.start + line.duration + 0.3) {
duck = 0.45;
break;
}
}
return fadeIn * fadeOut * 0.34 * duck;
};
const Music: React.FC = () => (
);
export const LandscapeVideo: React.FC = () => (
);
export const VerticalVideo: React.FC = () => {
const scale = 1080 / 1920;
return (
{/* warm blurred backdrop fills the letterbox */}
![]({staticFile("images/hero.jpeg")})
);
};