用途:把遗留或现有的 HyperFrames HTML 合成迁移为纯 React Remotion 代码。
主要能力:提供 HyperFrames 概念到 Remotion 的映射表。GSAP 时间线的 .to()/.from() 对应 useCurrentFrame() 配合 spring()/interpolate();带 data-start、data-end 的 <div class="clip"> 对应 <Sequence from={start} durationInFrames={duration}>;<video> 元素对应 <OffthreadVideo src={staticFile('...')} />;<audio> 元素对应 <Audio src={staticFile('...')} />。渲染命令由 npx hyperframes render 改为 npx remotion render src/index.ts MyComp out/video.mp4。
使用方式:迁移步骤为解析 HyperFrames HTML 结构与时间线数值;将场景布局重建为 React <AbsoluteFill> 组件;用帧确定性的 Remotion spring() 与 interpolate() 原语替换 GSAP 插值;最后在 Remotion Studio 中验证输出。
适用场景:需要把基于 HTML 与 GSAP 的 HyperFrames 合成转为 React Remotion 项目时使用。
限制:资料未提供具体版本要求、依赖安装细节、兼容性范围或性能说明,暂未提供。