在HTTP环境下调试 MediaDevices.getUserMedia 的解决办法

通过 MediaDevices.getUserMedia() 获取用户多媒体权限时（视频音频），工作于以下三种环境：

• HTTPS
• localhost 域
• 本地文件以file 形式打开时
  其他情况下你在浏览器里log这个API都是返回undefined.
  如果想要 HTTP 环境下也能使用和调试 MediaDevices.getUserMedia()，通过开启 Chrome 的相应参数，也是可以实现的。

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

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

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

方法2 开启相应 flag

通过传递相应参数来启动 Chrome Insecure origins treated as secure flag 并填入相应白名单。

• 打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
• 将该 flag 切换成 enable 状态
• 输入框中填写需要开启的域名，譬如 http://example.com"，多个以逗号分隔。
  重启后生效。