白板手绘视频最磨人的不是画画,是调时间轴:旁白改一句,整条时间轴重排。srt-whiteboard-animation 这个开源 Skill 反过来做,让字幕说了算,旁白讲到谁,画面才画谁。作者拿故事、知识科普、工具讲解连跑三遍,效果和翻车的地方都写了。文里有一个咱们社区特别要注意的前提,装之前先看。
写在前面
大家好,我是宋超。
做过白板手绘视频的同学都知道,最磨人的不是画画那一步。是调时间轴。旁白改一句话,人物出现的顺序、每个元素画多久、后面的画面全都要跟着重排。十几秒的短视频还扛得住,内容一长,光对画面和声音就能耗掉一整个下午。
今天分享一个开源的 Skill,叫 srt-whiteboard-animation。它把这件事反过来做:你给一份字幕文件,它来决定画面节奏。旁白讲到谁,画面才画谁,笔尖在纸上一笔一笔落下去,最后直接导出成视频。 半个月从零涨到 2.6k Star,我写这条的时候已经三千三百多了。
读完你会知道它做出来长什么样、怎么用一句话装上、作者连跑三个题材各有什么坑,以及一个对咱们社区一部分同学来说是硬门槛的前提。那一段请务必看完再动手。

这是仓库自带的示例,一个猴子抢香蕉的小故事。注意看它的顺序:先铺场景,再出主角,然后是抢的动作,最后才是围观的人。这个顺序不是按画面坐标排的,是按字幕里事件发生的先后排的。
这就是它和普通「图片转视频」最大的不同。普通的那种在意镜头怎么推怎么摇,它在意的是另一件事:旁白讲到哪里,画面才展示到哪里。观众看到的是一个变化过程,不是一张早就画好的静态答案。
原理不复杂,三句话说得清。
第一,读字幕,拆分镜。 你给它一份 SRT 字幕文件,它读完判断这段内容需要几张图,每张图讲一件事。格式就是最普通的那种,时间加一句话:

第二,画线稿,划区域。 线稿准备好之后,它把画面切成几块,每一块对应字幕里的一个事件,标好谁先谁后、往哪个方向画。这一步它会生成一张「区域检查图」给你看:

第三,一区一区落墨。 笔尖在每块区域里连续滑行,先铺线条,再逐步添彩,画完的部分留在画布上,没轮到的完全藏起来。最后导出 MP4。
整个过程它会停下来等你确认。 画图之前给你看分镜,渲染之前给你看区域划分。哪张不满意就单独换掉,不用重做整段。这个设计很懂人,因为渲染是要花时间和 token 的,错了再重来最亏。
第一遍是仓库自带的猴子故事,跑通基础流程。
第二遍换成了水循环,属于知识科普。这一遍的价值在于换了自己准备的线稿,不是官方素材。画面被拆成蒸发、凝结、降雨回流三段,字幕讲到哪一步,右边才接着往下画。作者特意截了第 7.5 秒的一帧:太阳、湖面和云已经画完,右侧山坡和河流还在往外长。
这类有明显变化过程的内容,特别适合白板动画。 观众不会提前看到全部答案,注意力会跟着旁白走。
第三遍挑了个难的:AI Agent。 这个概念既没有故事情节,也没有直观的变化过程。作者的处理办法是只留三个动作:用户把任务交进去,机器人分析,报告从右侧出来。


注意他画面里一个字都没放,只留人物、机器人、齿轮、放大镜和报告。这一手值得学:AI 生图里的中文经常是乱码,干脆不放文字,把说明的活儿交给字幕。
后面这一半是训练营学员的内容。你要是学员,用手机号登录就能接着往下看。
登录后可以评论和点赞
还没有人说话,来做第一个