開發使用 Webcam 的網頁應用時找不到navigator.mediaDevices
Toby
Toby

如果你在開發使用 Webcam 的網頁的時候遇上這個錯誤:

TypeError: navigator.mediaDevices is undefined
Open Vtuber Studio 裡面顯示的錯誤

那是因為你在用 Firefox 而的網頁並非使用https 加密。然而你又太懶不打算幫你的實驗用網頁伺服器裝上 SSL 憑證,那你可以跟著以下步驟解決:

  1. 轉用 Google Chrome
  2. 在網址列輸入 chrome://flags/#unsafely-treat-insecure-origin-as-secure
  3. 把你的網站加入到例外清單
  4. 把此功能開啟(Enable)
在我工作室的測試伺服器設定例子

設定之後重啟一下 Chrome 即可解決。至於 Firefox 上這問題依然是無解,除非你自己重新組建一個 Firefox 出來。