OpenDesign 团队(nexu.io)近日释出了「html-video」项目,号称 HTML版剪映,完全开源。


项目核心特点
基于 hyperframes 框架构建。采用 Apache 2.0 开源协议,由 Open Design 团队原班人马打造,底层依托 hyperframes 框架(https://github.com/heygen-com/hyperframes)。
内置 20+ 顶级 HTML 视频模板。适合产品宣传、知识解说、数据可视化等场景。只需丢给 Agent 一个网站链接、文件或公众号文章,Agent 就能帮你生成动态 MP4 视频。
内置 Studio 编辑器。支持分页预览、分页编辑和帧文字编辑,修改视频更快更方便,无需每次修改后导出查看效果。同步支持多种视频尺寸:
- 横屏 16:9
- 竖屏视频 9:16
- 方形 1:1
- 小红书 4:5

自动识别本地 Code Agent CLI。内置支持 Codex、Claude Code、Hermes、Cursor Agent 等 6 种 code agent CLI,顶部栏一键切换,无需额外配置任何 API Key。

接入 Minimax 生成配音配乐。支持直接根据视频内容生成配音和背景音乐,在 Settings → Audio 中输入 MiniMax Token Plan 的 API Key 即可使用。

实际体验
快速试用后,整体效率较高。但要制作高质量视频,仍需打磨很多细节,不要期望一次就成功。
TTS 和 BGM 消耗的 token 并不多,生成成本可控。


适用场景
如果想在小红书等平台当知识博主,这个项目能大幅提效。通过 HTML 视频模板 + AI Agent 的组合,可以快速将文字内容转化为视频形式。
趋势思考
从 Markdown 到 HTML,再到视频化的 HTML,核心方向都是让人类能够更轻松、高效地获取复杂、结构化的信息和知识。HTML-Video 正是这一趋势的体现。
参考链接
- GitHub 仓库:https://github.com/nexu-io/html-video
- hyperframes 框架:https://github.com/heygen-com/hyperframes
- OpenDesign 团队:https://nexu.io