javascript - Webrtc setRemoteDescription 对调用者不起作用

Question

部分代码如下所示:

if (message.type === 'offer') {
    console.log("got offer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message));
    console.log(pc);
    createAnswer();
}
else if (message.type === 'answer') {
    console.log("got answer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message));
    console.log(pc);
}

Calee成功设置远程描述，pc.remoteDescription充满。但是调用者...收到与被调用者相同的消息，但在pc.setRemoteDescription(new SessionDescription(message));之后得到pc.remoteDescription空虚并注意到发生。被调用者已准备好接收流，但调用者被卡住。

Answer 1

我认为问题是因为 setRemoteDescription 失败，或者与 createAnswer 之间存在竞争条件，因此将其添加到成功回调中，为了清楚起见，添加错误回调也...

类似于:

if (message.type === 'offer') {
    console.log("got offer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message), function(){
        console.log(pc);
        createAnswer();
    }, console.error.bind(console));
}
else if (message.type === 'answer') {
    console.log("got answer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message), console.log.bind(console, 'success'), console.error.bind(console));
}

如果支持 Promise 和 ES6:

if (message.type === 'offer') {
    console.log("got offer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message))
      .then(() =>{
        console.log('success...', pc);
        createAnswer();            
      }).catch(e => console.error(e));
}
else if (message.type === 'answer') {
    console.log("got answer");
    console.log(message);
    pc.setRemoteDescription(new SessionDescription(message))
      .then(() => console.log('success...', pc))
      .catch(e => console.error(e));
}