案例 1
知识讲解
趣味动效、丰富的画面，缜密的逻辑结构，让你轻松成为知识博主
一句视频描述，生成完整 HTML 视频
不用先写逐字稿——输入一个主题或想法，AI 自动生成完整旁白、分镜和对应画面。
描述你的视频
0/5000
STYLE LIBRARY26 种风格
选择视觉风格
点击卡片即可选用，生成时自动带入所选风格。
你可以只输入一个模糊想法。系统会自动生成完整逐字稿、拆分分镜，并把所选视觉风格、音色和说话风格一起带入 HTML 视频项目。
SCENE 01SHOWCASE
看看能做什么
三类典型场景，每个都配有由这个工作流生成的 HTML 视频示例。
案例 2
课堂教学
让枯燥、抽象的知识点变成有趣、立体的案例 解放备课压力，系统全面得讲透每一个知识点
案例 3
故事讲解
清晰的时间线、娓娓道来的叙事结构，多样化的语音选择，让你的故事更加打动人心
SCENE 02PIPELINE
HTML 视频是怎么生成的
整个流程分三步，每一步都由 AI 自动完成。
STEP 01 · TC 00:01
逐字稿 + 分镜
AI 先把主题扩展成完整旁白，再拆成一段段分镜脚本。
STEP 02 · TC 00:02
画面生成
每个分镜转成一个独立 HTML 页面，含布局、排版、动画，套用所选视觉风格。
STEP 03 · TC 00:03
合成导出
按时间顺序拼接画面，配上 AI 旁白音频，导出为可播放的视频文件。
SCENE 03USE CASES
适合场景
适合自动生成逐字稿和分镜的典型 HTML 视频题材。
案例 1
知识讲解
把一个知识点直接变成有脚本、有分镜、有旁白的讲解视频。
案例 2
课堂教学
围绕课程内容生成适合课堂演示的分镜画面、讲解旁白和教学节奏。
案例 3
故事讲解
把一个故事主题转成带旁白、分镜清晰、节奏完整的讲解短视频。
SCENE 04CONCEPT
什么是 HTML 视频？
用最通俗的语言讲清楚：HTML 视频到底是什么，以及 AI 是如何一步步把它生成出来的。
01
核心定义
HTML 视频是一种把每一帧画面都用网页（HTML、CSS、JavaScript）写出来，再录制成视频的形式。画面不是剪辑出来的，而是"跑"出来的代码。最终成品跟普通视频一样可以播放、分享，但它的源头是一组网页。
02
为什么用 HTML 做视频
文字、图标、图表、布局全是矢量的，任何分辨率下都清晰不模糊。改一行代码就能改一帧画面，不用重新剪辑整条时间线。
任何分辨率都清晰改代码即改画面信息密度高
03
适合谁用
想做知识讲解、在线课程、产品介绍、数据故事的创作者、老师和团队。不需要会视频剪辑、也不需要会动效软件——只要能用一句话描述想讲什么，AI 就能帮你搞定逐字稿、分镜、旁白和最终视频。
老师讲师内容创作者产品团队数据故事
SCENE 04FAQ
常见问题
关于逐字稿、分镜、旁白和最终 HTML 视频生成流程的常见问题。
不用。你可以只输入一个主题、课程想法或粗略描述，系统会自动生成完整逐字稿、分镜结构和对应场景。