Codex 第 27 课：Codex + HyperFrames——AI 自动生成视频的新玩法（附案例）

内容概要

大家好，我是行者。

之前我们做视频的流程是先构思剧本，拆分镜，生图转视频，这个流程不能说不对。

最近较为深入地实测了 Codex 和 HyperFrames，用代码逐步生成和自动剪辑视频。

我做了一支中考加油的视频。

制作下面这个中考视频时，Codex 会先确认受众、风格与节奏，之后把动画写出来、将转场处理好并配上音。

最终它所交付呈现的是一个18秒的 1080P 动效短片，当中包含了倒计时、跑道光轨和关键词。

文案也很唯美：向前冲，不负青春，稳住这一刻，提笔从容，落笔生花。

这视频并非是套用模板，他是由 HTML、CSS 和 GSAP 逐行编写出来的。制作当中它仔细地检查了文字对比度、画面越界及转场效果。

Codex + HyperFrames 将其妥善处理成了一个可以检查、能够修改、支持重渲染的视频工程。

另外一个案例:机甲 K-Pop 科幻短片

这是一个机甲 K-Pop 视频，我想参考的是韩国《Zephyr Breakdown》的那种风格，但是这次我也不想自己去想脚本，直接提出我的需求：

生成 3×3 机甲分镜图，做2条15秒的视频。

Codex 自己拆了流程：

• 调 GPT Image 2，生成连续分镜图
• 打开我的浏览器，上传图片和写入提示词，生成15 秒视频

最后出来的短片，从偶像登台、机甲觉醒，到空中追击和必杀收尾，完整度还不错。

我又提了需求，换个动漫MV风格视频：

我就静静地看着Codex控制浏览器调用Seedance生成视频，慢不说，还把我的Token烧完。

Codex 把剧本、分镜、生图、视频这些步骤串起来了，你把需求说清楚，它就开始往后拆任务。

这感觉不像单纯写 Prompt，像身边多了一个会写代码的视频助理。

接下来，行者说下怎么使用。

一、HyperFrames 是什么

HyperFrames 是 HeyGen 开发的开源视频渲染框架，它的核心理念是让 AI 智能体（AI Agent）通过编写 HTML、CSS 和 JavaScript 代码来“撰写”并生成视频。

二、如何配置

安装步骤也很简单，打开Codex App左侧菜单的插件（ Plugins）栏目。搜索 HyperFrames ，并点击添加就能使用。

添加好之后，就能在Codex 中使用HyperFrames进行视频创作了。

三、使用技巧

第一种方法，是使用自然语言，你告诉AI你的想法，然后AI会来询问你，在交互的对话中完成需求确认。

第二种用法，适用于你已经有很清晰的创意了，比如：为一个新产品创建一个10秒的产品介绍视频，深色渐变背景，标题淡入，然后展示三个带图标的要点，最后以行动号召卡片结尾。

AI会自动根据指令编写出完整的HTML/CSS/JS代码文件，并渲染成视频。

四、总结

这两个案例，提供了一个新的思路，以往做视频，行者也是很习惯了现有的一套剧本分镜到出图视频的逻辑。

适用于一些常规的产品宣传片，可以精确控制界面演示和文字标注。

社媒短视频，用来快速制作视频，自带带字幕、转场和动态效果。

数据可视化图表也可以用这种方法。

当然，实际上大家也看到了，如果要做精美的AI视频，还是继续手搓吧。