我应该如何使用 SignalR 创建 "screen sharing"
How should I create "screen sharing" with SignalR
我知道这不是一个具体的问题,但我只是想获得关于 screen sharing
网站的设计想法 SignalR
。
我们想在我们的网站上添加一个名为 "Share My Screen" 的 link 然后我们的 support team
能够看到浏览器的内容(不是整个桌面)甚至他们可以点击或输入 customer browser
.
我正想这样做
- 通过
js
从浏览器获取screen shot
(例如通过http://html2canvas.hertzen.com)
- 不断将拍摄的
screen shot
发送到服务器(我还不知道怎么做)
- 服务器将收到的
screen shot
发送到我们的 support team
浏览器
- 在
support team
浏览器上捕获 mouse move
和 key press
- 将捕获的数据发送到
customer browser
由于每个部分都需要大量工作,我只想收集所有可能的想法来找到经过测试的解决方案
首先,我不认为你的 capturing screen
想法真的可以用 javascript 技术实现。安全性将是一个巨大的问题,您需要处理大量数据,无论您如何处理,同步事件都将是一场噩梦。捕获和共享 tab content
和 events
是一个更易于管理的目标。
如果您的目标是为无法安装 remote control
应用程序的人使用此功能,那么我们可以计算更新的技术,例如 WebRTC
out due to browser compatibility issues。
有一篇很好的博客 post 讨论了这个问题 here - (Screensharing a browser tab in HTML5?)。
我特别喜欢第一种方式,使用Mutation Observer
(browser support) and Web Sockets
(browser support). It basically syncs two html documents through the use of mutation observer and uses web sockets进行交流。如果愿意,您可以使用 SignalR
而不是标准网络套接字 API 进行通信。
我知道这不是一个具体的问题,但我只是想获得关于 screen sharing
网站的设计想法 SignalR
。
我们想在我们的网站上添加一个名为 "Share My Screen" 的 link 然后我们的 support team
能够看到浏览器的内容(不是整个桌面)甚至他们可以点击或输入 customer browser
.
我正想这样做
- 通过
js
从浏览器获取screen shot
(例如通过http://html2canvas.hertzen.com) - 不断将拍摄的
screen shot
发送到服务器(我还不知道怎么做) - 服务器将收到的
screen shot
发送到我们的support team
浏览器 - 在
support team
浏览器上捕获mouse move
和key press
- 将捕获的数据发送到
customer browser
由于每个部分都需要大量工作,我只想收集所有可能的想法来找到经过测试的解决方案
首先,我不认为你的 capturing screen
想法真的可以用 javascript 技术实现。安全性将是一个巨大的问题,您需要处理大量数据,无论您如何处理,同步事件都将是一场噩梦。捕获和共享 tab content
和 events
是一个更易于管理的目标。
如果您的目标是为无法安装 remote control
应用程序的人使用此功能,那么我们可以计算更新的技术,例如 WebRTC
out due to browser compatibility issues。
有一篇很好的博客 post 讨论了这个问题 here - (Screensharing a browser tab in HTML5?)。
我特别喜欢第一种方式,使用Mutation Observer
(browser support) and Web Sockets
(browser support). It basically syncs two html documents through the use of mutation observer and uses web sockets进行交流。如果愿意,您可以使用 SignalR
而不是标准网络套接字 API 进行通信。