项目场景：

在各大浏览器中http地址调用电脑麦克风摄像头会没有权限，http协议无法使用多媒体设备

---

原因分析：

为了用户的隐私安全，http协议无法使用多媒体设备。因为像摄像头和麦克风属于可能涉及重大隐私问题的API，getUserMedia()的规范提出了浏览器必须满足一系列隐私和安全要求。这个方法功能很强大，只能在安全的网络环境使用，在不安全的环境中为undefined。

解决方案：

• 谷歌/Edge浏览器以及360浏览器解决办法（此方法适用于所有webkit内核的浏览器）

• 谷歌浏览器在地址栏输入：chrome://flags/#unsafely-treat-insecure-origin-as-secure

• Edge浏览器在地址栏输入：edge://flags/#unsafely-treat-insecure-origin-as-secure

• 360浏览器：首先将360浏览器内核设置为webkit内核，设置步骤为

  1. 复制项目网址
  2. 点开设置
  3. 高级设置
  4. 内核设置

• 按照图片进行操作，最后重启浏览器，再次进入页面，就会提示是否允许调用麦克风

• 如果有多个地址，则用英文逗号隔开即可

• Firefox 浏览器解决办法

1. 在地址栏输入：about:config
2. 搜索框输入insecure，然后回车搜索相关设置选项
3. media.devices.insecure.enabled改为true
4. media.getusermedia.insecure.enabled改为true
5. 刷新你的网页重试即可