SRT 白板动画 Skill – SRT字幕转手绘视频工具|自动生成白板动画 MP4|支持分区遮罩与流式笔迹

如果你手里已经有一份知识讲解、故事口播、课程内容或短视频文案对应的 SRT 字幕,现在可以尝试把它进一步制作成白板手绘动画。软件格律诗 分享下 SRT 白板动画 Skill 的核心思路,就是解析字幕中的叙事信息,再按照字幕事件安排画面元素的出现顺序,通过分区遮罩编排与流式笔迹绘制,让画面呈现出“边讲、边画、边上色”的手绘动画效果,最终输出 MP4 视频。项目特别适合制作暖米黄色纸张底的知识讲解、故事口播、课程字幕和短视频内容。

主要功能特点

  • 解析 SRT 字幕,并按建议的 25–35 秒时长拆分场景
  • 先输出分镜与配图策略,确保每一幕只表达一个核心意思
  • 按字幕事件而非画面坐标,为元素建立语义化的绘制顺序
  • 用 annotation.json 管理区域、时序、字幕关联和重叠保护区
  • 每个区域采用连续流式笔迹:先 ink 铺线稿,再 color 添彩
  • 支持浏览器预览台调整区域、顺序、时间和字幕关联
  • 支持逐幕渲染与多幕合并,输出完整 MP 4

字幕驱动的叙事式绘制

这个项目最核心的特点是以字幕事件作为绘制依据。它首先解析 SRT,并按照建议的 25~35 秒时长拆分场景,然后为每一幕制定分镜与配图策略,让单个场景尽量只表达一个核心意思。后续元素的绘制顺序也围绕字幕事件建立,而非简单按照图片中的坐标排列,因此画面能够随着旁白叙事逐步展开。

分区遮罩与流式笔迹

每个画面区域都可以通过 annotation.json 管理,包括区域、绘制顺序、时间以及对应字幕。渲染时,一个区域先通过连续的 ink 笔迹绘制线稿,再使用 color 逐步添彩;对于存在遮挡关系的元素,还可以利用 protectedRegions 延后指定区域的显示,从而避免后续内容提前露出。

自带可视化预览台

项目提供本地 assets/preview.html 预览台,可以载入场景目录,对区域、叙事顺序、时间以及字幕关联进行调整并保存。完成标注后,还可以先生成区域检查图,再进入逐幕渲染流程,这种“先确认、后渲染”的设计能够减少分镜、线稿或标注尚未确定时产生的不必要渲染成本。

统一的手绘视觉风格

默认视觉规范采用暖米黄色纸张背景,建议使用 #F5EBD7,搭配深灰色素描线条,并以红、橙、蓝作为少量概念性点缀。画面强调极简手绘、干净背景和充足留白,同时明确不使用场景文字、标签、摄影感、3D 效果或复杂纹理,因此最终效果更接近传统白板讲解动画。

工作方式

该 Skill 的关键在于“字幕驱动、逐步确认”。每一步完成后都等待确认,避免在分镜、线稿或标注尚未定稿时浪费渲染成本:

1. 解析 SRT,输出分镜与配图策略。 2. 确认后生成统一风格的线稿。 3. 确认线稿后,结合字幕和原图创建标注,并载入预览台。 4. 确认标注后,生成分区与方向检查图。 5. 在预览台调整区域、叙事顺序、时序和字幕关联并保存。 6. 确认最终标注后,逐幕渲染 MP 4。 7. 多幕项目在确认各幕成片后合并。

视觉规范

  • 暖米黄色纸张背景:建议 #F5EBD7
  • 深灰色素描线条,红、橙、蓝仅作少量概念性点缀
  • 极简手绘、干净背景与充足留白
  • 不使用场景文字、标签、摄影感、3D 效果或复杂纹理

使用教程

第一步:准备运行环境

项目自带独立 Python 虚拟环境准备脚本,首次运行可以执行:

python scripts/prepare_env.py --check
python scripts/prepare_env.py

成功后第一条命令会输出 ENV_PY=<路径>,后续渲染建议始终使用这个解释器,以保持项目依赖隔离。

第二步:解析 SRT 并生成分镜

准备好字幕文件后,可以执行:

python scripts/parse_srt.py <字幕.srt> --target-sec 30 --min-sec 25 --max-sec 35

随后按照项目流程确认分镜和配图策略,再生成统一风格的线稿。线稿确认后,根据字幕和原图创建标注,并载入本地预览台继续调整。

第三步:调整标注并渲染

标注文件使用整数像素坐标描述区域,并通过 sequencesubtitlenarrativeRole 与字幕事件建立关联。推荐按照“场景铺垫 → 关键人物/物体 → 动作或变化 → 反应/结果”的顺序组织元素。确认区域和时序后,可以使用流式笔迹渲染器生成单幕 MP 4:

<ENV_PY> scripts/render_stream_whiteboard.py <图片路径> <标注路径> <输出.mp4> assets/drawing-hand.png \
  --ink-path grid --color-fill contour-wipe

如果项目包含多个场景,则可以在各幕成片确认后使用 merge_scenes.py 合并:

<ENV_PY> scripts/merge_scenes.py --inputs 幕1.mp4 幕2.mp4 幕3.mp4 --output final.mp4

项目还提供 --ink-path skeleton 等选项用于笔迹表现调整,README 建议检查首帧是否保持干净纸张底色、中段画面是否存在提前露出的区域,以及每幕结束后是否至少停留 0.5 秒完整画面。

我的使用感受

从整个工作流设计来看,我认为这个 Skill 最有意思的地方在于它把“字幕”真正变成了动画编排依据。

传统白板动画制作通常需要人工安排每个元素什么时候出现,而这里先从 SRT 提取叙事节奏,再通过区域、顺序和字幕关联控制绘制过程,比较适合已经拥有成熟口播稿或字幕文件的内容创作者。

尤其是“线稿先出现、颜色随后补充”的流式绘制方式,配合暖米黄色纸张和极简手绘风格,很容易形成统一的知识类短视频视觉语言。

需要注意的是,项目本身把确认机制放在多个关键节点,因此它更适合希望对分镜、线稿、标注和成片逐步把控的人,而不是完全跳过中间步骤的一键式视频生成工具。

总结

SRT 白板动画 Skill 是一个围绕字幕驱动白板动画制作设计的开源 Skill,它把 SRT解析、分镜规划、线稿生成、区域标注、流式笔迹绘制、逐幕渲染和多幕合并串成了一套完整流程。

项目还提供本地预览台、示例素材以及独立环境准备脚本,对于想把知识讲解、课程字幕、故事口播或短视频文案转化为手绘动画的创作者来说,这种工作流具有较强的实用价值。

项目基于 MIT License 开源,仓库中还包含完整的 SKILL.md、渲染脚本、预览台和示例素材。

官方网站

https://github.com/geeklee/srt-whiteboard-animation

下载地址

https://pan.quark.cn/s/4b24390b78bc

相关推荐

Avatar photo

JameCling

我是 格律诗的软件世界 的作者,一名专注于软件工具、AI 技术和数字效率领域的独立研究者。
多年来,我持续关注互联网工具的发展趋势,体验不同平台的软件产品,并研究它们如何帮助用户提升效率。
我的工作不仅是整理软件信息,而是通过实际测试、功能分析和使用场景研究,帮助用户判断一个工具是否真正值得使用。
格律诗的软件世界 的每一篇文章都希望提供真实、有价值的信息,包括工具特点、使用方法、优缺点分析以及适合的人群。
我相信,好的工具能够改变工作方式,而准确的信息能够帮助用户做出更好的选择。