应用介绍
做知识类短视频,最烦的是两头:AI 生视频按次收费,画面还抖、改一句话就整段重生成;自己剪辑又要一帧帧摆素材。whiteboard-teacher-video 是个 Agent Skill,把一篇讲解稿变成“手绘会动”的讲解视频,图形一笔一笔画出来,文字一个字一个字写出来,讲到哪画到哪。
它的思路和生视频模型完全不同:画面是代码逐笔绘制出来的,不是模型生成的像素。所以整片可以分段缓存、并行渲染,同一时刻渲染两次结果一模一样,改一句话只重渲受影响的那一小段,几秒就好。全程在本机 Chrome 里渲染,不调用任何生图 API,只有配音可能花钱,默认的 edge-tts 还是免费的。
手绘动画:基于 rough.js 的手绘线条,图形逐笔绘出、文字逐字写出,有五套风格可选。
自动配音和音效:讲解稿直接转成配音,并自动配上音效,一键出片。
能嵌真实内容:数字、图表、代码、公式(KaTeX)、品牌 logo、真实网页截图都能放进画面,这是纯生成式工具很难做到的。
秒级重渲:改动后只重渲受影响的片段,不用从头来过。
交给 agent 安装:把仓库链接给你的 AI,它会自己跑 setup 拉引擎、装依赖。需要 Node 22.19 以上、Git、本机 Chrome 或 Edge 和 Python 3.9;引擎和依赖共约 150MB。
许可注意:所用渲染引擎是 AGPL-3.0,作为独立进程调用,产出的视频不受影响,但不要把引擎源码拷进自己的闭源项目。
它的思路和生视频模型完全不同:画面是代码逐笔绘制出来的,不是模型生成的像素。所以整片可以分段缓存、并行渲染,同一时刻渲染两次结果一模一样,改一句话只重渲受影响的那一小段,几秒就好。全程在本机 Chrome 里渲染,不调用任何生图 API,只有配音可能花钱,默认的 edge-tts 还是免费的。
软件功能
手绘动画:基于 rough.js 的手绘线条,图形逐笔绘出、文字逐字写出,有五套风格可选。
自动配音和音效:讲解稿直接转成配音,并自动配上音效,一键出片。
能嵌真实内容:数字、图表、代码、公式(KaTeX)、品牌 logo、真实网页截图都能放进画面,这是纯生成式工具很难做到的。
秒级重渲:改动后只重渲受影响的片段,不用从头来过。
交给 agent 安装:把仓库链接给你的 AI,它会自己跑 setup 拉引擎、装依赖。需要 Node 22.19 以上、Git、本机 Chrome 或 Edge 和 Python 3.9;引擎和依赖共约 150MB。
许可注意:所用渲染引擎是 AGPL-3.0,作为独立进程调用,产出的视频不受影响,但不要把引擎源码拷进自己的闭源项目。

