项目场景:

在各大浏览器中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. 刷新你的网页重试即可

在这里插入图片描述在这里插入图片描述

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐