WebRTC中获取当前采集设备的deviceId

在做webRTC项目离不开切换摄像头,但是怎么拿到当前采集的设备id就成了问题,查阅资料后发现官方其实有提供相关方法,简单记录下;

通用玩法获取采集设备id
javascript 复制代码
// 请求访问用户媒体设备
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then((stream) => {
    // 获取视频轨道
    let videoTrack = stream.getVideoTracks()[0];
    if (videoTrack) {
      console.log('视频设备ID:', videoTrack.getSettings().deviceId);

      // 获取音频轨道
      let audioTrack = stream.getAudioTracks()[0];
      if (audioTrack) {
        console.log('麦克风设备ID:', audioTrack.getSettings().deviceId);
      }
    } else {
      console.log('未找到可用的视频设备');
    }
  })
  .catch((error) => {
    console.error('获取媒体流失败', error);
  });
相关推荐
JS_GGbond2 分钟前
用美食来理解JavaScript面向对象编程
开发语言·javascript·美食
苏打水com13 分钟前
第十六篇:Day46-48 前端安全进阶——从“漏洞防范”到“安全体系”(对标职场“攻防实战”需求)
前端·javascript·css·vue.js·html
kkk_皮蛋39 分钟前
信令是什么?为什么 WebRTC 需要信令?
后端·asp.net·webrtc
猿究院_xyz2 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
刺客xs2 小时前
Qt-----QSS样式表
开发语言·javascript·qt
m0_740043732 小时前
3、Vuex-Axios-Element UI
前端·javascript·vue.js
阿蒙Amon2 小时前
JavaScript学习笔记:14.类型数组
javascript·笔记·学习
JS_GGbond2 小时前
给数组装上超能力:JavaScript数组方法趣味指南
前端·javascript
OLong2 小时前
this有且仅有的五种指法
javascript
是你的小橘呀2 小时前
新手入门 React 必备:电影榜单项目核心知识点全解析
前端·javascript