我應該如何使用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進行通信。