实时音视频Web接入——异常处理

// 下面代码的 client 是 client实例
// https://www.qcloudtrtc.com/trtc-web-sdk/docs/api/Client.html

// 异常监听
client.on('error', error => {
  // 业务侧数据上报
  let errorCode = error.getCode()
  let errorCodeHex = `0x${errorCode.toString(16)}`
  console.error('[trtc] client error observed: ' + error)
  switch (errorCode) {
    case 0x4001:
      retryOrReload('websocket 初始化失败', errorCodeHex)
      break
    case 0x4002:
      retryOrReload('websocket 信令通道异常', errorCodeHex)
      break
    case 0x4003:
    case 0x4005:
      retryOrReload('音视频数据传输通道错误', errorCodeHex)
      break
    case 0x4004:
      retryOrReload('进房失败', errorCodeHex)
      break
    case 0x4041:
      retryOrReload('媒体传输服务超时', errorCodeHex)
      break
    case 0x4042:
      retryOrReload('远端流订阅超时', errorCodeHex)
      break
    case 0xffff:
      retryOrReload('未知错误', errorCodeHex)
      break
    default:
      retryOrReload(`错误代码 ${errorCode}（0x${errorCode.toString(16)}）`, errorCodeHex)
      break
  }
})

// 重连逻辑
// 建议有一个重连的上限，例如 3 次，这里只做重连操作
const retryMaxTimes = 3

function retryOrReload(msg, code) {
    // 经过了若干次尝试仍然无法重连成功
    if ( retryTimes > retryMaxTimes) {
        alert( `网络状态异常(${code})，请您检查网络连接刷新页面尝试重连。`)
        return
    }
    // 重连逻辑，离开，再加入房间
    client
      .leave()
      .then(() => {
        client.join({... }).catch(e => {
          retryOrReload(msg)
        })
      })
      .catch(e => {
        retryOrReload(msg)
      })
}