Question

我正在尝试使用WebRTC's adapter.js使用RTCPeerConnection通过RTCDataChannel发送文字，但我收到以下错误：

Uncaught InvalidStateError:
Failed to execute 'send' on 'RTCDataChannel':
RTCDataChannel.readyState is not 'open'

我的代码可通过this fiddle及以下版本获取：

var peerConnection = new RTCPeerConnection(null, {
  optional: [{
    RtpDataChannels: true
  }]
});

peerConnection.ondatachannel = function(event) {
  receiveChannel = event.channel;
  receiveChannel.onmessage = function(event){
    alert(event.data);
  };
};

var dataChannel = peerConnection.createDataChannel("data", {reliable: false});
dataChannel.send("Hello");

我做错了吗？

Answer 1

我今天早上编写了以下代码，在单个页面中使用了RTCPeerConnection和RTCDataChannel。声明这些函数的顺序很重要。

var localPeerConnection, remotePeerConnection, sendChannel, receiveChannel;

localPeerConnection = new RTCPeerConnection(null, {
  optional: [{
    RtpDataChannels: true
  }]
});

localPeerConnection.onicecandidate = function(event) {
  if (event.candidate) {
    remotePeerConnection.addIceCandidate(event.candidate);
  }
};

sendChannel = localPeerConnection.createDataChannel("CHANNEL_NAME", {
  reliable: false
});

sendChannel.onopen = function(event) {
  var readyState = sendChannel.readyState;
  if (readyState == "open") {
    sendChannel.send("Hello");
  }
};

remotePeerConnection = new RTCPeerConnection(null, {
  optional: [{
    RtpDataChannels: true
  }]
});

remotePeerConnection.onicecandidate = function(event) {
  if (event.candidate) {
    localPeerConnection.addIceCandidate(event.candidate);
  }
};

remotePeerConnection.ondatachannel = function(event) {
  receiveChannel = event.channel;
  receiveChannel.onmessage = function(event) {
    alert(event.data);
  };
};

localPeerConnection.createOffer(function(desc) {
  localPeerConnection.setLocalDescription(desc);
  remotePeerConnection.setRemoteDescription(desc);
  remotePeerConnection.createAnswer(function(desc) {
    remotePeerConnection.setLocalDescription(desc);
    localPeerConnection.setRemoteDescription(desc);
  });
});

Answer 2

您不能只创建peerConnection，dataChannel并立即开始使用它。顺便说一句，你在这里没有2个同伴......

您需要在2个对等项中创建peerConnections对象
转移SDP的
获得冰候选人
只有在此之后，dataChannel才会打开，然后您可以在其上发送信息

我建议从阅读this开始，它将为您提供基本概念的知识接着Sam Dutton继续this很棒的代码实验室。

更新以回答mhenry的请求：以下是在一个类中设置数据通道的全部内容：https://gist.github.com/shacharz/9661930 按照评论，你只需要：

添加信令，将SDP的冰候选者发送给另一个对等方（targetId）
如果您想通过更高级别的逻辑来处理丢失的所有连接和类似的东西。
确保在收到sdp时调用“Handlmessage”方法
使用具有公共方法的类：SetupCall，Send，Close

RTCDataChannel的ReadyState不是'开放'

2 个答案: