一句话生成完整讲解视频！揭秘 HTML 视频新功能
问大家一个问题：
如果现在让你做一个讲解大模型训练过程的1分钟短视频，你需要多少时间？
1天？还是几个小时？
我只需要5分钟。
给大家看看我用5分钟做出来的讲解大模型训练的视频：
https://svganimate.ai/zh/animation/4e23e305-be79-44b4-a112-e3bc47ea46f7
怎么样，看上去还不错吧？
这样的视频，只要我愿意，我可以一天做100条。
我是用什么方法在5分钟以内做出这样的视频呢？别着急，我来告诉你方法。
相信大家经常在短视频或者B站看到很多知识科普类的动画视频，你有没有想过自己也制作这样的视频，成为一名知识UP主。
或者你是一位老师，一名学生，一个职场中的打工人，想制作这样的动画视频用于工作和学习。
但想要做这样的视频并不容易，要学习各种专业软件，生成各种交互动效，这并不是一件轻松的事情。
能不能有一个神奇的按钮，我只需要点一下，就能把我脑子里的想法变成教学视频？
之前我做过一个 SVG 动画网站，可以一句话生成精美的科普动画，可以极大的提升创作的效率。
做视频的过程中，很多片段剪映素材库里找不到的，都可以让这个网站帮助生成，画面精美还没有版权风险。
网站推出之后，受到了很多老师、学生、工程师朋友的喜爱，也有不少视频博主直接拿它来产出视频内容。
但用着用着，越来越多的用户来反馈一个共同的诉求：
"动画很好看，但这样一个片段一个片段做，还是太慢了，我想要再快一点，能不能直接帮我把整段视频都做了？包括旁白、分镜、场景切换···"
做一条完整的知识讲解视频，光有动画片段是远远不够的，你还得：
- 写逐字稿：要把一个知识点拆解清楚，组织成口语化、有节奏的讲解
- 拆分镜：每一段话配什么画面，画面之间怎么过渡
- 配旁白：找音色、念稿、对时长
- 画面渲染：每一个分镜都要单独制作，风格还要保持统一
- 添加字幕：给视频添加字幕，并进行校对
- 合成导出：把几十个画面 + 几十段音频按时间轴拼起来
这一套流程下来，做一个 5 分钟的视频，少说也要折腾一两天。
那这一连串工作 AI 能不能搞？
经过几个月的打磨，我终于把这个问题搞定了，把整套视频创作流程做进了网站里。
这就是今天想给大家正式介绍的新功能：HTML 视频。
一、什么是 HTML 视频？
可能有朋友第一次听说"HTML 视频"这个词，先解释一下。
PR、AE、剪映，它们擅长处理镜头素材、调色、转场。但知识讲解视频根本不需要这些，它需要的是清晰的文字、精准的图表、层次分明的信息布局。
HTML 视频走的是另一条路：把每一帧画面用网页代码写出来，让浏览器把这些网页"跑"出来，然后录制成视频。
你在视频里看到的每一个字、每一条线、每一个动画不是剪出来的，是代码输出的。
这种技术方案有几个好处：
文字和图表永远清晰。
不管什么分辨率，因为它们是矢量的，不是像素堆出来的。
改一帧不用动整条时间线。哪个分镜数据写错了？改那一帧的代码，其他不动。传统剪辑里，调一个画面可能牵一发动全身。
整个制作流程可以让 AI 全包。写代码是 AI 现阶段最成熟的能力。把视频变成代码，就是把视频制作变成了 AI 最擅长的事。
这就是为什么 HTML 视频天然适合知识内容。
二、一句话，生成完整讲解视频
现在，你只需要输入一句话描述你的需求，系统将自动为你创作一条知识讲解类的视频。
比如这是我今天让AI制作一个介绍DeepSeek-V4的视频：
https://svganimate.ai/zh/animation/be496ef6-b699-47f5-9635-f8a428f35d63
整个流程，AI 自动帮我做完了下面这几件事：
第一步：逐字稿 + 分镜
AI 先把我的主题扩展成一段完整的讲解旁白，然后再把这段旁白拆成一段一段的分镜脚本：
第二步：画面生成
每一个分镜都会被转成一个独立的 HTML 页面，包含完整的布局、排版、动画效果，并且自动套用我选择的视觉风格：
第三步：合成导出
按时间顺序把所有画面拼接起来，配上 AI 生成的旁白音频，最后导出成一个可以直接播放、上传的视频文件。
整个过程，你只需要写一句话，剩下的 AI 全包了。
三、生成前可以先选风格和音色
为了让生成出来的视频更符合你的预期，我在生成前提供了两个关键的选项：视觉风格和旁白音色。
视觉风格
大家经常看B站的时候，发现很多UP主的视频做得更好，画面很精良，动画很丝滑。
不同的博主也有自己专属的风格。
svganimat.ai把常见的一些大UP主优秀的视频视觉风格进行了分析，让你也能做出那样专业的画面和动效。
还有最近Anthropic的风格也比较火，很多网站都在采用这种审美，我也把Anthropic的风格集成了进去。
每一种风格都对应一套完整的配色、字体、排版语言，AI 在生成画面时会严格遵守，保证整条视频从头到尾视觉统一。
旁白音色
旁白音色这边内置了多个不同风格的中英文音色，点击试听后即可选定，AI 会用这个音色为整条视频生成旁白：
四、和 Remotion、Hyperframes 比，它好在哪？
聊到这里，肯定会有朋友问：
"前阵子 X 上爆火的 Remotion，还有最近出的 Hyperframes，不也是用代码做视频吗？跟你这个有啥区别？"
简单介绍一下这两个：
- Remotion：一个用 React 写视频的开源框架，前阵子在 X 上很火。可以配合 Claude 之类的大模型用 skills 的方式跑，让 AI 写 React 代码，然后渲染成视频。
- Hyperframes：最近新出的一个 HTML 视频工具，思路类似，也是配合 AI skills 来生成。
这两个东西的方向其实和我做的事是一致的，都是用网页/代码作为画面源头来产出视频。
但实际用下来，会发现它们目前都有几个比较硬的痛点。而这恰恰也是我做这个网站时重点解决的几件事：
优势 1：成本极低
Remotion 和 Hyperframes 走的是 AI skills 的路子，真用起来非常烧 Token。
订阅了 Claude Pro 的朋友应该深有体会，五小时的额度，有时候一条视频都没做完就烧光了，更别说迭代调整。
我做的这个网站，一条 1 分钟左右的视频，成本只要 1~2 块钱。
优势 2：全流程可见、可干预，告别黑盒
Remotion / Hyperframes 这种 skills 方式，整个过程是个黑盒，你给一个输入，它吐一个视频出来，中间过程你无从干预。
哪一段画面不满意？哪一句旁白想改？哪个分镜想替换？
抱歉，只能整条重新生成。然后……再烧一波 Token，再赌一次运气。
而我的这个网站做了完全相反的设计：每一个环节都可见、可编辑。
- 逐字稿生成完，你可以逐句修改
- 分镜拆完，你可以调整某一个分镜的提示词
- 某一帧画面不满意，可以单独重画那一个分镜，其他不动
- 旁白觉得节奏不对，可以单独重新合成
灵活性比黑盒方案高了一大截，迭代成本也低了一大截。
优势 3：自带多音色配音，也支持关掉自己配
Remotion 和 Hyperframes 主要还是侧重画面，音频部分基本要你自己想办法。
而我这个网站，生成视频的同时把声音也一起配上了，内置多种中英文音色，可以试听后选定，AI 自动按逐字稿合成完整旁白音轨。
当然，如果你是需要自己另外配音创作者，也完全可以一键关闭自带配音。
另外视频的字幕也是可以开关的，如果你想更换自己独特的字幕，也完全没有问题。
配置非常灵活，怎么舒服怎么来。
五、HTML 视频适合谁用？
我做下来的体感是，HTML 视频特别适合下面几类场景：
- 知识讲解：把一个知识点直接变成有脚本、有分镜、有旁白的讲解视频
- 课堂教学：围绕课程内容生成适合课堂演示的分镜画面、讲解旁白和教学节奏
- 故事讲解：把一个故事主题转成带旁白、分镜清晰、节奏完整的讲解短视频
- 产品介绍：用一个视频清晰演示产品的功能、流程和卖点
- 数据故事：把数据用动画的方式讲出来，比单纯发一张图更有冲击力
你不需要会视频剪辑，也不需要会动效软件。
只要能用一句话描述想讲什么，AI 就能帮你搞定从逐字稿到最终视频的全部环节。
而且生成完成之后，所有内容都可以继续编辑：逐字稿、分镜提示词、画面、配音，按需要反复调整。
六、更多功能升级
除了 HTML 视频这个大功能之外，最近我也对网站的动画创作能力进行了一次大升级，新增了一批新的动画类型。
网站针对每一种具体动画场景做的细分入口，进去之后描述一句话就能直接生成对应类型的动画。
最近新加的几类，给大家重点介绍一下。
3D 动画
可以让 AI 生成带 3D 立体感的动画，适合做抽象概念可视化、产品立体演示、科幻风视觉等场景，比如呈现一下分子结构：
手绘动画
可以让 AI 生成铅笔速写、水彩涂鸦风格的动画，适合做温暖的、有人情味的科普内容、儿童教育、绘本风讲解等：
线条绘制动画
可以让 AI 生成"逐笔描绘"的线条动画，特别适合 Logo 描边、地图路线、轨迹绘制等需要"画出来"过程感的场景：
加上之前已有的地图动画、数据可视化、流程图、产品演示、文字动画、Logo 动画、火柴人、加载动画、网页小游戏等等，目前工具页已经覆盖了十几种主流的动画类型。
七、欢迎来体验
现在，网站发免费福利，所有用户注册都可以免费获得50积分，足以免费创作5个动画内容！
如果你也想体验这个HTML视频新功能，欢迎评论区留言，我将抽取3位幸运小伙伴，分别再额外赠送300积分免费体验卡。
也可以戳底部阅读原文一键直达，欢迎大家来使用体验！
如果你也想做一个知识区的 UP 主，或者做一名想用视频讲清楚知识点的老师、医生、工程师，但苦于没有制作视频的能力，那么现在是时候用 AI 的能力为自己插上翅膀，迈出这一步了！
如果觉得今天的分享还不错，别忘了点赞收藏转发哦~
路过的朋友也欢迎点个关注，网站后续更新功能也会第一时间在这个公众号发布！
我是轩辕，我们下期再见！