使用WebRTC完成屏幕共享

Question

我需要使用WebRTC实现屏幕共享.我知道WebRTC支持共享选项卡内容,但我需要共享整个屏幕.我想到的解决方案是经常拍摄截图并使用WebRTC数据通道将图像传输到其他方.然后,每次收到新图像时,另一方将更新图像.

这有可能实现吗？特别是我想知道是否可以使用WebRTC数据通道传输图像？

先感谢您.

Answer 1

getUserMedia支持整个屏幕的屏幕共享,而不仅仅是标签内容.

我已经完成了一个屏幕捕获演示(使用强制约束chromeMediaSource:'screen'),它将流传输到RTCPeerConnection:https://simpl.info/screencapture .

chrome.tabCapture API获取标签内容,但当然这不是你想要的:这里的例子(尽管代码现在已经破了).

编辑:向链接添加HTTPS:这是screencapture所必需的.

Answer 2

Screensharing可通过getUserMediaChrome中的实验性约束获得(Firefox中尚未提供).

您需要先启用称为标志Enable screen capture support in getUserMedia()在chrome://flags.

这里有一个很好的例子来捕捉屏幕:https://html5-demos.appspot.com/static/getusermedia/screenshare.html.