谷歌浏览器使用 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即可
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐