RCRTCTools

CHANGELOG

@rongcloud/plugin-rtc 辅助工具，可以查看 peerConnection 相关信息。

Install

npm install rc-rtc-tools@latest -D 

Usage

1. 引入 rc-rtc-tools

import RCRTCTools from 'rc-rtc-tools'

2. 创建 rtcTools 实例。创建完 RCRTCTools 实例之后，会自动创建一个可拖拽的工具图标,此时还没有任何 peerConnection 数据。

  const rtcTools = new RCRTCTools()

3. 加入房间成功之后，调用 room.registerReportListener 注册房间质量数据监听器。

（注：如果已经注册过了质量数据监听器无需重复注册，否则后注册的监听事件会覆盖之前注册的监听事件）

4. 在 onStateReport 监听器中调用 rtcTools.updateView(reports) 更新视图。

代码示例：

  import RCRTCTools from 'rc-rtc-tools'

  const rtcTools = new RCRTCTools()

  const { code, room, tracks } = await rtcClient.joinRTCRoom(roomId)

  room.registerReportListener({
    onStateReport (reports) {
      // 传入 reports 更新视图
      rtcTools.updateView(reports)
    }
  })

当资源发布/订阅后，会触发 onStateReport 监听, 此时点击工具图标会展示 peerConnection 相关的数据。