Webrtc和socket.io:createanswer()总是有一个错误.为什么?我的代码连接了两个对等体,但其中只

Webrtc and socket.io: createanswer() always has an error. Why?. My code connects two peers, but only one of them knows about it?

本文关键字:两个 连接 对等 代码 createanswer io socket Webrtc 为什么 错误 有一个      更新时间:2023-09-26

我正在使用socket.io并在node.js.上服务

这是来自客户端的代码:

getUserMedia(constraints, handlemedia, error);
function handlemedia(stream) {
  localStream = stream;
  attachMediaStream(localVideo, stream);
  socket = io.connect();
  document.getElementById("connect").addEventListener("click", function(e){
        remoteVideo = document.getElementById("remoteVideo");
        console.log("We know what socket is.", socket);
        servers = {"iceServers": [{ "url": "stun:stun.l.google.com:19302"}]};
       pc = new RTCPeerConnection(servers);
       pc.onicecandidate = console.log("GOT CANDIDATE");
       pc.addStream(localStream);
       pc.onaddstream = function(event) 
       {
           attachMediaStream(remoteVideo, event.stream);
       }
       function error()
       {
           console.log("An error occurred in the create offer section. ");
       }
       sdpconstraints = {'mandatory': {
       'OfferToReceiveVideo':true }};

        pc.createOffer(function(sessiondesc) 
        {
        console.log("Socket attemp 2: ", socket);
        pc.setLocalDescription(sessiondesc);
        console.log("Offer: ", sessiondesc);
        console.log("local description was set. Don't worry.");
        socket.emit("sessiondesc", sessiondesc);
        }, error, sdpconstraints);

        socket.on("sessiondesc", function(sessiondesc)
         {
        console.log("WE GOT THE FUNCTION ");
        sdpconstraints = {'mandatory': {
        'OfferToReceiveVideo':true }};

        console.log("Your partner created an offer for you.");
            pc.createAnswer(function(sessiondesc) 
            {
                console.log("Socket attemp at create answer section: ", socket);
                pc.setLocalDescription(sessiondesc);
                console.log("Session description:  ", sessiondesc);
                console.log("Local desc for create answer section was set.");
                socket.emit("sessiondesc", sessiondesc);
            }, console.log("Error in create answer section occurred."), sdpconstraints);
         });
  }
}

这是服务器代码,使用node.js和socket.io:

var io = require('socket.io').listen(app);
io.sockets.on('connection', function(socket, webkitRTCPeerConnection,     client, id){
    socket.on("sessiondesc", function(sessiondesc)
    {
        console.log("Emitting session desc RIGHT NOW");
        socket.broadcast.emit("sessiondesc", sessiondesc);
    });

 });

因此,我在浏览器中打开两个选项卡,在两个选项卡上转到localhost,并确保打开控制台以查看日志。

然后我点击第一个选项卡上的连接。它显示登录到"本地描述集,不用担心",但它没有显示"我们有功能"的东西,这是有道理的,因为我还没有在另一个选项卡上连接。

所以我转到另一个选项卡,然后单击"连接"。现在,在第二个选项卡上,它只显示本地描述集之前的内容,不用担心。很明显,第二个选项卡没有从第一个选项卡接收到任何内容!为什么?

但当我回到第一个标签时,它确实收到了一些东西!它通过了我代码中的"我们得到了函数"部分。然后它会说"你的伴侣为你创造了一个报价"但问题是,它说的下一件事是"创建答案部分出错",所以在createanswer中出现了错误!为什么会这样?它为什么称这个错误?

它也不会在任何选项卡上显示任何远程视频。

我已经能够识别出代码中的几个问题。。。

  • 只有在用户单击连接按钮后,才能从套接字处理sessiondesc,所以当tab1发出该消息时,tab2不会捕捉到它
  • 第二,当tab2发送offer而tab1试图添加它时,它的peerConnection已经创建了offer,因此无法创建应答(这部分是我的假设,peerConnection只能创建offer或创建应答。)