Chrome 浏览器获取音频设备权限问题 Cannot read property getUserMedia of undefined

谷歌浏览器使用 navigator.mediaDevices.getUserMedia获取资源时报错

在这里插入图片描述

monitor.js:296 Uncaught TypeError: Cannot read property 'getUserMedia' of undefined

导致此类问题一版为两类:
1、需要发布到web服务器,例如niginx tomcat才能支持使用该接口
2、浏览器权限限制,使用音频的接口需要安全权限开启
针对谷歌浏览器安全权限问题
我们可以通过以下方式解决:

一、网页使用https方式访问

此操作需要依赖web服务提供者实现https的访问方式。

二、修改浏览器安全配置(最直接、简单)

1、浏览器地址栏输入:

chrome://flags/#unsafely-treat-insecure-origin-as-secure在这里插入图片描述

2、开启Insecure origins treated as secure

在下方输入栏内输入,你访问的地址url,然后将右侧Disabled 改成 Enabled即可
在这里插入图片描述

3、浏览器会提示重启(Relaunch)

Relaunch即可
在这里插入图片描述

"Cannot read properties of undefined (reading 'getUserMedia')"是一个错误提示,意味着在代码中尝试读取未定义属性'getUserMedia'时发生了错误。这个属性通常与使用摄像头和音频设备相关。根据所提供的引文,这个错误与浏览器的安全限制有关。 在引文中,错误发生在尝试调用navigator.mediaDevices.getUserMedia()方法时。类似地,在引文中,错误发生在调用getUserMedia()方法时。这些错误可能是由于使用了http协议而不是https协议,因为谷歌浏览器对http协议下的getUserMedia()方法有安全限制。 解决方案是升级到https协议以解决该错误。通过使用https协议,浏览器会对getUserMedia()方法的访问进行授权,从而允许调用摄像头和音频设备。 在引文中提到,谷歌浏览器限制了在http协议下调用摄像头的权限,这是出于安全考虑,以防止网站滥用用户的摄像头和侵犯隐私。 综上所述,"Cannot read properties of undefined (reading 'getUserMedia')"这个错误表示在尝试读取未定义属性'getUserMedia'时发生了错误,可能是由于浏览器的安全限制。解决方案是使用https协议来调用摄像头和音频设备。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Uncaught TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘) 部署js项目失败](https://blog.csdn.net/long_songs/article/details/129066271)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [chrome谷歌浏览器http协议打开摄像头Cannot read properties of undefined (reading ‘getUserMedia‘)](https://blog.csdn.net/qq445829096/article/details/125229302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值