口播mp3文件转可视化讲解视频

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

把口播逐字稿或口播音频做成「深色底 + 结构化逻辑图示 + 逐句精确字幕」的 Remotion 讲解视频(MP4 + SRT)。内置 10 类逻辑图示组件库(对比/分解/流程/集成/顺序/条目/阶段/分层/点网/金句)与可运行工程模板。核心机制是双输入路径:文字稿走 edge-tts 配音出逐句字幕,音频走 Whisper large-v3 识别;音频路径带强制人工确认门禁——逐字稿未经用户确认不允许进入视频生成。触发词:口播稿做视频、口播音频转视频、逐字稿生成视频、结构化讲解视频、深色讲解视频、带字幕讲解视频、配音加字幕、字幕与语音严格对应、script to video、explainer video、Remotion 视频。

一句话选型结论

按资料字段整理

口播mp3文件转可视化讲解视频是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_81d33501/script-to-structured-video
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_81d33501仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量10.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
口播mp3文件转可视化讲解视频当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

10.4 KB
模型实际读到的说明书原文,来自技能仓库

口播稿 / 口播音频 → 结构化讲解视频

深色底 + 逻辑图示 + 逐句精确字幕,Remotion 渲染,产出 MP4 + SRT。
视觉层只放提炼后的要点,逐字内容全部走字幕层,两层不混。

何时用

  • 有一篇讲稿/逐字稿,想做成一版能直接发出去的讲解视频
  • 有一段口播音频(录音、播客、访谈),想要带字幕的成片
  • 要求「体现内容的结构化层次逻辑」「字幕和语音严格对应」

不适用的场景:白板手绘动画(另一个技能)、纯 PPT 导出、不要字幕的素材混剪。

两条输入路径

输入 路径 字幕来源 是否需要人工确认
文字稿(用户自己写的) 变体 A:edge-tts 合成配音 SentenceBoundary 事件,逐句精确 ❌ 不需要,文字稿本身就是用户的版本
音频文件(mp3/m4a/wav/视频音轨) 变体 B:Whisper large-v3 识别 ASR segments 二次切分 ✅ 必须,见下一节

⛔ 强制确认门禁(音频输入)

只要输入是音频,就必须在「出逐字稿」和「生成视频」之间停一次,等用户确认。
这不是建议,是硬约束——脚本层已经卡住(build_scenes.py 没有 --confirmed 直接拒绝执行)。

为什么必须有这一步

ASR 必然带错:专有名词错字、数字错位、整段漏识、双人对谈的说话人归属混乱。
这些错会一路带进字幕和图示——成片出去以后,观众看到的是「你说错了」,不是「AI 听错了」。
所以:先把文字定下来,再谈画面。

流程

  1. 转写
    bash python scripts/transcribe.py <音频> --out asr --title "<标题>" --prompt "<领域术语>"
    产出 asr/asr_script.md(带时间码的逐字稿,就是交给用户的那份)、asr/asr_timed.txt、asr/asr_raw.json。

  2. 自检 ASR 空洞(脚本会自动打印 >2.5s 的间隙)
    先判断是真漏还是停顿,规则见 references/troubleshooting.md。有真漏就补识别后再给用户。

  3. 把逐字稿交给用户,并明确列出疑点
    不要只说「转写好了请确认」——用户没法在 3000 字里自己找错。要主动列四类:
    - 术语疑点:哪些词拿不准(同音、生造词、行业缩写)
    - 数字/专名:金额、年份、产品名、人名
    - ASR 空洞:哪几秒没有文字、判断是真漏还是停顿
    - 说话人归属:双人/多人时哪句分给了谁
    拿不准的保留原识别结果并标注,不要臆改内容。

  4. 等用户明确回话
    有效的确认只有两种:明确说「确认/没问题/可以了」,或给出具体修订。
    用户沉默、只说「嗯」、或问别的问题,都不算确认。

  5. 按批注修订,重出逐字稿(如有修订)
    修订只改文字,不改时间轴;除非用户要求调语速或重切。

  6. 确认之后才允许继续
    bash python scripts/build_scenes.py --scenes scenes.json --confirmed ...

门禁期间可以做什么

✅ 起草拆场方案(哪几段合成一场、每场配哪种图示)给用户参考
✅ 复制工程模板、装依赖、准备音频切分
❌ 生成 scenes-data.json(脚本会拒)
❌ 渲染、抽帧、出封面、说「马上就好」
❌ 用「先跑一版看看效果,回头再改字」当理由绕过

> 如果用户在给音频的同时明确说「字不用看,直接做」,照做,但在交付说明里写清「字幕基于未校对的 ASR,术语可能有误」,并附上逐字稿文件路径。


三个阶段的活

阶段一 · 拆场

把文本切成 8-13 场(3 分钟片约 6-8 场,12 分钟片约 16 场),每场定义:

{ id, chapter /* 章节标签,如「二 · 存储范式」 */,
  title   /* 大标题,一句话,<=16 字 */,
  points  /* 2-4 条提炼要点,每场视觉区用 */,
  start, end /* 秒,边界必须落在语音端点,绝不跨句 */,
  diagram: { type, data } }
  • 每场 30-60 秒最舒服。某场超过 90 秒就再切一刀,否则一个画面停留太久
  • 场边界取某句的 start 或 end;宁可让某场短一点,也不要一句话跨场
  • chapter 是全片的骨架,写完通读一遍:把 chapter 连起来应该是一条完整论证线

阶段二 · 图示设计(核心)

按内容逻辑选型,10 类的参数与容量上限见 references/diagram-recipes.md:

逻辑 类型 逻辑 类型
左右对照 compare 平行要点 enumeration
整体拆解 decompose 递进阶段 stage
因果/转化链 flow 单点 vs 系统 pointvsnet
多源汇聚 integration 层级堆叠 layers
时间次序 sequence 金句 quote

写完后逐条数字数:flow 5 步节点只能放约 8 个汉字/行,超了会断词换行。

阶段三 · 渲染与校验

# 1) 构建数据(--confirmed 是门禁)
python scripts/build_scenes.py --scenes scenes.json --audio src.wav --confirmed

# 2) 单帧冒烟:覆盖每种图示,秒级
npx remotion still src/index.ts video out/chk_0100.png --frame=100

# 3) 全量渲染(后台跑,别干等)
NODE_OPTIONS=--max-old-space-size=8192 npx remotion render src/index.ts video out/成片.mp4 --crf=18 --pixel-format=yuv420p

# 4) 校验 + 抽帧
ffprobe -v error -show_entries format=duration,size -show_entries stream=codec_type,codec_name \
  -of default=noprint_wrappers=1 out/成片.mp4
python scripts/merge_srt.py --data src/scenes-data.json --out out --title 片子名

快速开始

# 1. 复制模板到工程目录
cp -r assets/template-remotion my-video && cd my-video

# 2. 装依赖(或联接到已有 Remotion 工程,省几百 MB)
npm install
# 或 PowerShell: New-Item -ItemType Junction -Path .\node_modules -Target <旧工程>\node_modules

# 3. 先用自带 demo 跑通链路(生成静音音轨,验证排版)
python ../scripts/make_demo_audio.py
npx remotion still src/index.ts video out/chk.png --frame=90

# 4. 换成真实内容:写 scenes.json → build_scenes.py --confirmed

模板自带 3 场 demo(金句/流程/对比),改 src/scenes-data.json 或走 build_scenes.py 都会被覆盖。

目录结构

script-to-structured-video/
├── SKILL.md                        本文件(说明书)
├── references/
│   ├── diagram-recipes.md          10 类图示参数、容量上限、选型表
│   ├── subtitle-rules.md           字幕切分/不折行/时间轴对齐
│   └── troubleshooting.md          Whisper / edge-tts / Remotion / 抽帧 排坑
├── scripts/
│   ├── transcribe.py               音频 → 逐句带时间戳 + asr_script.md
│   ├── build_scenes.py             ASR+场景定义 → scenes-data.json(带 --confirmed 门禁)
│   ├── merge_srt.py                scenes-data → 整片 SRT + 纯文本逐字稿
│   └── make_demo_audio.py          给模板生成静音音轨,跑通链路用
└── assets/template-remotion/       可运行工程(Remotion 4 + React 19)
    └── src/{index,Root,VideoComposition,Scene,Cover}.tsx + diagrams.tsx + scenes-data.json

视觉规范

  • 底色 #0a0e17,面板 rgba(18,26,43,0.72),强调色 #38bdf8(蓝)+ #fbbf24(琥珀)
  • 头部:章节标签(蓝、30px、字距 4)→ 大标题 66px/800 → 150×5 渐变分隔线
  • 图示区:top:320 left:80 w:1760 h:540,坐标空间 1760×540
  • 字幕:底部居中 44px/600 白字,半透明黑胶囊,切换 0.12s 淡入,单行不折行
  • 顶部 6px 进度条按章节推进,右上角 当前场/总场数

质量检查(交付前必须过)

  • [ ] 每场 30-60 秒,无非预期超长场
  • [ ] 字幕单条 ≤30 汉字、无换行、估算宽度 <1600px
  • [ ] 场景累加时长与 totalDurationInFrames/fps 差 <0.05s
  • [ ] 每种图示类型都出过单帧并肉眼核过排版(不能只看脚本跑通)
  • [ ] 成片抽 3-4 个时间点,字幕与语音逐字对得上
  • [ ] ffprobe:H.264 + AAC、分辨率/帧率/时长符合预期
  • [ ] 音频输入时:逐字稿确认环节有据可查(用户明确确认过)

已知坑

见 references/troubleshooting.md。最常撞的四个:

  1. edge-tts v7 只有 SentenceBoundary,且必须串行调用(并发触发 NoAudioReceived)
  2. remotion.config.ts 用 Config.setJpegQuality(),setQuality 已废弃会直接报错
  3. scenes-data.json 必须在 src/ 下,放根目录 bundler 解析不到
  4. 逐场切音频用 WAV 不用 MP3(MP3 有编码器延迟,多段拼接累积漂移)

常见问题

5 问
答案由本站依据条目字段整理
口播mp3文件转可视化讲解视频怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_81d33501/script-to-structured-video。安装方式为未标注。装完刷新技能列表或重开客户端。

口播mp3文件转可视化讲解视频支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

口播mp3文件转可视化讲解视频权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

口播mp3文件转可视化讲解视频收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

口播mp3文件转可视化讲解视频用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。