html-video是什么

html-video 是 Open Design 团队（nexu.io）开源的HTML版剪映，基于 hyperframes 框架构建。工具让 Agent 通过写 HTML 可生成世界级水准的产品宣传、知识解说等视频，内置 20+ 顶级模板，支持分页编辑、多尺寸导出与 Minimax AI 配音配乐，无需 API Key 可本地运行。

html-video的主要功能

• 模板化视频生成：内置 20 多套顶级 HTML 视频风格模板，覆盖产品宣传、知识解说、数据可视化等场景，Agent 可直接调用生成动态 MP4。
• 分页编辑与预览：Studio 编辑器支持分页预览、分页编辑和帧级文字修改，无需反复导出查看效果，修改效率大幅提升。
• 多尺寸适配：一键切换横屏 16:9、竖屏 9:16、方形 1:1、小红书 4:5 等主流视频规格，适配全平台分发需求。
• Agent 无缝接入：自动识别本地 6 种 Code Agent CLI（Codex、Claude Code、Hermes、Cursor Agent 等），顶部栏一键切换，零配置即用。
• AI 配音配乐：已接入 Minimax，支持根据视频内容自动生成旁白配音与背景音乐，Token 消耗低，成本可控。

如何使用html-video

• 克隆仓库：从 GitHub 拉取 html-video 开源项目到本地。
• 安装依赖：运行安装命令，配置本地环境，无需申请任何 API Key。
• 启动 Studio：打开本地可视化编辑器，浏览 20+ 内置模板并选择适合的风格。
• 输入内容：将网站链接、文件或公众号文章等内容交给 Agent，自动生成 HTML 视频脚本。
• 分页精修：在 Studio 中逐页预览、编辑文字与画面，实时调整细节。
• 导出 MP4：确认无误后一键导出高清视频，或直接生成配音配乐后下载。

html-video的核心优势

• 本地优先，零 API 成本：完全本地运行，不依赖云端 API Key，数据隐私有保障，长期使用成本极低。
• Agent 原生设计：专为 Code Agent 工作流打造，支持主流 CLI 工具一键切换，让 AI 自动完成从内容到视频的全链路。
• HTML 驱动，极低成本：用 HTML/CSS 替代传统视频工程，3 万行代码即可实现剪映级体验，技术门槛与维护成本远低于专业视频软件。
• 实时迭代，所见即所得：分页编辑模式支持逐帧修改与实时预览，避免传统视频工具”修改-渲染-检查”的低效循环。

html-video的项目地址

• GitHub仓库：https://github.com/nexu-io/html-video

html-video的同类竞品对比

html-video的应用场景

• 知识博主内容量产：将公众号文章、技术文档自动转为带配音的知识解说视频，适配小红书 4:5、B站 16:9 等多平台规格。
• 产品宣传视频：输入产品官网链接，Agent 自动提取卖点并生成动态产品展示视频，适合初创团队快速制作营销物料。
• 数据可视化报告：将 CSV/JSON 数据转化为动态图表视频，用于汇报演示、社交媒体传播，避免静态图表的枯燥感。
• 电商内容创作：批量生成商品介绍、使用教程等短视频，配合 Minimax AI 配音，实现低成本、高效率的内容矩阵运营。