使用rrweb实现录屏，回放，回放中不希望有红色的线，但依然显示鼠标轨迹

您可以通过以下步骤使用rrweb实现录屏和回放，并在回放中隐藏红色线条但显示鼠标轨迹：

1. 安装rrweb：您可以使用npm或yarn来安装rrweb库。打开终端并运行以下命令：

npm install rrweb

或

yarn add rrweb

2. 录制屏幕：使用rrweb库的`record`方法来录制屏幕。您可以在需要录制的页面上插入以下代码：

import { record } from 'rrweb';

const stopRecording = record({
  emit(event) {
    // 将事件发送给服务器保存或本地存储
    console.log(event);
  },
});

3. 停止录制：要停止录制，请调用`stopRecording`函数：

stopRecording();

4. 回放录制的数据：使用rrweb的`replay`方法来回放录制的数据。您可以在需要回放的页面上插入以下代码：

import { replay } from 'rrweb';

replay({
  events: recordedEvents, // 将录制的事件传递给replay方法
  hooks: {
    // 钩子函数用于修改事件中的属性
    beforeReplay(replayer) {
      // 隐藏红色线条
      replayer.addMutation({
        removeNodeMutation: (n) => n.classList.contains('red-line-class'),
      });
    },
  },
});

请注意，`recordedEvents`是您之前录制的事件数组，您可以根据实际情况从服务器或本地存储中获取录制的数据。

通过以上步骤，您可以使用rrweb实现录屏和回放，并在回放中隐藏红色线条但显示鼠标轨迹。