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

相关推荐
诗句藏于尽头41 分钟前
完成ssl不安全警告
网络协议·安全·ssl
幽络源小助理3 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
会飞的鱼先生4 小时前
Node.js-http模块
网络协议·http·node.js
鱼樱前端6 小时前
今天介绍下最新更新的Vite7
前端·vue.js
Me4神秘7 小时前
电信、移动、联通、广电跨运营商网速慢原因
网络
-qOVOp-7 小时前
408第三季part2 - 计算机网络 - ip分布首部格式与分片
网络协议·tcp/ip·计算机网络
数通Dinner8 小时前
RSTP 拓扑收敛机制
网络·网络协议·tcp/ip·算法·信息与通信
炒毛豆8 小时前
vue3.4中的v-model的用法~
前端·vue.js
阳火锅9 小时前
都2025年了,来看看前端如何给刘亦菲加个水印吧!
前端·vue.js·面试
liulilittle9 小时前
SNIProxy 轻量级匿名CDN代理架构与实现
开发语言·网络·c++·网关·架构·cdn·通信