HTML-Presentation-Video

核心功能：将HTML幻灯片转换为带专业TTS旁白的汇报视频，采用Playwright截图+ffmpeg合成方案，算力消耗降低60%以上、速度比完整录制提40%，兼容所有HTML/CSS幻灯片。适用场景：财报分析、技术方案、学术报告等HTML幻灯片的视频化需求。输入需提供HTML幻灯片目录、内容Markdown文件，可配置音色、分辨率等；输出为指定路径的MP4视频。

vincentlau2046-sudo

热度 20.08

最近更新 2026-03-27 00:26:48

分类：创作依赖：代码执行 / 联网浏览搜索 / 读写文件 / 第三方 API / 内部调用大模型应用场景：视频编辑 / 报告撰写 / 文件转换 / 自动化脚本

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add html-slideshow-video-lightweight

Metadata

name: html-slideshow-video-lightweight
description: 轻量级HTML幻灯片转视频方案，采用Playwright截图+ffmpeg合成，无依赖问题，算力消耗低
metadata: {"openclaw":{"emoji":"🎥","requires":{"bins":["node","ffmpeg","python3"]}}}

轻量级HTML幻灯片转视频技能

功能描述

将HTML格式的幻灯片转换为带专业旁白的汇报视频，采用轻量化实现方案，避免复杂浏览器依赖问题，算力消耗低、兼容性强、速度快。

核心优势

✅ 无依赖问题：内置Playwright Chromium，无需系统安装Chrome/Chromedriver ✅ 算力高效：静态截图+音视频合成，CPU占用降低60%以上 ✅ 速度快：比完整录制方案提速40% ✅ 兼容性强：支持所有HTML/CSS渲染的幻灯片

适用场景

财报分析汇报视频生成
技术方案演示视频生成
学术报告/商业提案视频化
任何基于HTML幻灯片的转视频需求

输入要求

必需输入

--html-dir: HTML幻灯片目录，包含index.html和slides/子目录
--content-file: 原始内容Markdown文件，用于生成专业旁白
--output: 最终输出视频路径（默认: 当前目录/汇报视频.mp4）

可选配置

--voice: TTS音色 (默认: boyinnansheng 播音男声)
--resolution: 视频分辨率 (720p/1080p/4k，默认: 1080p)
--tts-service: TTS服务 (stepfun/dashscope，默认: stepfun)

工作流程

自动扫描幻灯片：读取slides目录下所有HTML页面
生成专业旁白：基于内容文件自动生成逐页口语化讲稿
语音合成：调用TTS服务生成高音质旁白音频
批量截图：Playwright无头浏览器批量截取幻灯片页面
单页视频合成：每页幻灯片截图+对应音频合成单页视频
完整视频合并：ffmpeg无损合并所有单页视频为最终汇报视频

使用方法

# 基本用法
python main.py --html-dir ./slides --content-file report.md

# 自定义配置
python main.py --html-dir ./presentation --content-file analysis.md --voice cixingnansheng --resolution 4k --output baidu_finance_report.mp4

依赖要求

Python 3.8+
Playwright (Python包)
ffmpeg >= 4.0
StepFun/DashScope TTS API密钥

安装方法

# 安装依赖
bash install.sh

输出结果

最终视频文件：用户指定路径的MP4文件
中间产物（可选保留）：
- 截图文件：screenshots/slide_XX.png
- 音频文件：audio/slide_XX.mp3
- 单页视频：parts/part_XX.mp4

版本信息

版本：1.0.0
作者：零壹
最后更新：2026-03-26
兼容性：OpenClaw v24.14.0+