用途:为产品制作一段10–30秒的连续长镜头(one-take)说明视频,把产品工作流按空间排布在一张画布上,主角元素依次经过各站点,最后拉远展示全貌,形成“现在你懂它怎么运作”的时刻。默认12秒并做无缝循环。
主要能力:站点可复用真实界面机制,如开关/按钮、滑块/进度、通知堆叠、键盘输入、列表表格、图表、聊天、部署/发送按钮;站点标签用产品真实措辞讲故事的几句话。支持16:9(1920×1080)或9:16(1080×1920),可指定品牌色、字体、logo、音乐(自有音轨或合成)。
使用方式:先一次性问清brief(产品、必需记住的一点、品牌、画幅、时长、音乐、方向),仅产品为必填,其余留空则自行决定并说明。若提供URL,先抓取网站以使用真实措辞、功能、颜色和字体名。
实现约束:写成一个自包含HTML文件,内联CSS与JS;页面需暴露window.VIDEO={w,h,duration}与window.seek(t)纯时间函数,任意帧可独立正确渲染,不使用CSS过渡、setTimeout或跨帧状态;随机性用带种子的生成器;需要历史的(摄像机跟随、模拟)在加载时以1/240秒从0到duration烘焙并插值读取;提供?render时舞台为精确w×h且无控件、无预览缩放,否则按窗口缩放并显示预览控件。字体需下载woff2并以base64内联。
渲染:在工作目录执行npm i playwright,必要时npx playwright install chromium,ffmpeg需在PATH;用附带的render.mjs先输出静帧检查(node render.mjs demo.html check.png --stills …),再出快速草稿(node render.mjs demo.html draft.mp4 30 1 4)。
限制与红线:不得编造事实,客户数、收入、评分、证言、引用及“免费”等产品声明一律不得虚构,数字仅在用户或网站给出时使用,否则用相对条形、进度和占位骨架线;logo仅在用户提供文件或自有产品且明确要求时使用,第三方集成logo须提供,否则用中性圆角方块加名称;禁止剪切、淡黑、解释性文字覆盖、多个主角、不反应的站点和漂浮感物理。其余具体价格、平台、导出格式细节资料未提供。