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

最新推荐文章于 2024-07-23 16:11:18 发布
最新推荐文章于 2024-07-23 16:11:18 发布
阅读量6.8k 收藏
点赞数
分类专栏： 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
    评论
专栏目录
java 获取usb外接设备信息整理。
10-26
- 遍历设备列表，获取每个设备的详细信息，如设备描述符（包括供应商ID、产品ID、设备版本等）。 3. **设备信息解析** - 设备描述符中包含了丰富的信息，例如： - `vendorId`：供应商ID，用于识别设备制造商。 ...
navigator.mediaDevices.enumerateDevices()的兼容性问题
qq_37800258的博客
03-18 5899
navigator.mediaDevices.enumerateDevices方法 的兼容性问题 经测试发现，除谷歌浏览器和现在使用Chromium内核的Microsoft Edge浏览器外，enumerateDevices()方法存在一些兼容性问题。 首先，如果不先获取媒体权限，用enumerateDevices()获取到的设备列表中label为空，即无法识别设备名字。这个考虑有两种方案解决：   a）在调用enumerateDevices()时，对于label为空的情况手动定义设备名字，在进入会议调
webrtc入门：3.使用enumerateDevices获取设备中可用的流媒体
haleycat的博客
04-21 2925
前面两篇文章，分别用了不同的api获取到了摄像头和桌面应用的数据。在一些设备中，流媒体插件比较多，比如有些设备有多个的摄像头，多个的音频输入或输出口，我们需要把这些设备都枚举出来，在会议直播的时候，能够顺利的切换这些音视频设备。 webrtc中，同样提供了api，我们可以很方便的就把这些设备枚举出来，同样的采用js的形式，枚举出 navigator.mediaDevices.enumerateDevices().then(gotDevices).catch(handleError); 在gotDevice
chrome扩展开发之·MV3后台获取唯一设备码
最新发布
slongzhang的博客
07-23 150
前端指纹设备唯一标识目前最好用的肯定是fingerprintjs 但chrome扩展不能有压缩混淆代码，所以没办法直接在后台使用
docker: Error response from daemon: OCI runtime create failed
七爷OK
02-19 3406
隔了三周没有启动docker镜像，由出现问题了， $ docker run --runtime=nvidia -v /data/coco:/packages/detectron/lib/datasets data/coco -it object_detection/linsubaccuracy:v1 /bin/bash docker: Error response from daemon: O...
谷歌浏览器MediaDevices.enumerateDevices() 获取媒体设备不全或者没有labei属性的问题
南极亚拉的博客
06-09 1万+
有问题的代码 <script> navigator.mediaDevices.enumerateDevices() .then(gotDevices).catch(handleError); // 遍历所有的设备，包括视频和音频设备,找到双目摄像头 function gotDevices(deviceInfos) { console.log(deviceInfos); } function handleError(er
3-webrtc设备管理
LIJIWEI0611的博客
01-02 330
webrtc 获取音视频设备 通过enumerateDevices()获取到所有的音频和视频设备，返回的值是一个promise，这是javaScript中一个特有的对象，在promsie中有一个特有的结构体:MediaDevicesInfo，在这个结构体中存放了非常重要的几个信息，deviceid为这个设备的唯一标志符，第二个label就是设备的名字，比如内置音频设备，内置音频输入设备等 首先解释一个背景，JavaScript中是使用单线程去处理整个逻辑的，为了防止被阻塞，大量...
WebRTC API枚举音视频设备
椛茶的博客
03-20 777
WebRTC 提供了 mediaDevices.enumerateDevices API 来获取系统的音视频设备。上述调用返回值是一个 Promise 对象，当完成时会接收一个 MediaDeviceInfo 对象的数组，MediaDeviceInfo 属性值含义解释如下。
qt整合ffmpeg实现点击按钮调用ffmpeg获取音频设备
03-30
你需要理解如何创建和初始化这些结构体，以及如何使用它们来获取设备信息。 5. **事件处理和槽函数**： 在`on_pushButton_clicked()`槽函数中，调用FFmpeg的设备枚举功能。你可以通过`QMessageBox`或其他UI元素来...
媒体设备：在浏览器中轻松管理媒体设备
02-24
媒体设备 在浏览器中轻松管理媒体设备 目的 media-devices包装了并尝试规范化尽可能多的跨浏览器怪癖（）。 它还提供了一个设备列表差异观察者，当添加，删除或更新设备时通知您。 API 该API是复本，但...
HTML5打开本地摄像头，视频设备可选，可获取设备id、拍照
09-24
接着，我们需要用JavaScript来获取摄像头的媒体流。HTML5的`navigator.mediaDevices.getUserMedia()`方法是关键。这个方法接受一个包含音频和/或视频的媒体约束对象，返回一个Promise，当用户授权访问摄像头后，...
captureSystemAudio:捕获系统音频（“ What-U-Hear”）
05-28
不可能在Linux的Chromium上选择Monitor of <device> ，而在getUserMedia()没有公开getUserMedia() UI提示或授予捕获音频权限后的enumerateDevices() ，而在从PulseAudio声音设置GUI“ Recording选项卡上的...
WebRTC源码研究（9）webrtc获取音视频设备
kyl282889543的博客
06-09 868
文章目录WebRTC源码研究（9）webrtc获取音视频设备 WebRTC源码研究（9）webrtc获取音视频设备
npm install编译时报“Cannot read properties of null (reading ‘pickAlgorithm‘)“等错误的解决办法
coinisi_li的博客
11-21 8723
理论上说不会影响我们的项目，因为我们用的各种包的版本是在package.json内定义的，生成的package-lock.json内的版本依赖也是参照的package.json生成出来的，并不影响整体框架的使用。，这个时候重新编译，编译是正常的，但是存在遗留问题，即当node_modules 删除后重新编译就会出现上面的错，原因可能是我们低版本node编译的node_modules没有删除，项目一直读的低版本node编译的东西，让我们以为新安装的高版本node是成功的。3.重新安装node解决。
Web前端JS通过getUserMedia API 获取 麦克风(话筒)、摄像头(相机) 等音视频多媒体数据（语音、录音、录屏、相机、视频对话、屏幕共享、流媒体）
沐枫
05-09 5504
Web前端JS通过getUserMedia API 获取 麦克风(话筒)、摄像头(相机) 等音视频多媒体数据（语音、录音、录屏、相机、视频对话、屏幕共享、流媒体）
大华相机C#学习之Enumerator类
lgh65200的博客
04-17 637
创建一个Enumerator实例。
TypeError:Cannot read properties of undefined (reading‘...‘)
热门推荐
qq_57057576的博客
08-13 10万+
若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。
navigator.mediaDevices.enumerateDevices() 返回空label
Crisf的博客
01-29 5308
搭建环境环境见拙作： https://blog.csdn.net/Crisf/article/details/113242541 本次记录navigator.mediaDevices.enumerateDevices() 返回的label,deviceId为空的解决办法。问题截图如下： 代码如下所示： 结构如下： index.html: <html> <head> <title> WebRTC get
enumerateDevices
07-28
enumerateDevices是一个Web API，用于在浏览器中获取媒体设备列表，包括摄像头、麦克风和扬声器等。通过调用navigator.mediaDevices.enumerateDevices()方法，可以获取到当前设备上可用的媒体设备列表。\[2\] 在获取设备列表时，需要注意以下几点： 1. 需要获取媒体权限：在调用enumerateDevices()之前，需要先获取用户的媒体权限，否则获取到的设备列表中的label属性可能为空。可以通过调用getUserMedia()方法来弹出询问框，询问用户是否允许访问摄像头和麦克风，用户允许后，部分浏览器（如Opera、QQ）可以获取到label标签，但是搜狗和火狐的label依旧为空，只能使用自定义的名字了。\[3\] 2. 更新设备名称：如果在调用enumerateDevices()时获取到的设备列表中的label为空，可以通过手动定义设备名称，然后在调用getUserMedia()之后再更新label属性。这种方案的优点是在确定开会之前，选择设备时无需打开媒体设备，但对于Opera浏览器不太适用。\[3\] 总之，通过使用enumerateDevices()方法可以方便地获取到当前设备上可用的媒体设备列表，但需要注意获取媒体权限和处理设备名称为空的情况。 #### 引用[.reference_title] - *1* [JS切换扬声器设备](https://blog.csdn.net/qq_36947128/article/details/118699118)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [webrtc入门：3.使用enumerateDevices获取设备中可用的流媒体](https://blog.csdn.net/weixin_40425640/article/details/124316780)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [navigator.mediaDevices.enumerateDevices()的兼容性问题](https://blog.csdn.net/qq_37800258/article/details/114967894)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值