把任何链接变成视频!这个开源工具让AI替你“拍片”

无需学习复杂软件，丢个文章链接给AI，就能生成一支带配乐的专业视频

你是否遇到过这样的场景：读到一篇精彩的文章，想做成短视频分享，却苦于不会剪辑？或者想为你的开源项目做个宣传片，但觉得视频制作太专业、太耗时？

现在，有个开源项目html-video，或许能解决这个问题。它声称能让你**“用嘴剪视频”**——只要描述一下，或者丢个链接，AI就能帮你生成一支真实的MP4视频。

html-video是什么？

简单说，html-video是一个“元层”（meta-layer）工具，它连接你本地的AI编程助手，把“想法”或“内容”变成“视频”。

它由Open Design团队开发，基于Apache-2.0协议开源，无需支付单次渲染费用，也不绑定特定厂商。目前已经获得了超过2.4k的GitHub Stars。

它的核心工作流程如下：

输入：你给AI一段文字描述、一个网页链接或一个GitHub仓库地址。
抓取与理解：如果是链接或仓库，它会自动抓取内容（支持微信公众号文章等）。
AI生成故事板：你选择的AI Agent（如Claude Code、Cursor等）会分析素材，决定视频需要几个场景、每个场景说什么，生成一份“内容图”（content-graph）。
逐帧渲染：根据故事板和选定的视觉模板，生成每一帧的HTML文件。
合成视频：通过无头Chromium录制每一帧动画，再用ffmpeg编码，最终合成一个带有背景音乐和旁白的MP4文件。

它能做什么？作品展示

html-video内置了21个精选、许可清晰的视觉模板，覆盖多种风格：

数据可视化：如《纽约时报》风格的动态折线图，适合“数据上涨”类叙事。
标题与特效：带色彩偏移和扫描线的“故障标题”，适合开场和爆点。
电影感画面：暖色胶片颗粒和漏光效果，适合氛围品牌片。
终端风格：打字机文字和闪烁光标，适合代码或CLI演示。

你只需选择模板，AI就会将你的内容填充进去。

它如何工作？

html-video的技术管线相当清晰：

来源抓取：Studio服务端拉取URL或仓库内容，转换成纯文本。
Agent循环：AI Agent读取素材和模板风格，产出多帧故事板。
内容图：一种中间表示，定义节点（实体/数据/文本）和它们之间的关系（顺序/对比）。
生成HTML帧：每个节点变成一个自包含的、带动画的HTML文件。
Hyperframes渲染：用无头Chromium录制每帧动画。
FFmpeg合成：将所有片段编码、合并成最终MP4，并可混入AI配乐。

体验：链接到视频

这是html-video最吸引人的用法：直接粘贴一个微信公众号文章链接或GitHub仓库地址。

比如，你丢给它一篇公众号文章，它会自动抓取正文，AI会根据文章要点，自动生成一支多场景的解说视频。每一句解说词都能回溯到原文出处。

对于GitHub仓库，它会拉取README和项目结构，生成一个“这个项目是什么”的结构化讲解视频。

这意味着，从文字到视频的转化路径被极大缩短了。

如何开始？

前置依赖

在开始前，请确保系统已安装：

Node.js (20+)
pnpm (9+)
ffmpeg (较新版本)
Chromium（或通过Playwright安装）

安装与运行

git clone [项目地址]pnpm installpnpm -r buildnode packages/cli/dist/bin.js studio

执行后，在浏览器打开 http://127.0.0.1:3071 ，即可在本地Studio中操作。

在Studio里，你可以：

挑选模板或直接描述视频。
与Agent对话，调整故事板。
逐帧修改文案。
添加AI配乐。
最终导出MP4。

支持的AI Agent

html-video能自动探测你电脑上的多种AI编程助手，并在Studio顶栏一键切换，包括：Open Design (Vela)、Windsurf CLI、Claude Code、Cursor Agent、Gemini CLI、Grok Build、Qwen Code等14种。即使你什么都没装，也可以配置Anthropic API Key直接使用。

AI配乐

想让视频有声音？在设置里填入MiniMax的API Key，即可：

背景音乐：用文字描述情绪（如“舒缓的电影感氛围”），AI生成器乐。
旁白：输入文案，AI进行语音合成。两者都会自动通过ffmpeg混入导出的MP4中。

未来计划

项目路线图显示，未来还将支持Remotion、Motion Canvas等更多渲染引擎，提供更多模板，让“HTML变视频”的能力更加强大。

总结

html-video提供了一个把AI内容生成能力和视频制作流程结合起来的思路。它尤其适合：

希望快速将文字内容（文章、项目文档） 转化为视频的创作者。
想为开源项目制作宣传材料但缺乏视频技能的开发者。
对AI自动生成内容工作流感兴趣的技术爱好者。

它并非要取代专业的视频编辑软件，而是提供了一种全新的、低门槛的自动化视频生产方式。如果你正被视频制作困扰，不妨试试这个“用对话生成视频”的开源工具。

项目地址：
https://github.com/nexu-io/html-video