webrtc如何获取最后实际连接的ice candidate

红雾i

已于 2023-09-28 15:58:52 修改

阅读量230

点赞数 1

文章标签： webrtc typescript

于 2023-09-28 15:36:51 首次发布

本文链接：https://blog.csdn.net/zongjinyun123/article/details/133385048

版权

前情提要

webrtc的ice candidate并没有现成的回调，来告诉你某个ice candidate连通了。
参考chrome://webrtc-internals/的代码，可以在ice连通后，通过RTCStatsReport对象来获取ICE Candidate pair
在这里插入图片描述

获取代码

  localPc.oniceconnectionstatechange = (event: Event) => {
    if (localPc!.iceConnectionState === 'connected') {
      localPc!.getStats(null).then((stats: RTCStatsReport) =>
        stats.forEach((report) => {
          if (report.type === 'transport') {
            let activeCandidatePair = stats.get(report.selectedCandidatePairId)
            let remoteCandidate = stats.get(activeCandidatePair.remoteCandidateId)
            let localCandidate = stats.get(activeCandidatePair.localCandidateId)
            // ipv6
            if (localCandidate && localCandidate.address && localCandidate.address.indexOf(':') !== -1) {
              console.log(`网络通道:[${localCandidate.address}]:${localCandidate.port}<=>[${remoteCandidate.address}]:${remoteCandidate.port}`)
            } else {
              console.log(`网络通道:${localCandidate.address}:${localCandidate.port}<=>${remoteCandidate.address}:${remoteCandidate.port}`)
            }
            console.log('本地candidate', localCandidate)
            console.log('远程candidate', remoteCandidate)
          }
        })
      )
    } else {
      console.log('ice状态变更:')
    }
  }