用 HyperFrames 和编程智能体制作产品发布视频

Peter Yang 与 HeyGen 的 Bin Liu 和 Jake Moran 讨论 HyperFrames，这是一款借助编程智能体创建视频的工具。嘉宾介绍了免费工具，也提到可选的外部模型和媒体服务可能收费；当前可用性和条款可能变化。

HyperFrames 合成项目将 HTML、CSS、JavaScript、视频素材、音频和动画组合在一起，再由渲染器生成视频。嘉宾介绍了向编程智能体提供相关技能或使用现有集成的方法，并演示了一个根据网站及其素材制作的发布视频。

他们的网站转视频工作流先收集原始素材、编写分镜，再逐场构建视频。团队还提到了本地文字转语音和可选的外部服务商。简单的初始请求可以生成草稿，但好的结果仍取决于素材质量及后续审阅。

Jake 解释说，新产品发布时可能还没有完整网站。他会先建立项目文件夹，放入产品背景、界面截图、视觉参考和设计文档。面向视频的画面风格文件可以把品牌颜色、字体和视觉指导转化为更适合动态画面的指令。

制作完整视频前，Jake 让智能体列出逐场故事要点，并修改信息和文案。他会复用已有视觉组件的代码，比如提示框或文字效果，再调整风格和节奏以适应新项目。嘉宾表示，这些示例和组件可以在其开源资料中找到。

接下来，他让智能体生成静态 HTML 分镜，为每个场景展示一个代表性画面。这样可以在花时间制作完整动画之前确定视觉风格。方向确定后，他再让智能体构建合成项目，并在工作室中预览。

工作室把视频分成多个场景，用户可以检查和调整文字、布局、时间等元素。嘉宾说，这些编辑会反映到底层代码中；他们还介绍了 MP4 和 WebM 等导出格式。具体功能和格式应以当前版本为准。

Bin 解释，团队之所以转向网页代码，是因为数据结构正确并不一定能生成吸引人的视觉效果。他区分了空间美感，即静态页面如何布局；与时间美感，即信息如何随时间展开。他说团队使用评估和审查循环改进后者。

嘉宾提到的用途包括发布视频、教育、内部工作更新和智能体工作的简短摘要。Jake 建议从很短的片段开始学习，并保存效果好的提示词和动画以供复用。他们的实践重点是结合清晰的产品背景、早期视觉审阅和反复迭代，而不是期望一条提示词保证产出成片。