如何通过 SIPJS 将（屏幕共享流）发送给其他呼叫者

Question

我正在使用 SIPJS 通过网络浏览器在两个呼叫者之间进行通话。

现在我想添加（屏幕共享）功能，到目前为止我设法打开chrome屏幕共享window并且我得到了流和在视频元素中播放。

但我真正需要的是将此流发送给其他呼叫者，以便他可以看到我的屏幕共享。

到目前为止我尝试过的：

获得（屏幕共享流）后，我将其传递给 session.sessionDescriptionHandler.peerConnection，然后使用这些事件捕获流（或轨道）onTrackAdded , onaddTrack , onaddStream , onstream
但是 none 的事件得到了任何东西。
还尝试在通话开始前使用 video constraint 发送流

video: {
mandatory: {
chromeMediaSource: 'desktop',
// chromeMediaSourceId: event.data.sourceId,
maxWidth: window.screen.width > 1920 ? window.screen.width : 1920,
maxHeight: window.screen.height > 1080 ? window.screen.height : 1080
},
optional: []
}

甚至尝试用 video constraint

navigator.mediaDevices.getDisplayMedia(constraints)
    .then(function(stream) {
      //We've got media stream
      console.log("----------then triggered-------------");
      var options = {
            sessionDescriptionHandlerOptions: {
              constraints: {
                  audio: true,
                  video: stream
              }
            }
          } 
        pub_session = userAgent.invite(reciver_name,options);
    })
    .catch(function(error) {
      console.log("----------catch-------------");
      console.log(error);
    });

也没用。

这是我的代码

首先获取屏幕共享流并发送给其他用户

// Get screen sharing and send it.
 navigator.mediaDevices.getDisplayMedia(constraints)
    .then(function(stream) {
      //We've got media stream
      console.log("----------then triggered-------------");
      var pc = session.sessionDescriptionHandler.peerConnection;
      stream.getTracks().forEach(function(track) {
        pc.addTrack(track, stream);
      });      
    })
    .catch(function(error) {
      console.log("----------catch-------------");
      console.log(error);
    });

然后在另一边赶上那条溪流

// Reciving stream or track
userAgent.on('invite', function (session) {
    session.on('trackAdded', function() {
        console.log('-------------trackAdded triggered--------------');
      });

      session.on('addTrack', function (track) {
        console.log('-------------addTrack triggered--------------');
      });

      session.on('addStream', function (stream) {
        console.log('-------------addStream triggered--------------');
      });

      session.on('stream', function (stream) {
        console.log('-------------stream triggered--------------');
      });
});

但上面的代码仍然一无所获

那么我如何在通话开始后将 stream 或 track 传递给另一个来电者？

非常感谢

Answer 1

我从 SIPJS 组

中的一些伟大先生那里找到了解决方案

希望答案能像帮助我一样帮助别人

var option = {video: {mediaSource: 'screen'}, audio: true};
navigator.mediaDevices.getDisplayMedia(option)
.then(function(streams){
  var pc = session.sessionDescriptionHandler.peerConnection;
  var videoTrack = streams.getVideoTracks()[0];
  var sender = pc.getSenders().find(function(s) {   
    return s.track.kind == videoTrack.kind;
  }); 
  console.log('found sender:', sender);
  sender.replaceTrack(videoTrack);
}, function(error){
  console.log("error ", error);
});

如何通过 SIPJS 将（屏幕共享流）发送给其他呼叫者

How to send (Screen sharing stream) via SIPJS to the other caller

javascript

webrtc

screensharing

desktop-sharing

sipjs