我正在尝试使用网络套接字在客户端之间创建WebRTC数据通道。
我列出了一些ICE服务器
var rtcsettings = {
iceServers: [
{url: "stun:stun.ekiga.net"},
{url: "stun:stun.voipbuster.com"},
{url: "stun:stun.1.google.com:19302"},
]
};
然后有一个connect函数可以创建一个通道并提供并通过Web套接字发送它。
function(them) {
var pc = new RTCPeerConnection(rtcsettings);
self.channel = pc.createDataChannel("gamelink");
console.log(pc, self.channel);
self.peerconnection = pc;
pc.createOffer(function(offer) {
pc.setLocalDescription(new RTCSessionDescription(offer), function() {
self.socket.send(JSON.stringify({
"to": them,
"uuid": uuid,
"offer": offer,
}));
}, pc.close);
}, pc.close);
}
然后在另一端有一个回调,它将提议添加到其连接并发送响应。
它还会在添加数据通道时设置回调,但这永远不会触发。我错过了什么?
function (message){
var offer = message.offer;
var pc = new RTCPeerConnection(rtcsettings);
pc.ondatachannel = function(ch) {
self.channel = ch;
console.log(self.channel);
}
console.log(pc);
pc.setRemoteDescription(new RTCSessionDescription(offer), function() {
pc.createAnswer(function(answer) {
pc.setLocalDescription(new RTCSessionDescription(answer), function() {
self.socket.send(JSON.stringify({
"to": message.uuid,
"uuid": uuid,
"answer": answer,
}));
}, pc.close);
}, pc.close);
}, pc.close);
self.peerconnection = pc;
}
然后最后在启动器上有另一个回调函数,它将响应描述符添加到它的连接中。
function(message) {
self.peerconnection.setRemoteDescription(
new RTCSessionDescription(message.answer),
function() { },
self.peerconnection.close);
}
除了套接字内容和数据通道内容之外的所有代码几乎都是从MDN Basic Usage页面逐字记录的。
我正在使用本地主机上的Chrome进行测试,因此防火墙应该不是问题。
交换发生后,两个连接都有本地和远程描述符集。数据渠道readyState
为connecting
。 PeerConnection的iceConnectionState
为new
,其signalingState
为stable
。
缺少什么?
答案 0 :(得分:3)
你需要处理ICE候选人。
在两个结束时,需要进行如下回调:
pc.onicecandidate = function(e) {
if(e.candidate) {
self.socket.send(JSON.stringify({
"to": message.uuid,
"uuid": uuid,
"candidate": e.candidate,
}));
}
};
和处理程序
callbacks["candidate"] = function(message) {
console.log(message)
self.peerconnection.addIceCandidate(new RTCIceCandidate(message.candidate));
}
答案 1 :(得分:0)
将这些设置添加到RTCPeerConnection
var optionalRtpDataChannels = {
optional: [{RtpDataChannels: true}]
};
var pc = new RTCPeerConnection(rtcsetting, optionalRtpDataChannels);