mcpField
E
explainroo

explainroo

github.com/vincentsch创意与媒体68258 次安装1 周前更新
代码仓库

关于 explainroo

这项技能介绍如何用旁白脚本和 JavaScript 绘图文件制作 MP4 讲解视频，并指导项目初始化及 explainroo 工作流；该流程生成逐词语音时间信息、画面、音乐和音效。

主要功能

  1. 01根据脚本和 JavaScript 制作 MP4
  2. 02生成逐词语音时间信息
  3. 03使用 Chrome 渲染画面
  4. 04添加音乐和音效
  5. 05按主题和标题初始化项目

适用场景

  1. 01制作带旁白的讲解视频
  2. 02将脚本和场景代码转为视频
  3. 03初始化并验证 explainroo 项目

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/vincentsch/explainroo --skill explainroo

安装后在 Claude Code 中输入/explainroo确认已加载。

详细介绍

使用 explainroo 制作讲解视频

explainroo 根据两个文件生成 MP4 视频：一个包含旁白内容的脚本，以及一个用于绘制画面的小型 JavaScript 文件。本机上的语音模型会朗读脚本。explainroo 会记录每个词的播报时间，由 Chrome 绘制帧，然后添加音乐和音效。

查找或安装 explainroo

先尝试以下方法：

command -v explainroo
ls "${EXPLAINROO_HOME:-$HOME/.explainroo}/bin/explainroo.js"

如果两种方法都不行，请安装它。它需要 Node.js 20.11 或更高版本、ffmpeg，以及 Chrome 或 Chromium。

git clone https://github.com/vincentsch/explainroo.git "$HOME/.explainroo"
cd "$HOME/.explainroo" && npm install
node bin/explainroo.js doctor --fetch

在本文其余部分中，explainroo 指你找到的任意一种：explainroo 命令，或 node "$HOME/.explainroo/bin/explainroo.js"。

阅读 AGENTS.md

explainroo 文件夹中的 AGENTS.md 包含操作步骤、写作规则、设置以及 Scene API，其中列出了 scenes.js 可以绘制的所有内容。开始前请先阅读。

制作视频

在用户指定的位置创建项目，例如 ./video：

explainroo init video --theme paper --title "..."

然后按照 AGENTS.md 中的步骤操作。视频完成后，告诉用户 video/out/video.mp4 的位置、视频时长，以及 explainroo verify video 的输出。

评论

支持 Markdown