首页 > 其他分享 >获取浏览器摄像头,麦克风列表

获取浏览器摄像头,麦克风列表

时间:2023-05-06 16:34:40浏览次数:46  
标签:function 浏览器 麦克风 deviceId device 摄像头

获取

 navigator.mediaDevices.enumerateDevices()
      .then(function(devices) {
        devices.forEach(function(device) {
          //audioinput   videoinput(视频)  audiooutput(音频)
           console.log('设备3:'+device.kind + ": " + device.label +
                   " id = " + device.deviceId);
        });

设置选择哪个摄像头

navigator.mediaDevices.getUserMedia({
            audio: {deviceId:deviceId},
            video: false,
          }).then(function (stream) {
            getAudioSuccess(stream);
          })["catch"](function (e) {
            getAudioFail(e);
          });

参考:MediaDevices.getUserMedia() - Web API 接口参考 | MDN (mozilla.org)

关于谷歌浏览器:Javascript:获取浏览器的选定麦克风名称 | 码农家园 (codenong.com)

标签:function,浏览器,麦克风,deviceId,device,摄像头
From: https://www.cnblogs.com/ljingjing/p/17377823.html

相关文章

  • css随着浏览器窗口width度变化展示数据
    这是需求这是通过css写法实现的@mediascreenand(min-width:1900px){//>=1900的设备.boxWidth{width:25%;}}@mediascreenand(min-width:1440px)and(max-width:1899px){.boxWidth{width:33%;}}@mediascreen......
  • 监听浏览器各个标签间的切换
    document.addEventListener('visibilitychange',function(e){console.log(document.visibilityState);letstate=document.visibilityStateif(state=='hidden'){console.log(document......
  • C# 使用AForge调用笔记本摄像头拍照及录像
    1、添加引用1、官网下载链接:http://www.aforgenet.com/framework/downloads.html2、通过管理Nuget程序包可直接添加以下引用,当然这里并没有全部用上,而只是用上了一部分在添加完这些引用之后VS的工具箱当中会多出AForge.NET相关的一些控件,而实现调用摄像头就需要使用到这些控件......
  • 谷歌浏览器chrome安装postman插件
    1获取postman插件压缩包链接:https://pan.baidu.com/s/1pCNJxrM4gCvODa9tIbteDg?pwd=waje提取码:waje  2安装2.1下载压缩包,并且解压,然后打开浏览器2.2点击浏览器右上角三个点,更多工具,扩展程序2.3打开开发者模式2.4点击加载扩展程序,选择解压后的文件po......
  • 指纹浏览器简介
      保护隐私的新型工具随着互联网的普及,网络安全和隐私保护成为了越来越重要的议题。在这个背景下,指纹浏览器应运而生,成为一种独特且实用的工具,以保护用户的在线隐私。那么,指纹浏览器究竟是什么?它如何保护我们的隐私?本文将为您揭示这一神秘的浏览器工具。一、什么是指纹浏览器......
  • Qt音视频开发44-本地摄像头推流(支持分辨率/帧率等设置/实时性极高)
    一、前言本地摄像头推流和本地桌面推流类似,无非就是采集的设备源头换成了本地摄像头设备而不是桌面,其他代码完全一样。采集本地摄像头实时视频要注意的是如果设置分辨率和帧率,一定要是设备本身就支持的,如果不支持那就歇菜,比如设备本身最大分辨率到1280x720,你主动设置要采集1080x7......
  • 关闭 Chrome 浏览器 更新错误 弹窗
    1Chrome使用一段时间后,右上角总会弹出弹窗,并且影响鼠标聚焦,如下图: 2解决方式:右键点击桌面Chrome图表,然后点击属性,按照下图操作:在快捷方式——目标后输入:  --disable-background-networking  3最后重新启动,就OK了 ......
  • nginx控制浏览器缓存
    创建一个html文件vimcache.html<html><body><h1>Hello,Nginx~!~</h1></body></html>配置conf文件,这里配置在imooc.conf,可以自定义location/static{alias/home/imooc;}检查语......
  • vue 原生方法实现pc端调用摄像头全屏视频考试(实时截屏上传,并提示当前环节
    <template><div><el-row><el-col:span="10"style=""><div><el-cardstyle="margin:0;padding:0;overflow-y:auto"><divstyle="width:100......
  • google浏览器如何禁用缓存cache?
    1.打开开发者模式(F12)或右键检查 2.点击设置--点击禁用缓存 3.这样在每次打开检查这个窗口的时候,就不会加载缓存。方便调试。......