navigator.mediadevices.enumeratedevices is not a function，本地 https 证书

最新推荐文章于 2023-10-26 10:41:05 发布
VIP文章 最新推荐文章于 2023-10-26 10:41:05 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 前端 文章标签： mediadevices webrtc 本地证书 https
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sansan_7957/article/details/119107326
版权

文章目录

问题描述

需要其他电脑上调试本地项目。

我是在开发电脑上启动本地项目，使用 browser-sync 代理，让其他电脑通过 IP 访问，例如：http://x.x.x.x:3001 。

这样是可以在其他电脑上访问到我的本地项目，可是报错 navigator.mediadevices.enumeratedevices is not a function 。原因如下：

WEBRTC is not supported in HTTP site and it is supported only in HTTPS site

就是说需要使用下面的源才能使用 navigator.mediadevices.enumeratedevices

最低0.47元/天 解锁文章
m_m!!
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
01-19
navigator.mediaDevices.getUserMedia 应项目要求，需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档，链接如下： ...
WebRTC API枚举音视频设备
椛茶的博客
03-20 638
WebRTC 提供了 mediaDevices.enumerateDevices API 来获取系统的音视频设备。上述调用返回值是一个 Promise 对象，当完成时会接收一个 MediaDeviceInfo 对象的数组，MediaDeviceInfo 属性值含义解释如下。
JS检查浏览器是否支持摄像头
w13511069150的博客
07-15 4929
方式一、 <script> if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) { // Firefox 38+ seems having support of enumerateDevicesx navigator.enumerateDevices = function...
关于navigator.mediaDevices为undefined，获取不到媒体权限的问题
gw6601的博客
05-24 5822
当时的场景是公司搭建的内部服务网站没有测试环境（有点鸡肋，说是因为需要线上成员信息认证登录），也因为跨域问题，所以需要制定线上环境的域名，本地localhost用不了，协议是http的，导致接入一个语音需求的时候本地调试出现了问题。1、采用https方案，由于线上环境都是https协议的，所以这个不用考虑，只是本地调试是一个大问题，所以忽略。console.log('navigator.getUserMedia - 不支持');2. 地址为https:// 时。3. 为文件访问file:///
WebRTC设备管理 五、第一节 WebRTC获取音视频设备
xyphf的博客
06-30 1669
今天我们开始学习WebRTC内容了，首先我们看一下WebRTC如何进行设备管理。 在 WebRTC 的规范中，给我们提供一个重要的API，叫 enumerateDevices 通过这个API 我们就可以获取到电脑中的音频和视频设备，首先我们来看一下它的基本格式 /** * 基本格式 通过navigator.mediaDevices下的enumerateDevices方法获取所有的音频和视频设备 * 最后它返回的值是一个Promise,这是JavaScript中特有的一个对象 */ var ePro
Android WebView 的 Webrtc 枚举设备，报 NotReadableError, Could not start audio source 错误
白袍小将的博客
10-26 822
NotReadableError: Could not start audio source. Android WebView: NotReadableError: Could not start audio source
navigator.mediaDevices.enumerateDevices() 返回空label
Crisf的博客
01-29 4787
搭建环境环境见拙作： https://blog.csdn.net/Crisf/article/details/113242541 本次记录navigator.mediaDevices.enumerateDevices() 返回的label,deviceId为空的解决办法。问题截图如下： 代码如下所示： 结构如下： index.html: <html> <head> <title> WebRTC get
navigator.mediaDevices.enumerateDevices()调用usb摄像头
feng4175的博客
08-17 1272
这里的strem是无法获取到的，在后台会报错说navigator.mediaDevices.getUserMedia是没有定义的，也就是说，我们无法使用这个api，但是本机运行可以，http地址就不行该怎么解决呢？当我们使用http来获取摄像头时，浏览器的安全机制。前端想使用本机摄像头以及通过USB连接的摄像头，通过USB流实现摄像头的实时监控。})来操作所获得的相机媒体流，我这里是做两个usb摄像头的实时监控放在网页上面。我们需要使用deviceId来选择我们本机上的摄像头或者usb摄像头，
navigator.mediaDevices.enumerateDevices()的兼容性问题
qq_37800258的博客
03-18 5554
navigator.mediaDevices.enumerateDevices方法 的兼容性问题 经测试发现，除谷歌浏览器和现在使用Chromium内核的Microsoft Edge浏览器外，enumerateDevices()方法存在一些兼容性问题。 首先，如果不先获取媒体权限，用enumerateDevices()获取到的设备列表中label为空，即无法识别设备名字。这个考虑有两种方案解决：   a）在调用enumerateDevices()时，对于label为空的情况手动定义设备名字，在进入会议调
谷歌浏览器MediaDevices.enumerateDevices() 获取媒体设备不全或者没有labei属性的问题
南极亚拉的博客
06-09 1万+
有问题的代码 <script> navigator.mediaDevices.enumerateDevices() .then(gotDevices).catch(handleError); // 遍历所有的设备，包括视频和音频设备,找到双目摄像头 function gotDevices(deviceInfos) { console.log(deviceInfos); } function handleError(er
WebRTC设备管理
小葵哥的博客
02-17 131
WebRTC设备管理
get-user-media-promise:navigator.mediaDevices.getUserMedia的基本包装，具有自动回退到navigator.getUserMedia的功能
05-06
获取用户媒体的承诺 用于 （较新的基于的API）的轻量级Ponyfill / Polyfill。 必要时包装较旧的基于回调的 。 通过browserify / webpack / etc使用时，表现为小马填充（不涉及全局）。 或作为独立库包含时，作为...
修改 navigator.platform 的值.user.js
04-09
修改 navigator.platform 的值.user.js
SQL Navigator 5.5.rar
10-09
SQL Navigator 5.5
javascript通过navigator.userAgent识别各种浏览器
10-26
识别各种浏览器的实现原理是根据navigator.userAgent返回值识别，下面有个不错的示例，感兴趣的朋友可以参考下
base64和file互转
热门推荐
Amy的博客
08-25 2万+
以图片文件为例： 应用场景 工作中经常遇到需要把图片文件操作之后再上传到服务器（比如，拼接、裁剪、生成预览等），通常操作之后的图片都会变成一个 base64 的字符串，把这个字符串嵌入到 img 标签的 src 属性中就能看到图片了。 正常来说也是可以把这个字符串传给服务器存储的，但是图片生成base64字符串后特别特别的长，这样存取的话非常慢。 所以我们需要把它转回成文件对象再传给服...
时区转换，时间格式转换
Amy的博客
07-05 8568
基本概念 UT - 世界时 TAI - 国际原子时 GMT - 格林尼治标准时间/格林威治平均时间 UTC - 协调世界时 LT - 本地时间 这篇文章解释的都很详细 一些时间的概念与区分(UTC、GMT、LT、TAI等) 我们一般认为GMT和UTC是一样的，都与英国伦敦的本地时相同。 UTC或GMT与LT如下的换算关系：LT = UTC + 时区差； 东区是加相应的时区差，西区是减时区...
px转vh/vw
Amy的博客
09-18 8129
需求： 页面头部高度固定（60px），剩下的内容整体高度占满可视区的高度，并且可以随着浏览器窗口大小调整而变化。 解决： 首先想到的vh，100vh的高度刚好可以撑开整个可视区的高度。由于头部有高度剩下的内容整体高度就不能是100vh，而是100vh-60px，这就涉及到两个单位之间的转换。 可视区高度：window.innerHeight + ‘px’ = 100vh 1px = 100 / w...
前端字符串解析HTML
Amy的博客
01-23 5373
parse5 工具集 parse5 - HTML解析器和序列化器 注意：默认情况下，所有函数都使用默认树适配器生成的树格式。 可以通过提供自定义树适配器实现来更改树格式。 方法： parse - 解析 HTML 字符串，返回一个 Document const parse5 = require('parse5'); const document = parse5.parse('&amp;amp;amp;lt...
navigator.mediaDevices.getUserMedia拍照保持到电脑本地
最新发布
03-23
navigator.mediaDevices.getUserMedia是一个Web API，用于在浏览器中访问用户的媒体设备，例如摄像头和麦克风。通过使用getUserMedia方法，您可以请求用户授权访问其摄像头，并获取摄像头的视频流。 要拍照并将其...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值