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