// 监听的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事件的对象作为输入。该功能应该通过信令服务器将可以在事件属性中找到其SDP的ICE候选者传递candidate给远程对等体。
如果事件的candidate属性是null,ICE收集已经完成。不应将此消息发送到远程对等方。发生这种情况时,连接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.