我应该如何使用SignalR创建“屏幕共享”

Question

我知道这不是一个具体问题，但我只想获得有关screen sharing网站的设计想法，其中SignalR。

我们希望在我们的网站上添加一个名为“Share My Screen”的链接，然后我们的support team能够看到浏览器的内容（不是整个桌面），甚至他们能够点击或键入customer browser 。

我想这样做是

1. 通过js以screen shot从浏览器（由http://html2canvas.hertzen.com例如）
2. 发送采取screen shot服务器不断（我不知道怎么还）
3. 服务器将收到的screen shot发送到我们的support team浏览器
4. 捕获mouse move和key press对support team浏览器
5. 发送此捕获的数据，以customer browser

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

Answer 1

首先，我不认为你的想法capturing screen真的可以用javascript技术来实现。安全性将是一个巨大的问题，您需要处理大量数据，无论您如何处理它，同步事件都将是一场噩梦。捕获和共享tab content和events是一个更容易管理的目标。

如果你的目标是用这个谁也无法管理安装remote control应用程序的人，那么我们就可以算较新的技术，如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而不是标准网络套接字API进行通信。