rrvideo: improve the video quality and add a progress bar for the CLI tool (#1197)

* refactor rrvideo: use playwright rather than puppeteer

* add a progress bar for the tool

* add tests for cli.ts

* fix build error

* add change log

* update readme file

* Apply a scaling method to improve the resolution of the output video
This commit is contained in:
Yun Feng
2026-04-01 12:00:00 +08:00
committed by GitHub
parent 6a4a816538
commit 937e3b42ce
16 changed files with 417 additions and 279 deletions

View File

@@ -2,11 +2,12 @@
rrvideo 是用于将 [rrweb](https://github.com/rrweb-io/rrweb) 录制的数据转为视频格式的工具。
![Demo Video](./demo/demo.gif)
## 安装 rrvideo
1. 安装 [ffmpeg](https://ffmpeg.org/download.html)。
2. 安装 [Node.JS](https://nodejs.org/en/download/)
3. 执行 `npm i -g rrvideo` 以安装 rrvideo CLI。
1. 安装 [Node.JS](https://nodejs.org/en/download/)。
2. 执行 `npm i -g rrvideo` 以安装 rrvideo CLI
## 使用 rrvideo
@@ -16,7 +17,7 @@ rrvideo 是用于将 [rrweb](https://github.com/rrweb-io/rrweb) 录制的数据
rrvideo --input PATH_TO_YOUR_RRWEB_EVENTS_FILE
```
运行以上命令会在执行文件夹中生成一个 `rrvideo-output.mp4` 文件。
运行以上命令会在执行文件夹中生成一个 `rrvideo-output.webm` 文件。
### 指定输出路径