我该如何创建"屏幕共享"与SignalR

时间:2016-08-08 19:28:29

标签: javascript signalr signalr-hub

我知道这不是一个具体问题,但我只想获得有screen sharing SignalR网站的设计构思。

我们想在我们的网站上添加一个名为" Share My Screen"然后我们的support team能够看到浏览器的内容(而不是整个桌面),甚至可以点击或输入customer browser

我正在考虑将其作为

  1. screen shotjs开始screen shot(例如http://html2canvas.hertzen.com
  2. 不断向服务器发送screen shot(我还不知道如何)
  3. 服务器将收到的support team发送到我们的mouse move浏览器
  4. key press浏览器上捕获support teamcustomer browser
  5. 将此捕获的数据发送到proxy_cache_key "$scheme$host$request_uri"; proxy_cache_path /var/spool/nginx levels=1:1 keys_zone=oly_zone:1000m; proxy_cache_use_stale updating; proxy_cache_valid 200 301 302 10m; proxy_cache_valid any 10s; proxy_cache oly_zone;
  6. 由于这部​​分需要大量工作,我只想收集所有可能的想法以找到经过测试的解决方案

1 个答案:

答案 0 :(得分:1)

首先,我不认为您对capturing screen的想法对javascript技术是可行的。安全性将是一个巨大的问题,您需要处理大量数据,无论您如何处理它,同步事件都将是一场噩梦。捕获和共享tab contentevents是一个更易于管理的目标。

如果您打算将此功能用于无法安装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代替标准Web套接字API进行通信。