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

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

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

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

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

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

開(kāi)啟相應(yīng) flag

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

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

相關(guān)資源

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