首页 > 教程资讯 > 教程详情

khan-explainer:用 Claude Code 生成边画边讲的板书视频

AI 与前沿 编辑部小鹿 2026-10-11
文章分享

10 月 11 日,开发者 Haider Farooq 在 Reddit 的 r/ClaudeCode 社区介绍了 khan-explainer,一款生成可汗学院风格讲解视频的 Claude Code skill。据项目 README,用户描述视频需求后,由 Claude 编写场景文件,再通过一条命令渲染为 MP4。它把板书绘制、语音讲解与时间同步放进同一套制作流程,并提供供 Claude 检查画面布局的汇总图。

三种模式,覆盖讲解、教程与短片

据 README,khan-explainer 提供三种模式:黑板讲解课会逐笔绘制图示,同时配音说明;截图教程可在产品界面上添加箭头、圈注和编号步骤;原声剪辑则将 YouTube 视频或播客制成竖屏短片,保留讲话者的声音,并按讲话内容绘制板书。

三种模式均支持黑板粉笔与白板马克笔风格,也可选择横屏或竖屏。README 还称,同一视频中的单个片段可以切换板面风格。

先测语音长度,再安排绘制

项目将场景拆成一系列 beat,每个 beat 由一句口述和对应的绘制动作组成。按照 README 的说明,渲染器先生成该段语音、测量时长,再让绘制过程匹配音频长度,用户无需手写时间戳。

作者在帖子中介绍,他编写的渲染器使用 HTML canvas 绘制手写效果,以 Playwright 抓取画面,通过 ffmpeg 合成视频;Claude 负责撰写场景文件。

每次渲染还会生成一张汇总图,展示各个 beat 结束时的板面。作者称,渲染器会针对文字出界或标签重叠打印 WARN 提示,skill 中要求 Claude 在交付前修复这些警告。这些是作者描述的检查机制,本文未实际运行验证。

默认使用本机语音,目前要求 macOS

据 README,运行环境需要 macOS、Node 20 或更新版本以及 ffmpeg。默认配音使用系统自带的 say,无需 API key 或账号。

可选配音包括 ElevenLabs 和免费的本地 Kokoro:前者需要配置 API key,后者支持中文、英语、日语等语言。板面文字也支持中文,以及阿拉伯语、乌尔都语、希伯来语等从右向左书写的语言。

作者称,ElevenLabs 录音按脚本文本的哈希值缓存,因此只调整画面时,不必重新生成语音。项目采用 MIT 许可;README 明确声明,项目与可汗学院无关,也未获得其认可。

相关下载

来源