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);
  });
相关推荐
掘金者阿豪6 分钟前
终于!我的第二本书正式出版,吃透 Agentic AI 核心不踩坑
javascript·后端
三乐22813 分钟前
事件循环是什么东西,一篇文章带你了解
前端·javascript
dy17171 小时前
二维码打印
前端·javascript·vue.js
智商不够_熬夜来凑1 小时前
【Radio & Checkbox】
前端·javascript·vue.js
xiaofeichaichai1 小时前
Diff 算法
前端·javascript
wgc2k1 小时前
Nest.js 基础-8-Hello,NestJS
开发语言·javascript·ecmascript
Larcher1 小时前
从 0 到 1:用 Bun + axios 快速搭建 LLM API 客户端
前端·javascript
JSMSEMI112 小时前
JSM12N60C 600V N沟道增强型功率MOSFET
开发语言·javascript·ecmascript
换个昵称都难3 小时前
webrtc neteq Nack_tracker重发(ARQ 的nack技术) 介绍
webrtc
零陵上将军_xdr3 小时前
后端转全栈学习-Day6-JavaScript 基础-4
前端·javascript·学习