可以使用 webrtc 在 webapp 中流式传输桌面

Question

是否可以在 web 应用程序中使用 webrtc 流式传输桌面信息。如果可能的话，这样的应用程序是否会成为安全问题，目前我们构建了一个可以使用带有 webrtc 的网络摄像头进行流式传输的应用程序。但是我不知道如何将计算机的实际桌面流式传输给某人，我只知道像 Skype 或 TeamViewer 这样的本地应用程序可以做这样的事情，但是一个网络应用程序？

Answer 1

是的，这是可能的。要流式传输用户的桌面而不是他们的相机，请替换

const stream = await navigator.mediaDevices.getUserMedia({video: true});

与

const stream = await navigator.mediaDevices.getDisplayMedia({video: true});

这将提示用户共享他们选择的应用程序窗口或桌面。

请注意，目前浏览器支持有限。 getDisplayMedia 在 Chrome 72、Firefox 66、Edge 17 中实现，behind a flag 在 Safari 11 中实现。

在旧版本的 Firefox 和 Chrome 上是 also available using the adapter.js polyfill，但这需要在 Chrome 中安装网络扩展。

这样的应用程序会有安全问题吗

是的，有significant security issues与屏幕共享相关。

让网站记录您的桌面的明显风险是它可能会泄露私人信息。

一个不明显的风险是，当您的浏览器在其上可见时共享您的浏览器或整个桌面是危险的，并且应该只在您信任的网站上进行。

这是因为此类网络表面上存在的恶意网站可能会代表您有效地浏览并记录结果，从而绕过浏览器中重要的cross-origin protections。