如何在peerJS中启用ScreenShare

Question

我已经实现了视频聊天功能，下面的代码段中提到了代码。但是我试图使用相同的PeerJS使ScreenSharing正常工作。

关于答案here，它说我们必须从getUserMedia获取屏幕共享流，而不是网络摄像头视频流。但是，确切地讲，如何在以下代码中做到这一点：

next()

我理解上面提到的答案的意思，但是实际上我如何从getUserMedia获取屏幕共享流并更改上面的代码。

Answer 1

基本上，您提供的代码保存了流（传递到回调函数中的this.localStream。如果您有一个名为screenShareStream的变量，那么这是您需要的代码：

// Your variable to refer to the stream:
var screenShareStream

var n = <any>navigator;

n.getUserMedia = ( n.getUserMedia || n.webkitGetUserMedia || n.mozGetUserMedia || n.msGetUserMedia );

n.mediaDevices.getUserMedia({video: true})
.then((stream) => {
    screenShareStream = stream;
    video.src = window.URL.createObjectURL(stream);
    video.play();
});