WebRTC，冰候选连接

Question

我正在尝试学习如何在应用程序中使用webRTC，因此我编写了以下链接中的代码示例：http://wklej.org/hash/fd599a32e8e/

一开始我需要说的是我并不关心浏览器的兼容性，我只需要支持 Chromium Web 引擎而无需任何外部适配器/其他库。

Web 应用程序应该允许我在同一主机上运行的两个浏览器选项卡之间建立连接 — 通过手动交换适当的数据（SDP 和 ICE 候选者）。

要遵循的步骤：

1. 点击“创建报价按钮”，复制本地SDP；
2. 转到其他选项卡，将先前复制的 SDP 插入“远程 SDP”区域，然后按“创建答案”；
3. 复制生成的本地 SDP，转到第一个选项卡，插入“远程 SDP”区域并单击“设置远程 sdp”按钮（不是创建应答按钮）；
4. 交换 ice 候选者 — 从一个选项卡复制它们，插入到第二个选项卡，然后按“添加候选者”按钮。以其他方式执行相同操作。

主要问题是这个函数：

peer.iceconnectionstatechange = function(event) {
    console.log("ice connection state: " + peer.iceConnectionState)
}

不会被触发。我尝试使用STUN/TURN 服务器但没有成功。远程视频不会运行。如果有人能指出我哪里出错了？

Answer 1

试试我的（cut'n'paste）：https://jsfiddle.net/7vv2vxtt/

或自动（localStorage）：https://jsfiddle.net/2v1Lnpmx/

This code intentionally left blank.

随着时间的推移，ICE 候选人会被添加到本地提议/答案中，因此它只是等待候选人结束，然后再生成嵌入所有候选人的 SDP。

应该适用于所有浏览器。