html-video

html-video是什么？

html-video是一个开源命令行工具与本地工作室，让用户能够用自然语言或或链接在本地电脑上自动生成真实MP4视频，号称HTML版剪映，无需云端部署或临时磁盘。它由Open Design团队官方开源发布的，使用 Apache-2.0 许可证完全免费且没有按次渲染收费。

html-video的核心理念是作为视频生成引擎的“元层”（meta-layer）。比如 Remotion、Motion Canvas、Manim 等，各自的创作模式和学习成本都不一样。它把用户和具体引擎做解耦——用户只需要和 AI 编码助手对话，系统会自动地选择合适的视频生成引擎和模板，编辑填充内容来渲染生成视频频。更换引擎时无需学习新的领域特定语言或者重写工作流。

html-video主要功能

• 多源输入：支持三种输入方式——直接描述视频主题和风格，粘贴网页或微信公众号文章得到一篇解读视频，输入 GitHub 仓库得到项目介绍视频。
• 模板库：内置21个模板精选库，包括数据类可视化图表、动感标题卡、电影感开场、产品宣传、解说视频等。每个模板都通过审核，放心用于商用。
• AI 编码助手生态：提供14个热门AI编码助手，包含Open Design (Vela)、Windsurf CLI、Claude Code、Cursor、Codex CLI、Gemini CLI、Grok Build、Qwen Code、GitHub Copilot CLI 等。自己已安装的编码助手会自动识别。
• 多帧故事板：AI 多帧故事板（content-graph），用户可以修改多帧文本、剪裁帧的顺序重绘。
• 本地渲染：通过无头 Chromium 录制动画帧，ffmpeg 编码为 MP4，全部完全本地，不上 Cloud，不用计次渲染的费用。
• AI 配乐与旁白：可选集成 MiniMax API，自动生成背景音乐、AI 旁白，导出到 MP4 混搭音乐中。
• 双模式：既支持图形本地“工作室”，又有脚本化的命令行 CLI 方便习惯不同的人。

适用场景

• 开发者与技术团队：将项目文档、GitHub README转换成介绍视频，做开源项目展示、内部宣讲展示。
• 内容创作者：将长文、微信公众号文章生成文章解读视频以便分享到媒体端。
• 产品与营销团队：利用模板库快速生成产品宣传片、数据报告视频，简单实现视频制作。
• 自动化工作流：利用 CLI 将视频生成集成到 CI/CD 工作流、内容生产工作流中。
• AI 工具链探索者：体验“AI 编码助手 + 视频生成”的前沿工作流，体验不同的渲染引擎的工作。 

html-video怎么使用？

1. 电脑上需安装 Node.js 20+、pnpm 9+、ffmpeg 和 Chromium（可通过 npx playwright install chromium 安装）、git 用来拉取代码。
2. 打开命令行，git clone https://github.com/nexu-io/html-video.git 拉取项目仓库，切换到自己拉取项目的文件夹目录下 cd html-video。
3. 先进入项目根目录下执行 pnpm install 安装依赖，再执行 pnpm -r build 构建项目。
4. 执行 node packages/cli/dist/bin.js studio 启动本地图形化工作台(Studio)，然后打开网址 http://127.0.0.1:3071 即可打开工作台。
5. 工作台中可以有 3 种方式开始创作：从 21 个模板中来一个填进去的内容；一句话描述视频概念和风格；或者粘贴文章链接、Github 链接用AI生成视频。
6. 使用技巧：工作台顶部可切换已安装的AI编码助手(Codex, Claude Code, Cursor 等)来帮忙创作；工作台可以多页预览，文字可以编辑到某一帧；左右一键切换横屏16:9、竖屏9:16等等尺寸；已经支持 Minimax，一键匹配生成配音和背景音乐。 

本文由AI辅助及人工进行整理修改，核心信息来源于 [GitHub仓库链接]