当前位置: 首页 > news >正文

camera: TypeError: Cannot read properties of undefined reading ‘getUserMedia

摘要:一、背景:项目中使用电脑摄像头拍照,调用navigator.mediaDevices方法,在本地正常,测试环境和生产环境报错。二、原因:navigator.mediaDevices...

一、背景:

项目中使用电脑摄像头拍照,调用navigator.mediaDevices方法,在本地正常,测试环境和生产环境报错。

二、原因:

navigator.mediaDevices在目前以下情况中可以获取到

1.地址为localhost://访问

2.协议为https

3.为文件访问file:///

测试环境和生产环境使用的都是http协议,因此无法调用

三、解决方法

1.在chrome地址栏输入chrome://flags/#unsafely-treat-insecure-origin-as-secure

2.在Insecure origins treated as secure的输入框输入要打开网页的地址如http://xx.xx.xx:8080

3.把右边的Disnabled改成Enabled

4.点右下角的Relaunch

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • linux 权限解读
  • 【云计算】什么是云计算服务|为什么出现了云计算|云计算的服务模式
  • 【算法每日一练及解题思路】判断数字是否为偶数
  • 成为一名厉害的黑客,必须知道的12个步骤,黑客入门
  • 斗破C++编程入门系列之二十:数组、指针和字符串:数组的声明和使用(一星斗师)
  • mysql与es数据同步
  • 考拉悠然董事长申恒涛受邀出席2024AGIC深圳通用人工智能大会
  • 视频结构化从入门到精通——行为分析类应用
  • GAMES202——作业4 Kulla-Conty BRDF(BRDF的预计算、重要性采样)
  • NTFS安全权限和文件共享
  • 宝藏!《联盟自控基础班筑基题库》(凤凰篇) 1-8章:甄选部分
  • 超详细步骤——Keil MDK-ARM 如何修改工程名字
  • Scrcpy手机投屏投屏到电脑上(windows/mac)
  • vue-echarts :知识图谱可视化,动态更新 动态赋值series,更新options
  • springboot学习11 (菜品缓存redis)
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • Android单元测试 - 几个重要问题
  • Iterator 和 for...of 循环
  • Java精华积累:初学者都应该搞懂的问题
  • jquery cookie
  • select2 取值 遍历 设置默认值
  • springMvc学习笔记(2)
  • 读懂package.json -- 依赖管理
  • 分布式任务队列Celery
  • 机器学习 vs. 深度学习
  • 简析gRPC client 连接管理
  • 开发基于以太坊智能合约的DApp
  • 使用docker-compose进行多节点部署
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • 选择阿里云数据库HBase版十大理由
  • ​Z时代时尚SUV新宠:起亚赛图斯值不值得年轻人买?
  • ​创新驱动,边缘计算领袖:亚马逊云科技海外服务器服务再进化
  • ​如何在iOS手机上查看应用日志
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • #Linux(权限管理)
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • #pragam once 和 #ifndef 预编译头
  • $ git push -u origin master 推送到远程库出错
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (ctrl.obj) : error LNK2038: 检测到“RuntimeLibrary”的不匹配项: 值“MDd_DynamicDebug”不匹配值“
  • (Windows环境)FFMPEG编译,包含编译x264以及x265
  • (安全基本功)磁盘MBR,分区表,活动分区,引导扇区。。。详解与区别
  • (剑指Offer)面试题34:丑数
  • (十七)Flask之大型项目目录结构示例【二扣蓝图】
  • (一)Dubbo快速入门、介绍、使用
  • (原創) 博客園正式支援VHDL語法著色功能 (SOC) (VHDL)
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • ***监测系统的构建(chkrootkit )
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .net oracle 连接超时_Mysql连接数据库异常汇总【必收藏】
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...
  • .NET建议使用的大小写命名原则
  • .NET教程 - 字符串 编码 正则表达式(String Encoding Regular Express)
  • .net实现头像缩放截取功能 -----转载自accp教程网
  • .NET中使用Redis (二)