javascript - 我应该如何使用 SignalR 创建 "screen sharing"

Question

我知道这不是一个具体问题，但我只是想了解有关使用 SignalR 的屏幕共享网站的设计思路。

我们希望在我们的网站上添加一个名为“共享我的屏幕”的链接，然后我们的支持团队能够看到浏览器的内容(不是整个桌面)，甚至它们是能够在客户浏览器上单击或输入。

我想这样做

1. 通过 js 从浏览器中截取屏幕截图(例如 http://html2canvas.hertzen.com)
2. 不断将拍摄的屏幕截图发送到服务器(我还不知道如何)
3. 服务器将收到的屏幕截图发送到我们的支持团队浏览器
4. 在支持团队浏览器上捕获鼠标移动和按键
5. 将此捕获的数据发送到客户浏览器

由于每个部分都需要大量工作，我只想收集所有可能的想法来找到经过测试的解决方案

Answer 1

首先，我不认为您的捕获屏幕的想法确实可以通过javascript技术实现。安全性将是一个大问题，您需要处理大量数据，并且无论您如何处理，同步事件都将是一场噩梦。捕获和共享选项卡内容和事件是一个更易于管理的目标。

如果您的目标是为无法安装远程控制应用程序的人使用此功能，那么我们可以考虑更新的技术，例如 WebRTC因browser compatibility issues而出局.

有一篇很好的博客文章讨论了这个问题 here - (Screensharing a browser tab in HTML5?) 。

我特别喜欢第一种方法，使用 Mutation Observer (browser support)和 Web Sockets (browser support) 。它基本上通过使用mutation observer来同步两个html文档。并使用web sockets用于沟通。如果您愿意，可以使用 SignalR 代替标准 Web 套接字 API 进行通信。