返回功能頁
網頁控制台Screen Mirror5 分鐘閱讀

Web 面板中的螢幕鏡像

在瀏覽器中檢視和控制 Android 手機螢幕——即時畫布、全螢幕、高畫質/流暢畫質模式、完整遠端控制(點擊、滑動、滾動、導覽鍵)、錄製和一鍵截圖。

Web 面板中的 螢幕鏡像 檢視將 Android 手機螢幕渲染到瀏覽器標籤頁中——這也是此功能唯一有真正使用者介面的地方。手機端沒有專屬的螢幕鏡像介面;從瀏覽器開始工作階段時,背景服務立即開始串流傳輸,所有控制都存在於此處。

由於串流使用 WebCodecs 解碼並繪製到 <canvas>,頁面必須在安全上下文(HTTPS 或 localhost)中提供。PlainApp 的本地伺服器已滿足此要求——但如果你在非 localhost 位址上透過純 HTTP 載入面板,頁面會顯示 需要 HTTPS 提示,並附帶安全 URL 連結,而不是嘗試啟動串流。

截圖:螢幕鏡像

主要功能

  • 即時畫布鏡像 — 畫格透過 WebCodecs 解碼並繪製到 <canvas> 元素。無需外掛程式,無需原生用戶端——僅需瀏覽器。
  • 完整遠端控制 — 啟用控制後,在畫布上的點擊、拖放和滾動被轉換為手機上的真實點擊、長按、滑動和滾動,並正規化到實際螢幕座標。專用按鈕傳送返回、首頁和最近任務。
  • 全螢幕模式 — 將畫布展開至全螢幕;按 Esc(或工具列切換按鈕)退出。
  • 高畫質/流暢畫質模式 — 在工作階段中切換畫質:高畫質優先保證清晰度,流暢模式在 Wi-Fi 壅塞時降低解析度以換取更低延遲。
  • 截圖捕獲 — 一鍵下載當前畫格的 .png 圖片。
  • 工作階段錄製 — 將畫布本地錄製為影片檔案,工具列顯示錄製計時器。
  • 音訊鏡像 — 請求從手機傳輸音訊,並在瀏覽器中獨立靜音/取消靜音。
  • 重新啟動和暫停 — 暫停串流以停止消耗頻寬而不結束工作階段,或在手機鏡像服務掛起時重新啟動。

操作指南

  1. 從面板側邊欄開啟螢幕鏡像頁面。如果手機當前未在鏡像,點擊 開始 請求手機開始投放。
  2. 檢視即時鏡像 — 手機授予畫面捕獲權限後,畫格在一兩秒內出現在畫布上。
  3. 從工具列啟用遠端控制,然後在畫布上點擊、拖放或滾動以像拿著手機一樣與手機互動——外加專用的返回/首頁/最近任務按鈕。
  4. 點擊全螢幕按鈕切換全螢幕;按 Esc 返回面板佈局。
  5. 使用工具列中的高畫質/流暢切換變更畫質——切換將在下一個關鍵畫格生效。
  6. 從工具列截圖或開始錄製,完成後點擊 停止 結束工作階段。

技巧與提示

  • 從工具列靜音音訊,如果你在共享空間中鏡像——它僅影響瀏覽器端,不影響手機揚聲器。
  • 點擊播放/暫停按鈕暫停而不斷開連線——在需要讀取靜態螢幕而不消耗頻寬更新時非常有用。
  • 從工具列重新啟動應用程式,如果手機端的鏡像服務掛起——這會重新啟動服務而無需重新啟動手機。
  • 遠端控制座標正規化到實際影片解析度,因此即使你調整了瀏覽器視窗大小或進入全螢幕,控制仍能精確對應。

隱私與安全說明

  • 網頁控制台透過 採用自簽憑證的 HTTPS 提供存取,所有流量在 TLS 之上再用 XChaCha20-Poly1305 進一步加密。
  • 網頁控制台僅繫結至你的本機網路——除非你明確設定連接埠轉發,否則無法從網際網路存取。
  • WebCodecs API 需要安全上下文——如果缺少,頁面會顯示 需要 HTTPS 提示。
  • 僅在你明確啟用控制後,遠端控制輸入才會被接受——關閉或停止鏡像會立即撤銷控制權限。

相關功能