- 經(jīng)過前面的electron 知識的學(xué)習(xí), 我們可以嘗試完成一個比較有難度的項目,
遠程控制軟件 - 主體功能: 控制端電腦可以遠程控制用戶電腦,提供點擊和鍵入功能,為用戶故障,演示場景等等
主要角色
- 控制端:客服人員/研發(fā)人員
- 傀儡端: 用戶
基本流程
- 傀儡端告知控制端本機的控制碼
- 控制端輸入控制碼連接傀儡端
- 傀儡端將捕獲的畫面發(fā)送到控制端
- 控制端發(fā)送鼠標(biāo)/鍵盤指令到傀儡端
- 傀儡端響應(yīng)控制指令
項目關(guān)鍵點分析
傀儡端告知控制端本機的控制碼
》》》建立端與控制碼的聯(lián)系(服務(wù)端需求)
控制端輸入控制碼連接傀儡端
》》》通過控制碼找到用戶(服務(wù)端需求)
》》》建立控制端和傀儡端的連接(服務(wù)端需求 or 客戶端需求)
傀儡端將捕獲的畫面發(fā)送到控制端
》》》捕捉畫面、播放畫面(客戶端需求)
》》》用戶間畫面?zhèn)鬏敚?code>服務(wù)端需求 / 客戶端需求)
控制端發(fā)送鼠標(biāo)/鍵盤指令到傀儡端
》》》捕獲指令(客戶端需求)
》》》用戶間指令傳輸(服務(wù)端需求 / 客戶端需求)
傀儡端響應(yīng)控制指令
》》》響應(yīng)指令(客戶端需求)

圖示
技術(shù)關(guān)鍵點
- 怎么捕捉畫面?
- 使用 desktopCapturer,可以訪問那些用于從桌面上捕獲音頻和視頻的媒體源信息
- 怎么完成用戶間連接、畫面+指令傳輸?
- 使用 WebRTC,兩個瀏覽器之間直接進行視頻和音頻的通信
- 怎么響應(yīng)控制指令?
- 使用 RobotJS,實現(xiàn)鼠標(biāo)點擊滑動等效果

END