【音】chrome 获取媒体 enumerateDevices 详细信息

最新推荐文章于 2023-08-17 14:00:40 发布
最新推荐文章于 2023-08-17 14:00:40 发布
阅读量6.7k 收藏
点赞数
分类专栏： html5 javascript 文章标签： enumerateDevices
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ihtml5/article/details/88693446
版权 
async function f () {
	let d = await navigator.mediaDevices.enumerateDevices(); 
	console.log(d);
}; 
f();

非允许情况下是获取不到label详细信息的
在这里插入图片描述
如果是允许情况下，可以获取到
在这里插入图片描述
faceTime HD Camera

获取详情可以访问这个地址 进行测试查看

https://ibeeger.com/pages/devices.html

风不二
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
媒体设备：在浏览器中轻松管理媒体设备
02-24
媒体设备 在浏览器中轻松管理媒体设备 目的 media-devices包装了并尝试规范化尽可能多的跨浏览器怪癖（）。 它还提供了一个设备列表差异观察者，当添加，删除或更新设备时通知您。 API 该API是复本，但...
navigator.mediaDevices.enumerateDevices()的兼容性问题
qq_37800258的博客
03-18 5594
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
navigator.mediaDevices.enumerateDevices()调用usb摄像头
最新发布
feng4175的博客
08-17 1369
这里的strem是无法获取到的，在后台会报错说navigator.mediaDevices.getUserMedia是没有定义的，也就是说，我们无法使用这个api，但是本机运行可以，http地址就不行该怎么解决呢？当我们使用http来获取摄像头时，浏览器的安全机制。前端想使用本机摄像头以及通过USB连接的摄像头，通过USB流实现摄像头的实时监控。})来操作所获得的相机媒体流，我这里是做两个usb摄像头的实时监控放在网页上面。我们需要使用deviceId来选择我们本机上的摄像头或者usb摄像头，
IoEnumerateDeviceObjectList函数的还原
pureman_mega的博客
06-07 416
函数接口解释参考ddk文档（win 7 32)，用来遍历某个驱动对象的设备对象。c代码+WinDbg得到的反汇编代码 NTSTATUS IoEnumerateDeviceObjectList(IN PDRIVER_OBJECT DriverObject, //ebp+8 IN PDEVICE_OBJECT *DeviceOb...
webrtc入门：3.使用enumerateDevices获取设备中可用的流媒体
haleycat的博客
04-21 2678
前面两篇文章，分别用了不同的api获取到了摄像头和桌面应用的数据。在一些设备中，流媒体插件比较多，比如有些设备有多个的摄像头，多个的音频输入或输出口，我们需要把这些设备都枚举出来，在会议直播的时候，能够顺利的切换这些音视频设备。 webrtc中，同样提供了api，我们可以很方便的就把这些设备枚举出来，同样的采用js的形式，枚举出 navigator.mediaDevices.enumerateDevices().then(gotDevices).catch(handleError); 在gotDevice
captureSystemAudio:捕获系统音频（“ What-U-Hear”）
05-28
不可能在Linux的Chromium上选择Monitor of <device> ，而在getUserMedia()没有公开getUserMedia() UI提示或授予捕获音频权限后的enumerateDevices() ，而在从PulseAudio声音设置GUI“ Recording选项卡上的...
basler相机SDK类（C++）
06-01
将basler的SDK函数封装为C++类
使用OpenNI读取多个Kinect
08-19
详细讲述了如何用OpenNI读取多个Kinect数据，并且可以测试一台PC最多可以连接多少个Kinect
Qotlin:IBM Q Experience Kotlin工具箱-Kotlin库，用于交互和编写IBM Quantum计算机的汇编代码
05-01
库特林 这是一个Kotlin库，用于在IBM Q Experience程序中可用的量子计算机上... qex.enumerateDevices() println ( " Currently available: " ) qex.devices.forEach { println (it) } println ( " \n Running Be
navigator.mediaDevices.enumerateDevices() 返回空label
Crisf的博客
01-29 4853
搭建环境环境见拙作： https://blog.csdn.net/Crisf/article/details/113242541 本次记录navigator.mediaDevices.enumerateDevices() 返回的label,deviceId为空的解决办法。问题截图如下： 代码如下所示： 结构如下： index.html: <html> <head> <title> WebRTC get
navigator.mediadevices.enumeratedevices is not a function，本地 https 证书
Amy的博客
07-26 1670
文章目录问题描述解决办法1. 使用 mkcert 生成本地证书2. 找到 browser-sync 包的位置，替换 certs 文件夹下文件，如下3. 使用 https 启动 问题描述 需要其他电脑上调试本地项目。 我是在开发电脑上启动本地项目，使用 browser-sync 代理，让其他电脑通过 IP 访问，例如：http://x.x.x.x:3001 。 这样是可以在其他电脑上访问到我的本地项目，可是报错 navigator.mediadevices.enumeratedevices is not a
DXUT11框架浅析(9)--DXUTDevice9
TechTiger的博客
09-11 1575
DXUT11源码浅析(9)Core—DXUTDevice9                打开*\Microsoft DirectX SDK (June 2010)\Utilities\bin\x86\DXCapsViewer.exe。先查看为D3D9提供的Direct3D9Devices：            这里展示本显卡所支持的D3D9的各种设备类型以及他们
navigator.mediaDevices.getUserMedia参数整理
点滴
12-02 1万+
以前都是在用navigator.getUserMedia，整理了下参数说明 navigator.mediaDevices.getUserMedia(options); options = { audio: { sampleRate: 16000 }, video: { facingMode: 'user' } } facingMode: ‘u...
webassembly 常见错误整理
点滴
12-24 9858
错误一 RuntimeError: memory access out of bounds 原因 打包的时候添加 --importMemory asc assembly/index.ts -b build/optimized.wasm -t build/optimized.wat --sourceMap --validate --optimize --runtime none --import...
【threejs】如何使用canvas Texture实现材质
点滴
02-24 7315
在学习threejs中，肯定避免不了要设置模具的材质，比如说要给一个box加颜色、图片或者视频画面； 大家可以看以下代码 new THREE.MeshBasicMaterial({color: Math.random() * 0xffffff}); // 颜色 new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture(...
WebAssembly【四】加密解密应用场景
点滴
01-17 4783
在以前一提到前端的加密、解密，可能感觉很鸡肋，因为web前端的代码完全暴露在用户侧，很容易破译或者阅读加、解迷的规则。 所以一直以来一提到安全方面，大家不约而同的都想那是服务端的事情，不过现在 WebAssembly 可以让前端多少承担点安全方面的重任了。 不过因为请求的 wasm 文件，所有人都可以下载，也是有破译的风险，只不过难度增加了 先说下 wasm 是什么样的文件，通过编译后生成的二进制...
【音】MediaRecorder支持录制类型情况
点滴
03-19 4568
最近有有需求，需要捕获用户的脸部表情以及上课的表现情况， 用于提供给AI部门进行算法练习，研究了一下mediaRecorder 录制stream video/webm video/webm;codecs=vp8 video/webm;codecs=vp9 video/webm;codecs=vp8.0 video/webm;codecs=vp9.0 video/webm;codecs=h264 ...
enumerateDevices
07-28
enumerateDevices是一个Web API，用于在浏览器中获取媒体设备列表，包括摄像头、麦克风和扬声器等。通过调用navigator.mediaDevices.enumerateDevices()方法，可以获取到当前设备上可用的媒体设备列表。\[2\] 在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值