很多场景需要记录用户操作行为，包括：保险或金融监管要求、问题跟踪定位，rrweb 开源技术，利用现代浏览器所提供的强大 API 录制并回放任意 web 界面中的用户操作，以下是使用 rrweb 开发页面回溯功能的一般步骤

记录页面操作

• 安装 rrweb：使用 npm 或 yarn 安装 rrweb：

npm install rrweb

或

yarn add rrweb

• 在页面中引入 rrweb 库：

<script src="path/to/rrweb.js"></script>

或

import rrweb from 'rrweb';

• 初始化 rrweb 和录制：

const recorder = new rrweb({
  // options
});

recorder.record();

• 停止记录：

const events = recorder.stop();

• 回放记录：

const player = new rrweb({
  // options
});

player.play(events);

• 可选的配置和自定义：

rrweb 提供了一些配置选项，以及一些事件回调，以便在记录和回放过程中进行自定义。您可以查阅 rrweb 的文档以获取更多详细信息。

转为 MP4 视频格式

通过rrvideo 可以将 rrweb 记录转换为视频，这里操作比较简单，安装需要依赖，然后执行命令就可以录制数据转换 mp4

有偿提供技术支持 kaka.huhai@ gmail . com