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

相关推荐
Emma歌小白2 分钟前
Vite 和 Vue CLI 比较
vue.js·vite
大阔8 分钟前
路由表是什么
网络协议
不爱说话郭德纲9 分钟前
产品:上传图片拖拽一下怎么了 ?
前端·javascript·vue.js
JhonKI15 分钟前
【Linux网络】打造初级网络计算器 - 从协议设计到服务实现
linux·运维·网络
JavaGuide19 分钟前
腾讯Java后端一面,被速通了!
网络·http·缓存·程序员·idea·多线程·校招·java基础·并发编程·aio·计算机基础·认证授权
前端大白话1 小时前
救命!这10个Vue3技巧藏太深了!性能翻倍+摸鱼神器全揭秘
前端·javascript·vue.js
cg50171 小时前
Vue回调函数中的this
前端·javascript·vue.js
程序猿大波1 小时前
基于Java,SpringBoot,Vue,HTML宠物相亲配对婚恋系统设计
java·vue.js·spring boot
yuanmenglxb20041 小时前
微信小程序核心技术栈
前端·javascript·vue.js·笔记·微信小程序·小程序
JhonKI1 小时前
【Linux网络】构建HTTP响应与请求处理系统 - HttpResponse从理解到实现
linux·网络·http