MediaDevices.getUserMedia` undefined 的问题

通过 MediaDevices.getUserMedia() 获取用户多媒体权限时，需要注意其只工作于以下三种环境：

• localhost 域
• 使用 file:/// 协议打开的本地文件
• HTTPS协议的域

其他情况下，比如在一个 HTTP 站点上，navigator.mediaDevices 的值为 undefined。

如果想要 HTTP 环境下也能使用和调试 MediaDevices.getUserMedia()，可通过开启 Chrome 的相应参数。

方法一、通过相应参数启动 Chrome

传递相应参数来启动 Chrome，以 http://example.com 为例，

 --unsafely-treat-insecure-origin-as-secure="http://example.com"

方法二、手动开启相应 flag

通过配置相应参数来将域名填入白名单

• 地址栏打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
• 找到 Insecure origins treated as secure 项
• 切换成 Enable 状态
• 输入框中填写需要开启的域名，多个以逗号分隔，参考下图。
• 重启后生效。