视频机房集成中的屏幕共享

Question

我已经成功地使用了videoroomtest和集成的视频会议。但我也想在我的视频室中集成屏幕共享功能。接入用户的视频室如何启动屏幕分享？

屏幕分享也使用videoroom插件。如何做到这一点。请帮帮忙。

任何帮助都将不胜感激。

致敬，Aakash

Answer 1

创建优惠时，将video设置为screen：

var media = { audioRecv: false, videoRecv: false, audioSend: useAudio, videoSend: true, data: true, video: "screen" }

Answer 2

您必须为屏幕共享创建单独的服务，如在处理程序onMessage事件内进行视频会议。

janus.attach({
    plugin: "janus.plugin.videoroom",
    opaqueId: opaqueId,
    success: function(pluginHandle) { ... },
    error: function(error) { ... },
    consentDialog: function(on) { ... },
    mediaState: function(medium, on) { ... },
    webrtcState: function(on) { ... },
    onmessage: function(msg, jsep) {
        ...
        //video conference
        publishOwnfeed(true, false);
        //Screen sharing
        publishOwnfeed(false, true);
        ...
    }
    onlocalstream: function(stream) {
        //This event will be called for two times
        //one time with video stream
        //second time with screen stream
    },
    onremotestream: function(stream) { ... },
    oncleanup: function() { ... }
});

function publishOwnFeed(useAudio, isScreenSharing) {
    ...
    sfutest.createOffer({
        media: {
            video: isScreenSharing ? "screen" : true // video constraint
            audioRecv: false,
            videoRecv: false,
            audioSend: useAudio,
            videoSend: true
        },
        simulcast: doSimulcast,
        success: function(jsep) { ... },
        error: function(error) { ... }
            ...
    });
}

you can create separate hanldler with same plugin(plugin: "janus.plugin.videoroom") for screen sharing.If you want to handle(Ex. start,stop) separately。

Answer 3

您可以使用navigator.mediaDevices.displayMedia()来获取屏幕。https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia