如何在peerJS中启用ScreenShare

Question

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

关于答案here，它说我们必须从getUserMedia获取屏幕分享流，而不是网络摄像头视频流。但是在下面的代码中，我到底该如何做呢：

​

    var n = <any>navigator;
    
    n.getUserMedia = ( n.getUserMedia || n.webkitGetUserMedia || n.mozGetUserMedia || n.msGetUserMedia );
    
    n.mediaDevices.getUserMedia({video: true})
    .then((stream) => {
        this.localStream = stream;
        video.src = window.URL.createObjectURL(stream);
        video.play();
    });

​

我理解上面提到的答案，但是我如何从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();
});