webrtc之onicecandidate的 event handler的一点疑惑

// 监听的ICE候选人信息变动,如果收集到,就添加给对方
      async onicecandidate() {
        //var _this = this;
        this.peerStudent.onicecandidate = (event) => {
          if (event.candidate) {
            console.log("candidate", event.candidate)
            let jsonData = {
              "userid": "student",
              "datatype": "ice",
              "data": JSON.stringify(event.candidate),
            }
            let msg = JSON.stringify(jsonData);
            this.ws.sendMsg(msg);
          }
        };
      },

今天看这个代码有点疑惑,这个event是怎么传进来的
peerStudent是一个RTCPeerConnection 实例,在RTCPeerConnection 实例上的onicecandidate 属性定义的是一个事件触发器 event handler,这个event其实就是RTCPeerConnectionIceEvent事件

这里顺便强调一点这里使用的是箭头函数,this是指向调用该函数的上层方法,故不需要之前的hack写法(var _this = this)

(event) => {}

以下为找的资料:https://developer.mozilla.org/zh-CN/docs/Web/API/RTCPeerConnection/onicecandidate

RTCPeerConnection.onicecandidate
 RTCPeerConnection 的属性 onicecandidate (是一个事件触发器 event handler) 能够让函数在事件icecandidate发生在实例  RTCPeerConnection 上时被调用。 只要本地代理ICE 需要通过信令服务器传递信息给其他对等端时就会触发。 这让本地代理与其他对等体相协商而浏览器本身在使用时无需知道任何详细的有关信令技术的细节,只需要简单地应用这种方法就可使用您选择的任何消息传递技术将ICE候选发送到远程对等方。

Syntax
rtcPeerConnection.onicecandidate = eventHandler;
Value
这应该设置为您提供的函数,该函数接受RTCPeerConnectionIceEvent表示icecandidate事件的对象作为输入。该功能应该通过信令服务器将可以在事件属性中找到其SDPICE候选者传递candidate给远程对等体。

如果事件的candidate属性是nullICE收集已经完成。不应将此消息发送到远程对等方。发生这种情况时,连接iceGatheringState也已更改为complete。你不需要明确地注意这一点; 相反,如果你需要感知信令的结束,你应该注意一个icegatheringstatechange事件,表明ICE协商已经转变为complete状态。

Example
下面的示例基于文章信令和视频调用中的代码,为icecandidate事件设置处理程序,以便将候选项发送到远程对等方。

pc.onicecandidate = function(event) {
  if (event.candidate) {
    // Send the candidate to the remote peer
  } else {
    // All ICE candidates have been sent
  }
}
Copy to Clipboard
请注意,当检测到协议结束时candidate (en-US) 属性为 null.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值