这个开源工具，让AI自动帮你做视频

还在为剪辑视频头疼吗？试试这个叫 html-video 的好东西吧！

它是 Open Design（nexu-io）团队搞出来的开源视频生成工具，专门给 Coding Agent 用的。

说白了，它不走寻常路——不用什么时间轴、关键帧那套老方法。它用的是 HTML + CSS + 数据 → 无头 Chromium 录制 → ffmpeg 编码 MP4 这样的技术路线。AI Agent 会帮你把分镜设计、内容填充、渲染导出这些活儿全干了。

你只需要：

1️⃣ 喂给它素材——可以是主题描述、公众号文章链接、或者 GitHub 仓库地址

2️⃣ 让它自己折腾——自动挑模板、生成 Content-Graph 故事板、往里填内容

3️⃣ 坐等 MP4 出炉——本地直接渲染，还能加上 MiniMax AI 的配乐旁白

整个过程在本地跑，不上传任何数据，也不收什么按次渲染费。

---

先说模板

内置了 21 套精选 HTML 视频模板，每套都授权清晰、设计走心：

• 数据可视化类：NYT 那种动态折线图、瑞士网格风格的数据卡片
• 标题与特效类：故障艺术 Glitch、动感排版、打字机光标效果
• 电影感主视觉类：极光液态渐变、漏光胶片风、暖色颗粒杂志风
• 产品宣传类：15 秒或 30 秒的多场景产品演示片
• 知识解说类：决策树解说、有机动效骨架

Agent 会根据你的需求自动给你匹配最合适的那个。

再看编辑体验

以前改个字就得重新渲染全片，这种低效操作在这不存在了：

• 分页预览：一帧一帧单独看，不用干等整片渲染完
• 分页编辑：哪帧不顺眼就单独改哪帧
• 帧文字编辑：直接在界面上改文案，改完什么样就是什么样

另外还支持多比例切换：16:9（适合 B 站）、9:16（抖音/视频号）、1:1（微博）、4:5（小红书），点一下就切换。

集成 AI 编码助手

原生支持 14 种 Coding Agent，能自动检测你本地装了什么 AI 编码助手，顶部栏一键切换。

Claude Code、Cursor Agent、Codex CLI、Windsurf CLI、Trae CLI、Gemini CLI、Groq Build、Qwen Code、Hermes、Aider、GitHub Copilot CLI……这些主流的它都认识。当然，你也可以自己配置 Anthropic API Key 直连 Messages API。

音频也安排上了

在 Settings → Audio 填入 MiniMax API Key 之后：

• 背景音乐：说清楚想要什么情绪，比如"舒缓电影感氛围"，它自动给你生成纯音乐
• AI 旁白（TTS）：写好文案，一键转朗读

ffmpeg 会自动混音，人声出来的时候音乐自动压低，还支持淡入淡出效果。

---

它的核心创新

真实内容驱动：不是随便套个模板摆样子，它真的会抓内容。网页文章自动抓取并扁平化成 Markdown（微信公众号直接用），GitHub 仓库能拉取 README 和项目结构生成开源项目介绍片。当然你也可以一句话描述主题，让 Agent 从零开始构思。

关键是，Agent 产出的 Content-Graph（内容图谱）：要点对帧，关系对转场边，叙事逻辑完全忠实于原文。

本地优先 + 零按次费用：所有渲染都在你本地机器上跑，隐私安全有保障。没有 SaaS 订阅、没有云端排队、没有导出计费，普通笔记本也能跑得动。

---

都能用在哪

• 产品宣传：扔个官网链接进去，自动生成 15 秒或 30 秒的动态宣传片
• 知识科普：粘贴公众号文章或博客链接，一键转成带动态效果的科普短视频
• 数据汇报：把业务数据变成动态图表视频，比传统 PPT 好看多了，周报复盘更专业
• 项目推广：输入 GitHub 仓库地址，自动生成开源项目的功能演示介绍片
• 自动生产：接进 CI/CD 流程，每天自动把新闻或更新日志转成视频，实现无人化内容生产

---

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

#AI开源项目推荐# #github# #AI工具# #ai智能体# #AI视频剪辑