讯飞语音听写（Cannot read property ‘getUserMedia‘ of undefined“）浏览器报错解决

最新推荐文章于 2025-04-10 10:35:14 发布
最新推荐文章于 2025-04-10 10:35:14 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39523111/article/details/108069985
版权

TypeError: Cannot read property 'getUserMedia' of undefined

解决方法：

步骤：

1、在浏览器的地址栏里输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure　　并回车

然后作如下修改

输入框中填写需要开启的域名，也就是你报错的地址，譬如 http://example.com"，多个以逗号分隔。

 

 2、修改完后，在右下角会出现这样

 

 点击 Relaunch，等待浏览器重新打开，即可。

重启后，浏览器就能访问到这个getUserMedia媒体方法了

出现 TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘） 解决方法
码农研究僧的博客
09-05 3368
启用 HTTPS: 为你的网页启用 HTTPS，这不仅解决了 getUserMedia 的问题，还能提高整体的安全性和用户信任度
Web前端JS通过getUserMedia API 获取 麦克风(话筒)、摄像头(相机) 等音视频多媒体数据（语音、录音、录屏、相机、视频对话、屏幕共享、流媒体）
沐枫
05-09 1万+
Web前端JS通过getUserMedia API 获取 麦克风(话筒)、摄像头(相机) 等音视频多媒体数据（语音、录音、录屏、相机、视频对话、屏幕共享、流媒体）
chrome谷歌浏览器http协议打开摄像头Cannot read properties of undefined (reading ‘getUserMedia‘）
qq445829096的博客
06-11 6559
chrome谷歌浏览器http协议打开摄像头Cannot read properties of undefined (reading 'getUserMedia'）
解决 Cannot read properties of undefined (reading ‘getUserMedia‘) 报错
engchina的专栏
12-09 6149
解决 Cannot read properties of undefined (reading 'getUserMedia') 报错
强制启用不安全来源的通知
最新发布
猫咪的自习室
04-10 527
强制开启浏览器通知
企业视频会议系统EasyRTC前端console报Cannot read property ‘getUserMedia‘错误问题解决
TSINGSEE青犀视频官方技术博客
07-23 909
EasyRTC视频会议系统是在网络技术高速发展的背景下产生的高科技产物，使用多媒体设备及网络作为媒介，由一个人发起和主持，可以有多个人参加。使用音频、视频等多种方式进行交流，无需专门的会议场所和专职的会务人员。 最近我们的前端人员在开发EasyRTC前端时，console标签页出现“Cannot read property ‘getUserMedia’ of undefined”错误，我们来分享一下这个问题。 问题描述 在使用EasyRTC过程中，在视频会议列表页面，点击视频图标进入视频，出现“进
TypeError: Cannot read property 'getUserMedia' of undefined
热门推荐
JC.Lin的博客
02-28 1万+
出现这个异常可以参考 MediaDevices.getUserMedia() 以下是我的截图 意思是必须使用HTTPS加密通信才能获取getUserMedia()
浏览器获取摄像头权限TypeError: Cannot read property ‘getUserMedia‘ of undefined
weixin_41891519的博客
06-29 5087
解决方法 在浏览器输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure 输入获取权限的地址、选择enabled 然后重启浏览器访问就会有获取摄像头权限的提示啦
Uncaught TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘) 部署js项目失败
long_songs的博客
02-16 5223
明明本地端完美运行，但是部署到服务器上却失败了，页面看起来也没问题但是打开审查之后发现就是上面的两行出问题了。
Chrome 浏览器获取音频设备权限问题 Cannot read property getUserMedia of undefined
Monkey's blog
06-19 1万+
谷歌浏览器使用 navigator.mediaDevices.getUserMedia获取资源时报错 monitor.js:296 Uncaught TypeError: Cannot read property 'getUserMedia' of undefined 谷歌浏览器安全权限问题 我们可以通过一下方式解决： 一、网页使用https方式访问 此操作需要依赖web提供者实现https的访问方式。 二、修改浏览器安全配置（最直接、简单） 1、浏览器地址栏输入： chrome://flags/#un
TypeError: Cannot read property ‘getUserMedia‘ of undefined
迪之的博客
02-27 1049
输入框中填写需要开启的域名，也就是你报错的地址，譬如，多个以逗号分隔。
TypeError Cannot read property ‘getUserMedia‘ of undefined
weixin_48435461的博客
08-01 538
使用Chrome参数开启可以解决这个问题，在浏览器框中输入下述代码。将你需要访问的IP填入后重启浏览器，就能解决报错。所以直接访问ip地址会出现报错。localhost正常访问。
cannot read property ‘getusermedia‘ of undefined
江黎
02-22 622
chroem地址栏输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure 填写你要开启的地址
chrome浏览器报Cannot read properties of undefined (reading ‘getUserMedia‘)
weixin_69218754的博客
10-23 921
chrome浏览器报Cannot read properties of undefined (reading 'getUserMedia')
camera: TypeError: Cannot read properties of undefined reading ‘getUserMedia
wwf1225的博客
09-03 664
一、背景：项目中使用电脑摄像头拍照，调用navigator.mediaDevices方法，在本地正常，测试环境和生产环境报错。二、原因：navigator.mediaDevices...2.在Insecure origins treated as secure的输入框输入要打开网页的地址如http://xx.xx.xx:8080。1.在chrome地址栏输入chrome://flags/#unsafely-treat-insecure-origin-as-secure。3.为文件访问file:///
vue/react等前端页面打开摄像头报错TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘)
02-17 440
这个插件仓库地址：https://github.com/vitejs/vite-plugin-basic-ssl。往往非常大概率是因为你启动的是http，而不是https服务，启动摄像头必须是https服务！使用插件@vitejs/plugin-basic-ssl。
使用浏览器输入语音报错，Cannot read properties of undefined (reading ‘getUserMedia‘)
lilongqi_123的博客
03-26 381
使用浏览器输入语音时，浏览器的控制台里面有下面错误信息。
chrome浏览器不能录音：Uncaught TypeError: Cannot read property ‘getUserMedia‘ of undefined解决方法
weixin_44493841的博客
08-18 1万+
Uncaught TypeError: Cannot read property ‘getUserMedia’ of undefined解决方法 javascript 打不开浏览器录音功能的问题解决方案 在浏览器的地址栏里输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure　　并回车、然后作如下修改 ...
edge Cannot read property 'getUserMedia' of undefined
03-28
### 解决 Edge 浏览器中 `Cannot read property getUserMedia of undefined` 错误 该错误通常表明在尝试调用 `navigator.mediaDevices.getUserMedia()` 方法时，`navigator.mediaDevices` 或其方法未被正确定义或支持。这可能是由于浏览器版本过旧或者某些功能尚未完全实现所致。 为了处理此问题并确保兼容性，可以采用 polyfill 来补充缺失的功能。以下是基于提供的代码片段的一个解决方案： #### 使用 Polyfill 补充缺失的支持 通过引入一个条件判断来检测当前环境是否已定义 `navigator.mediaDevices` 及其方法，并根据需要加载相应的补丁逻辑[^1]。 ```javascript // 检查 navigator.mediaDevices 是否存在 if (typeof navigator.mediaDevices === 'undefined') { navigator.mediaDevices = {}; } // 如果不存在 getUserMedia，则提供回退方案 if (typeof navigator.mediaDevices.getUserMedia !== 'function') { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { shimChrome: true, shimFirefox: true, shimEdge: true, shimSafari: true }; // 针对不同浏览器应用特定的 shims if (options.shimEdge) { console.warn('Applying Edge-specific media device shimming...'); // 这里可以根据实际需求替换为具体的 Edge Shim 实现 navigator.mediaDevices.getUserMedia = function(constraints) { return new Promise(function(resolve, reject) { try { window.MediaStreamTrack.getSources(function(sourceInfos) { resolve(); }); } catch (error) { reject(error); } }); }; } } ``` 上述代码首先验证是否存在 `navigator.mediaDevices` 对象及其成员函数 `getUserMedia`。如果这些对象或方法不可用，则会动态创建它们以模拟所需行为。对于 Microsoft Edge 的情况，可以通过设置选项参数中的 `shimEdge` 属性启用专门针对 Edge 的修补程序。 此外需要注意的是，现代版 Edge 已经切换到 Chromium 内核，在大多数情况下应该原生支持 WebRTC API 和其他多媒体特性。因此建议更新至最新稳定版本的 Edge 浏览器再测试相关功能。 #### 更新浏览器作为长期策略 尽管使用 polyfills 能够缓解部分兼容性难题，但从长远来看还是推荐鼓励用户升级他们的浏览器软件到最新的可用版本。这样不仅可以获得更好的性能表现还能享受更全面的安全防护措施以及新标准特性的支持。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值