http環境下解決navigator.getUserMedia` undefined 的問題

navigator.getUserMedia(）、MediaDevices.getUserMedia（）類似這種方法，對環境輸出是有要求的：

• localhost 域
• 開啟了 HTTPS 的域
• 使用 file:/// 協議打開的本地文件

如果我們在http環境中使用上述方法，會報undefined錯誤，但是在一些測試環境中又經常是http環境，所以如果想要 HTTP 環境下也能使用和調試 MediaDevices.getUserMedia()，可通過開啟 Chrome 的相應參數：

1.在chrome圖標的目標位置添加

--unsafely-treat-insecure-origin-as-secure="域名"

 

 2.開啟相應flag

• 打開 chrome://flags/#unsafely-treat-insecure-origin-as-secure
• 將該 flag 切換成 enable 狀態
• 輸入框中填寫需要開啟的域名，譬如 http://example.com"，多個以逗號分隔。

 

 

參考文章：https://blog.csdn.net/qq_35642047/article/details/105807465