返回资源库
AI 应用课程制作实践
AI 课程视频生产管线：从脚本到可复核课程页
#视频#课程#自动化#质检
是什么
基于 HyperFrames 的 HTML-native 视频思路，把课程页面写成可 seek、可预览、可截图核验的互动式视频 composition。不是做一份静态 PPT，而是把脚本、视觉、声音、字幕对齐成一条可复用的内容生产流程——把 AI 课程制作从”手工剪视频”变成”结构化脚本 + 可复核渲染管线”。
管线环节与产物
| 环节 | 产物 | 说明 |
|---|---|---|
| 1 课程脚本 | script.md | 开头/概念讲解/能力台阶/规划/总结五段结构 |
| 2 视觉 | PPT + slide PNG | 浅色课程风格，轻量镜头运动 |
| 3 旁白 | 旁白 MP3 | 按脚本分段录制 |
| 4 字幕 | captions.json | 从脚本对齐生成，解决本地转写工具缺失 |
| 5 时间轴 | scenes.json | 场景切分与同步渲染数据（video-data.js） |
| 6 动效 | GSAP 编排 | 进入/强调/切换三类 |
| 7 质检 | 关键帧截图 + contact sheet | 每个关键时间点检查画面是否合格 |
第一节成片约 791 秒，覆盖完整一节 AI 入门课（一问一答 → 多轮对话 → Prompt → 计划 → Agent → Skills → 协作系统）。
关键工程细节
- 字幕安全区：底部预留 140px，避免字幕遮挡主视觉——这是从视频规范迁移到网页渲染的参数
- 脚本对齐字幕：没有自动转写工具时，直接用脚本文本按旁白分段对齐生成字幕，反而比转写更准
- contact sheet 质检：把全片关键帧拼成一张缩略图总览，一眼看出画面、字幕、节奏是否稳定
价值
- 可复核：每一帧内容、每段旁白都可回溯到脚本条目
- 可迭代：改文案只需重新生成对应片段，不用重剪
- 可复用：流程可沉淀为课程生产 SOP，后续课程连续复用
规划中的补充：自动转写与字幕校对、BGM 资产管理、封面/片头片尾/短视频切片导出。