# rrweb-demo

**Repository Path**: ning5455/rrweb-demo

## Basic Information

- **Project Name**: rrweb-demo
- **Description**: 基于H5端的是是视频录制及回溯功能实现demo
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-01-18
- **Last Updated**: 2025-01-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# rrweb-demo

## 描述说明
基于H5端的视频录制和回溯功能demo

## Project setup

```
npm install
```

### 启动客户端（8075端口，确保自己端口没有被占用）

```
npm run start
```

### 启动服务端（8076端口，确保自己端口没有被占用）

```
npm run server
```

### 目录结构

```
src/index.js (客户端demo js)
file/jsonFile.json (模拟服务端接收到的json文件)
index.html (客户端页面demo页面)
play.html (播放器承载页面)
app.js (模拟服务端的js)
bundle.js (播放器使用到js)
style.css (播放器使用到的css)
```

### 使用方法

```
录制
	rrweb.record 开始录制，具体参数同观望一样
	rrweb.addCustomEvent (心跳效果) 使用在调用sdk等录制不到的场景

播放
	new rrwebPlayer 具体参数，同官网一样
```

### 上传时关注事项

实际场景需要分片传输的话，就不需要这个关闭，当真正业务不需要录制的时候再调用。分片逻辑是，序列化的rrwebEvents.length的累加大于某个值  --- 分片逻辑看业务需求吧