SuperAPI AI 工具集

product-film

前端与建站

查看项目

更新于 10-15 21:41

技能介绍

用途:把产品发布或宣传短片做成一个自包含的 HTML 文件,画面与合成配乐共用同一时间基准,保证音画同步,文件保持文本形态、可 diff、可评审、可重新调整节奏。

主要能力:一个 1920×1080 舞台、场景时间线、纯 render(t) 函数(所有元素状态由影片时间 t 计算)、以及由预计算声音事件列表构成的配乐。浏览器内可实时预览:拖动、逐帧、带声播放;导出时用无头 Chrome 逐帧截图并管道给 ffmpeg 生成 MP4,因捕获不按实时运行,导出帧精确、不受机器速度影响。

使用方式:需要 Chrome 或 Chromium、带 libx264 的 ffmpeg、Node 22+(导出脚本使用 Node 内置 WebSocket)。流程为先收集参考素材并整理借用清单,再写分镜表(场景 id、起止秒数、观众须理解的一点、落点节拍)并获用户确认,然后按引擎契约编写 film.html,直接以 file:// 打开;空格播放,←/→ 逐帧,逗号与句号跳一秒,?t=7.5 从指定时间打开,?clean 隐藏控件。配乐为每个屏幕动作放置音效,用截图检查关键帧后导出,导出可按整片或指定秒段与帧率运行,示例命令:node film-capture.mjs film.html film.mp4,以及 node film-capture.mjs film.html test.mp4 30 3 12。

关键约定与限制:render(t) 必须纯函数,不得使用 CSS transition/animation、setTimeout、Date.now() 或 Math.random();随机需用带种子的 rng;场景切换用时间线映射控制 .scene;提示时间用相对偏移,避免硬编码绝对时间;位置从 DOM 用 getBoundingClientRect 测量。该管线用 HTML 绘制,无法拍摄真人;节奏上每个动作约需 0.8–1.2 秒停留,约五个节拍的 UI 序列需 10–12 秒。资料未提供价格与平台信息。