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

相关推荐
星空的资源小屋36 分钟前
MkFont,一款开源免费的字体设计工具
网络·人工智能·pdf·电脑
古夕40 分钟前
基于 Vue 3 + Monorepo + 微前端的中后台前端项目框架全景解析
前端·javascript·vue.js
一 乐1 小时前
宠物管理|宠物店管理|基于SSM+vue的宠物店管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·宠物
咖啡の猫1 小时前
Vue插件
前端·javascript·vue.js
无敌最俊朗@2 小时前
UDP 高频面试题解析
网络·网络协议·udp
网安INF2 小时前
网络攻防技术:防火墙技术
网络·安全·web安全·网络安全·防火墙
咖啡の猫2 小时前
Vue中的自定义事件
前端·javascript·vue.js
xiaohe06012 小时前
🚀 拥抱 create-uni,一行命令轻松集成 Uni ECharts!
vue.js·uni-app·echarts
2301_801252222 小时前
Vue中的指令
前端·javascript·vue.js
nassi_3 小时前
开发板网络配置
linux·网络·嵌入式硬件