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

Webrtc 视频机房集成中的屏幕共享,webrtc,janus,janus-gateway,Webrtc,Janus,Janus Gateway,我成功地使用了videoroomtest和集成视频会议。但我想在我的视频室里整合屏幕共享。如何在用户连接的视频室中启动屏幕共享 屏幕共享也使用视频室插件。如何做到这一点。请帮忙 任何帮助都将不胜感激 问候,, Aakash您可以使用navigator.mediaDevices.displayMedia()来获取屏幕 创建报价时,将“视频”设置为“屏幕”: var media = { audioRecv: false, videoRecv: false, audioSend: useAudio,

我成功地使用了videoroomtest和集成视频会议。但我想在我的视频室里整合屏幕共享。如何在用户连接的视频室中启动屏幕共享

屏幕共享也使用视频室插件。如何做到这一点。请帮忙

任何帮助都将不胜感激

问候,,
Aakash

您可以使用navigator.mediaDevices.displayMedia()来获取屏幕

创建报价时,将“视频”设置为“屏幕”:

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

您必须在handler
onMessage
event中创建单独的屏幕共享服务,如视频会议

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) { ... }
            ...
    });
}
您可以使用相同的插件(插件:“janus.plugin.videoroom”)创建单独的hanldler用于屏幕共享。如果您想单独处理(例如启动、停止)

您可以使用:

  var promise = navigator.mediaDevices.getDisplayMedia(constraints);
这将返回一个承诺,即当解析时,将返回一个来自用户选择的屏幕的MediaStream,以及一个可选的音频曲目(某些浏览器不支持)

例如:

async function startCapture(displayMediaOptions) {
  let captureStream = null;

  try {
    captureStream = await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
  } catch(err) {
    console.error("Error: " + err);
  }
  return captureStream;
}
免除: