解决各大浏览器中http地址无权限调用麦克风摄像头问题

项目场景:

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


原因分析:

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

解决方案:

  • 谷歌/Edge浏览器解决办法

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

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

按照图片进行操作,最后重启谷歌,再次进入页面,就会提示是否允许调用麦克风

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

  • Firefox 浏览器解决办法
  1. 在地址栏输入:about:config
  2. 搜索框输入insecure,然后回车搜索相关设置选项
  3. media.devices.insecure.enabled改为true
  4. media.getusermedia.insecure.enabled改为true
  5. 刷新你的网页重试即可

相关推荐
车载测试工程师9 分钟前
CAPL学习-AVB交互层-概述
网络协议·tcp/ip·以太网·capl·canoe
澄江静如练_14 分钟前
列表渲染(v-for)
前端·javascript·vue.js
虹科网络安全29 分钟前
艾体宝洞察 | 利用“隐形字符”的钓鱼邮件:传统防御为何失效,AI安全意识培训如何补上最后一道防线
运维·网络·安全
Loo国昌1 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
石像鬼₧魂石1 小时前
Kali Linux 网络端口深度扫描
linux·运维·网络
前端白袍1 小时前
Vue:如何实现一个具有复制功能的文字按钮?
前端·javascript·vue.js
new code Boy2 小时前
escape谨慎使用
前端·javascript·vue.js
鲸鱼电台分台2 小时前
工业应用通信协议:IEC104
网络协议
适应规律2 小时前
UNeXt-Stripe网络架构解释
网络
纸带4 小时前
USB通信的状态
网络