WebRTC localConnection.setRemoteDescription(answer) 等待时间过长

Question

我正在尝试在我的浏览器（对等 1）和不同网络上的另一个浏览器（对等 2）之间实现简单的消息传递机制。我正在使用 Google 的公共 STUN 服务器进行学习。

Peer 1 首先执行以下操作：

const iceConfiguration = {
    iceServers: [
        {
            urls: [
                'stun:stun.stunprotocol.org',
                'stun:stun.sipgate.net:10000',
            ],
        },
    ]
}

const lc = new RTCPeerConnection(iceConfiguration)

const dc = lc.createDataChannel("channel");

dc.onmessage = e => console.log("Just got a message: " + e.data);
dc.onopen = e => console.log("Connection opened.")
lc.onicecandidate = e => console.log("New Ice Candidate! Reprinting SDP" + JSON.stringify(lc.localDescription))

lc.createOffer().then(o => lc.setLocalDescription(o)).then(a => console.log("Set successfully."))

然后，我复制生成的 SDP 并将其发送到对等 2，然后执行以下操作：

/*
    REMOTE_OFFER_OBJECT is the SDP generated by peer 1
*/
const offer = REMOTE_OFFER_OBJECT

const iceConfiguration = {
    iceServers: [
        {
            urls: [
                'stun:stun.stunprotocol.org',
                'stun:stun.sipgate.net:10000',
            ],
        },
    ]
}

const rc = new RTCPeerConnection(iceConfiguration);

rc.onicecandidate = e => console.log("New Ice Candidate! Reprinting SDP" + JSON.stringify(rc.localDescription))

rc.ondatachannel = e => {
    rc.dc = e.channel;
    rc.dc.onmessage = e => console.log("New message: ", e.data)
    rc.dc.onopen = e => console.log("Connection opened.")
}

rc.setRemoteDescription(offer).then(a => console.log("Offer set."))

rc.createAnswer().then(a => rc.setLocalDescription(a)).then(a => console.log("Answer created."))

对等点 2 复制其生成的 SDP 并将其发送给对等点 1，然后对等点 1 尝试设置其远程描述：

const answer = REMOTE_ANSWER_OBJECT

lc.setRemoteDescription(answer)

最后一条语句挂起的时间过长并且没有停止。如果对等点 2 在我的同一个网络上，它可以正常工作。我可能将 STUN 服务器设置错了，或者公共的 Google STUN 服务器可能是个坏主意。此外，createOffer() 和 createAnswer() 调用会生成几个 SDP，但我只复制并发送最后一个。 如何在 WebRTC 中与不同网络上的某人正确设置 peer 2 peer 连接？我希望有一个免费的 STUN 服务器的解决方案，因为我现在这样做只是为了学习。

Answer 1

这是您要完成的任务的完整示例。请注意，它也有用于 Google STUN 服务器的代码，但它被注释掉了：https://owebio.github.io/serverless-webrtc-chat/。

该页面使用两个 iframe：

创建：https://owebio.github.io/serverless-webrtc-chat/noserv.create.html

加入：https://owebio.github.io/serverless-webrtc-chat/noserv.join.html。

这应该让你开始。

此外，存在两个基于 WebTorrent 构建的库，它们可以帮助仅使用浏览器发现和连接到对等点：Bugout、P2PT。

Answer 2

就我而言，需要一个 TURN 服务器。这就是为什么无法将答案设置为远程描述的原因，因为提供者无法找到回答者的路径。 TURN 服务器很可能会花钱，除非我在 Docker 上使用 Coturn 映像配置自己的服务器。