工具资料 · 视频创作

Open Design html-video

在本地用 coding agent 把 HTML、文章或 GitHub 仓库变成多帧 MP4

Open Design 家族的 html-video 是一个本地 HTML 转视频工作台，通过 storyboard、动画 HTML、Hyperframes 和 ffmpeg 输出真实 MP4。

HTML 转视频Coding AgentStoryboard本地渲染MP4

访问官方网站返回工具目录

01 / 概览

关于

html-video 是 Open Design 家族面向动态影像的 meta-layer：输入一句描述、文章链接或 GitHub 仓库后，本地 agent 生成多帧 content-graph storyboard 和自包含动画 HTML，再由 Hyperframes 使用无头 Chromium 逐帧录制、ffmpeg 编码并拼接为 MP4。官方项目页明确区分了已可用的 Hyperframes 引擎和仍在路线图中的其他适配器。

02 / 核心功能

核心功能

链接或仓库转视频

抓取文章链接或 GitHub 仓库，整理成可讲述的素材。

Agent storyboard

用 content-graph 组织实体、数据、文本、帧序和时序。

动画 HTML 帧

每个节点生成可独立运行的 HTML 动画帧。

本地 MP4 渲染

用 Hyperframes、无头 Chromium 和 ffmpeg 输出真实视频。

03 / 应用场景

应用场景

数据可视化与讲解

把数据、文章或概念组织成多帧解释视频。

产品与社交短视频

使用模板制作产品宣传、动态文字和片头片尾。

仓库导览

把 GitHub 项目的结构和用途转成可观看的介绍视频。

04 / 平台与语言

平台与语言

平台与终端

本地电脑StudioCLI

支持语言

官方提供中文、英文及其他语言页面；工具使用语言取决于 agent 与模板

官方项目页说明渲染在本地完成，不走云渲染，也没有按片计费；可选的来源抓取和 AI 配乐仍可能产生网络请求。

05 / 同类产品

常见问题

01html-video 是云端视频生成器吗？

不是。官方定位是在你的电脑上运行的 HTML 转视频工作台，渲染由本地 Hyperframes、Chromium 和 ffmpeg 完成。

02可以从文章或 GitHub 仓库开始吗？

可以，官方工作流支持粘贴文章链接或仓库，并据此生成 storyboard。

03哪些渲染引擎现在可用？

官方页面将 Hyperframes 标为已上线，其余适配器仍在计划或调研阶段。

07 / 来源

来源

来源Open Design html-video 官方页

产品定位、本地流程、引擎状态、模板和应用场景。

2026-08-08 来源html-video 官方 GitHub 仓库

本地 HTML 转视频、Hyperframes、模板、许可证和无按次渲染费说明。

2026-08-08