面向 Codex 与 Claude Code 的 Skill,把主题或文章做成边画边讲的手绘讲解视频。
- Star
- 598
- Fork
- 38
- 未关闭 Issue
- 0
- 最近提交
- 19小时前
这是什么?
explainroo 根据脚本制作解说视频。编码智能体编写 script.md(旁白)和 scenes.js(在指定词语出现的 canvas 图形),工具随后用 Kokoro 生成语音,用 Whisper 对齐每个词的时间,在无头 Chrome 中渲染画面,并用 ffmpeg 合成 MP4。
默认语音无需账号或 API Key,全部在本机运行。支持英语、西班牙语、法语、意大利语、巴西葡萄牙语、印地语、日语和普通话旁白,也可以换成 ElevenLabs 语音或自己录制的旁白。每次渲染还能输出字幕文件、封面图、YouTube 章节、GIF 或透明背景的 MOV。
项目同样支持产品演示:智能体根据应用的代码或网站重建界面,由鼠标指针点击并输入内容。内置六种视觉风格,并提供 YouTube、Shorts、TikTok、Instagram、LinkedIn 等多种画幅。
核心功能
- 01使用本地 Kokoro 语音模型生成旁白,内置 54 种音色,无需 API Key。
- 02通过 Whisper 对齐每个词的时间,让图形在对应词语出现。
- 03基于 Rough.js 和 1,800 个 Lucide 图标绘制手绘风格画面。
- 04可输出 MP4、GIF、透明背景 MOV、字幕文件和封面图。
- 05内置六种视觉风格,并支持多种平台画幅。
- 06通过重建应用界面并模拟鼠标点击,制作产品演示视频。
适用场景
- 在编码智能体会话中直接为技术主题制作简短解说视频。
- 无需录屏,为网页应用制作产品演示视频。
- 为 TikTok、Reels 或 Shorts 生成带逐词字幕的竖版视频。
- 制作带透明背景的旁白图示,方便在视频剪辑软件中叠加使用。
快速上手
- 1
克隆仓库
git clone https://github.com/vincentsch/explainroo.git - 2
进入项目文件夹
cd explainroo - 3
安装依赖
npm install - 4
下载语音和计时模型
node bin/explainroo.js doctor --fetch
使用前须知
- 需要先安装 Node.js 20.11 或更高版本、ffmpeg,以及 Chrome 或 Chromium。
- 首次设置需要下载约 400 MB 的模型。
- 西班牙语、法语、意大利语、葡萄牙语和印地语旁白还需要 espeak-ng;日语和中文需要带 misaki 的 Python。
- 官方称与 Claude Code 和 Opus 5.5 配合效果最好,它主要设计为由编程智能体驱动使用。
标签
常见问题
- explainroo 是什么?
- 把脚本变成带旁白的解说视频或产品演示,语音、时间轴和渲染都在本地完成,可由编码智能体驱动。 explainroo 根据脚本制作解说视频。编码智能体编写 script.md(旁白)和 scenes.js(在指定词语出现的 canvas 图形),工具随后用 Kokoro 生成语音,用 Whisper 对齐每个词的时间,在无头 Chrome 中渲染画面,并用 ffmpeg 合成 MP4。
- explainroo 可以免费使用吗?用的什么许可证?
- explainroo 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- explainroo 还在维护吗?
- 活跃维护中。explainroo 最近一次提交是在 2026年10月19日。
- explainroo 适合用来做什么?
- 在编码智能体会话中直接为技术主题制作简短解说视频。 无需录屏,为网页应用制作产品演示视频。 为 TikTok、Reels 或 Shorts 生成带逐词字幕的竖版视频。 制作带透明背景的旁白图示,方便在视频剪辑软件中叠加使用。
- explainroo 怎么安装和运行?
- 克隆仓库: git clone https://github.com/vincentsch/explainroo.git 进入项目文件夹: cd explainroo 安装依赖: npm install 下载语音和计时模型: node bin/explainroo.js doctor --fetch
- 在哪里获取 explainroo?
- 源代码和安装说明在 GitHub 上:https://github.com/vincentsch/explainroo
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个 Claude Code 技能,用 51 种影片风格制作短片,全部由代码生成,不依赖视频生成模型。
一个 Claude Code 技能,用代码生成程序化 canvas 短动画,并通过无头浏览器和 ffmpeg 渲染为 MP4。
一个 Claude Code 技能,输入网站 URL 即可用 HTML 生成带音效与动态模糊的 60 fps 产品发布视频。
一个 Claude Code 技能,可将简短主题生成节拍同步的动态图形视频,并通过 HyperFrames 渲染为 MP4。
为 Claude Code、Cursor、Codex 等编程智能体提供 42 个本地 FFmpeg 音视频编辑工具的 Agent Skill 与 MCP 服务。