Remotion + Excalidraw + TTS

🎬 图表秒变讲解视频,AI 配音一键生成

将 Excalidraw 图表与语音脚本自动生成带镜头动画和旁白的 MP4 视频,支持本地 TTS 和云端语音合成。

收藏
4.1k
安装
1.8k
版本
1.1.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

该技能实现了一条从静态图表到动态讲解视频的完整自动化流水线。用户仅需提供 Excalidraw 导出的 JSON 文件和纯文本配音脚本,即可通过单条命令生成包含镜头平移/缩放动画、区域高亮聚焦、同步字幕的 MP4 视频。

技术架构:底层基于 Remotion(React 视频渲染引擎),直接内嵌 Excalidraw 渲染组件解析原生图表格式,无需导出图片。语音合成支持三级方案:macOS 本地 say 命令(零成本离线)、OpenAI TTS API(高质量云端)、ElevenLabs(专业级多语言语音)。渲染流程自动匹配音频时长,确保声画同步。

镜头控制:通过 storyboard JSON 定义关键帧,支持 cameraFrom/cameraTo 实现平滑的平移缩放动画,focus 参数可高亮特定图表区域并添加标签,满足技术讲解类视频常见的"聚焦放大"需求。

显著优点

  • 端到端自动化:单命令完成图表解析、语音生成、React 项目初始化、依赖安装、视频渲染全流程,大幅降低 Remotion 的学习门槛
  • 原生 Excalidraw 支持:直接读取 .excalidraw JSON,保留矢量精度,支持无限缩放不失真
  • 灵活的 TTS 策略:本地 say 适合快速迭代和隐私场景,云端 API 支持中文自然语音(Tingting 等)
  • 声明式镜头编排:JSON storyboard 替代手写 TypeScript,降低非前端用户使用门槛
  • 开源可扩展:模板项目结构清晰,可自定义 Remotion 组件实现复杂动画

局限与风险

  • 平台依赖:核心依赖 macOS say 命令,Linux/Windows 用户需强制使用云端 TTS 或自行配置本地引擎
  • Node.js 生态负担:每次执行需初始化临时 npm 项目并安装依赖,首次运行耗时较长(数十秒至数分钟),且对网络环境有要求
  • 音频同步刚性:视频时长强制绑定语音长度,缺乏独立控制总时长的能力
  • 中文语音质量参差:macOS say 中文合成机械感明显,云端方案需配置 API 密钥增加使用复杂度
  • 调试成本:Remotion 渲染失败时的错误信息需阅读 Node/npm 日志,对非开发者不够友好

适合人群

技术博主、产品经理、开发者教育者——需要将架构图、流程图快速转化为带讲解视频,且已熟悉命令行操作和 Node.js 基础环境的用户。特别适合已有 Excalidraw 工作流、追求"图变视频"效率最大化的内容创作者。

安全评估

本地 say + ffmpeg 方案数据不出境,隐私风险极低;云端 TTS 需外传文本至 OpenAI/ElevenLabs,敏感内容需谨慎选择后端。临时项目目录的权限管理和 npm 依赖供应链为潜在攻击面。

Remotion + Excalidraw + TTS 内容

assets文件夹
template文件夹
remotion-project文件夹
public文件夹
tts文件夹
src文件夹
video文件夹
components文件夹
storyboard文件夹
references文件夹
scripts文件夹
手动下载zip · 90.4 kB
list.txttext/plain
请选择文件