webrtc - 为什么 WebRTC 需要信令服务器？

Question

WebRTC 是一种协议(protocol)，它定义了点对点之间媒体数据的传输方法。明白了。它也适用于 RTP/UDP。这也明白了。

在讨论信令服务器时，提到需要进行兼容性检查/ channel 启动......等等。

我的问题是:如上所述，

1)这是否意味着信令服务器是强制性的？

2) WebRTC 是否不具备在没有信令服务器的情况下直接与其他对等方对话的智能？

3)每篇与WebRTC相关的文章都以“它是浏览器与浏览器之间的通信？”开头的声明，是不是意味着WebRTC不能在a)带摄像头的嵌入式设备[无浏览器]，b)其他地方的浏览器之间使用。

4) 此外，与传统的流式传输到浏览器的方式相比，如果使用 WebRTC 有什么好处？ [老实说，我不知道传统方式]。

我知道这是一个理论问题。虽然，我看到这种问题可能在不同的背景下漂浮在互联网上。希望这个问题能给出一些架构级别的答案。谢谢。

Answer 1

WebRTC 不能解决发现问题(也不应该)。

WebRTC 知道如何在没有信令服务器的情况下直接与另一个对等点对话，但它不知道如何发现另一个对等点。发现是一个固有的问题，所以我有点困惑，人们期望 WebRTC 为他们解决它。

想一想:你打算怎么称呼我？您将如何引导您的计算机与我而不是与其他十亿人建立联系？通过 GPS 坐标？电子邮件地址？静态IP？ irc?即时消息？ Facebook？电话号码？

另外，我怎么知道你什么时候打电话？我的电脑会“响”吗？使用常规 Web 技术有数百种方法可以解决此问题，因此如果 WebRTC 规定了一种特定的方式，那么它会对您造成伤害。您的应用程序的上下文可能会告知最佳联系方式。也许我在某个网络论坛或网络游戏的虚拟房间遇到你？

从技术上讲，您并不严格需要带有 WebRTC 的信令服务器，只要您有其他方式可以向您的对等方获取 SDP 报价(一段文本)，并收到相应的 SDP 应答作为返回，无论是通过电话文本、即时消息、irc、电子邮件或信鸽。在 Chrome 或 Firefox 中试试这个:https://jsfiddle.net/nnc13tw2 - 单击“提供”(最多等待 20 秒)，将输出发送给您的 friend ，他将其粘贴到他们末尾的同一字段并点击 Enter，然后让他们发回答案，您将其粘贴在答案字段中并点击进入。您现在应该已连接，并且从未涉及任何连接服务器。

为什么 jsfiddle 有效:它将所有 ICE 候选者打包到 SDP 中，这可能需要几秒钟，以便一次性为您提供所需的一切。

一些高级功能，例如在通话中更改视频源的数量等，也需要信令，但是一旦建立了通话，应用程序就可以使用自己的数据 channel 来满足对等方之间的任何进一步的信令需求。

Stackoverflow now demands that I include code to link to jsfiddle, so I might as well include it here as well (though if you're on Chrome use the fiddle above, as camera access doesn't seem to work in snippets):

var config = { iceServers: [{ urls: "stun:stun.l.google.com:19302" }]};

var dc, pc = new RTCPeerConnection(config);
pc.onaddstream = e => v2.srcObject = e.stream;
pc.ondatachannel = e => dcInit(dc = e.channel);
v2.onloadedmetadata = e => log("Connected!");

var haveGum = navigator.mediaDevices.getUserMedia({video:true, audio:true})
  .then(stream => pc.addStream(v1.srcObject = stream))
  .catch(failed);

function dcInit() {
  dc.onopen = () => log("Chat!");
  dc.onmessage = e => log(e.data);
}

function createOffer() {
  button.disabled = true;
  dcInit(dc = pc.createDataChannel("chat"));
  haveGum.then(() => pc.createOffer()).then(d => pc.setLocalDescription(d)).catch(failed);
  pc.onicecandidate = e => {
    if (e.candidate) return;
    offer.value = pc.localDescription.sdp;
    offer.select();
    answer.placeholder = "Paste answer here";
  };
};

offer.onkeypress = e => {
  if (!enterPressed(e) || pc.signalingState != "stable") return;
  button.disabled = offer.disabled = true;
  var desc = new RTCSessionDescription({ type:"offer", sdp:offer.value });
  pc.setRemoteDescription(desc)
    .then(() => pc.createAnswer()).then(d => pc.setLocalDescription(d))
    .catch(failed);
  pc.onicecandidate = e => {
    if (e.candidate) return;
    answer.focus();
    answer.value = pc.localDescription.sdp;
    answer.select();
  };
};

answer.onkeypress = e => {
  if (!enterPressed(e) || pc.signalingState != "have-local-offer") return;
  answer.disabled = true;
  var desc = new RTCSessionDescription({ type:"answer", sdp:answer.value });
  pc.setRemoteDescription(desc).catch(failed);
};

chat.onkeypress = e => {
  if (!enterPressed(e)) return;
  dc.send(chat.value);
  log(chat.value);
  chat.value = "";
};

var enterPressed = e => e.keyCode == 13;
var log = msg => div.innerHTML += "<p>" + msg + "</p>";
var failed = e => log(e);

<video id="v1" height="120" width="160" autoplay muted></video>
<video id="v2" height="120" width="160" autoplay></video><br>
<button id="button" onclick="createOffer()">Offer:</button>
<textarea id="offer" placeholder="Paste offer here"></textarea><br>
Answer: <textarea id="answer"></textarea><br><div id="div"></div>
Chat: <input id="chat"></input><br>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>