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

相关推荐
行者全栈架构师1 天前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
Csvn1 天前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
王二端茶倒水1 天前
商业 WiFi 不是免费上网,而是门店数字化的入口
网络协议
Momo__1 天前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
程序员小富1 天前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
JustHappy1 天前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
假如让我当三天老蒯2 天前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
霜落长河5 天前
抛弃TCP改用UDP,HTTP3怎么了?
http
秃头网友小李5 天前
前端难点:keep-alive 缓存什么?RouterView 的 key 为什么要带 scopeId?
前端·vue.js
徐小夕5 天前
JitWord 3.0 正式发布,高精度Word异构解析+复杂组件兼容,打造web端协同Word编辑器
前端·vue.js·算法