通過 MediaDevices.getUserMedia() 獲取用戶多媒體權(quán)限時(shí)，需要注意其只工作于以下三種環(huán)境：

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

其他情況下，比如在一個(gè) HTTP 站點(diǎn)上，navigator.mediaDevices 的值為 undefined。

如果想要 HTTP 環(huán)境下也能使用和調(diào)試 MediaDevices.getUserMedia()，可通過開啟 Chrome 的相應(yīng)參數(shù)。

通過相應(yīng)參數(shù)啟動(dòng) Chrome

傳遞相應(yīng)參數(shù)來啟動(dòng) Chrome，以 http://example.com 為例，

開啟相應(yīng) flag

通過傳遞相應(yīng)參數(shù)來啟動(dòng) Chrome Insecure origins treated as secure flag 并填入相應(yīng)白名單。

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

相關(guān)資源

• MediaDevices.getUserMedia()
• getUserMedia() in chrome 47 without using https