使用情況:

電腦主機使用VSCode 的 Live server 建立了測試網頁

手機使用同一個網域連進電腦主機

網頁連線協議為 http 而非 https

----

上述情況會讓Chrome 拒絕使用攝影機或麥克風等功能,實際見到的錯誤是

navigator.mediaDevices 為 undefined

解決方式

  1. 上傳到 https空間
  2. 修改Chrome設定
  3. 本地製作 proxy

這邊使用2來解決

手機或電腦端都可以在網址輸入 chrome://flags/#unsafely-treat-insecure-origin-as-secure

將該Disabled 切換成enable 狀態

在輸入框中填寫需要開啟的網域名稱或位址(帶上連接埠號碼),如果有多個,則以逗號分隔

img