React Design Draft
根据内容自动生成可编辑的React风格信息图设计稿,支持单图与多图模式。
下载 231
自动为无声录屏视频生成讲解脚本并合成语音,输出带旁白的视频。
openclaw skills install @ryanzhang-oss/video-auto-narration命令、参数、文件名以原文为准
为无声的屏幕录制演示视频生成专业级语音旁白。
提取关键帧,理解屏幕上发生的内容:
# 每5秒提取一帧
./scripts/extract-frames.sh <video_path> [output_dir]撰写演示风格的旁白——不是枯燥的描述。遵循以下结构:
| 部分 | 目的 |
|---|---|
| 背景介绍 | 告诉观众即将看到什么,以及其重要性 |
| 背景说明 | 解释当前的设置或场景 |
| 操作提示 / 动作 | 展示用户实际执行的操作(保持简洁) |
| 操作 walkthrough | 逐个步骤叙述,突出洞察点和转折时刻 |
| 成果展示 | 强调最终成果——发现了什么、解决了什么、为何令人印象深刻 |
编写指南:
将脚本保存为 <video_name>_voiceover.md,与视频文件同目录。
使用生成脚本合成每个旁白段落的音频:
./scripts/generate-tts.sh <script_sections_file> <output_dir> [voice] [rate]或通过 Python 使用 edge-tts 直接生成:
en-US-GuyNeural(自然男声)或 en-US-AvaNeural(自然女声)+0% 到 +10% 之间调节,以适配视频时长./scripts/merge-audio.sh <video_path> <narration_audio> [output_path]-shortest 参数,使输出时长以较短的一方为准如未安装依赖,请执行以下命令:
pip3 install edge-tts # Microsoft 神经网络语音合成(免费,无需 API 密钥)
brew install ffmpeg # 或使用 apt-get install ffmpeg该技能生成以下内容:
<name> (带旁白).mov** — 嵌入语音旁白的视频文件<name>_voiceover.md** — 带时间标记的脚本,可用于参考或重新录制已收录 1 个 Skill