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);
  });
相关推荐
牧濑红莉11 小时前
网络安全竞赛pwn全解及第一道ai的wp
javascript·.net
kyriewen11 小时前
别再用AI debug了——这5种bug越修越烂
前端·javascript·ai编程
顾昂_13 小时前
内存泄漏排查和 Chrome DevTools 使用教程
前端·javascript·面试
An_s14 小时前
rust开发wasm与浏览器(js)交互
javascript·rust·wasm
山河木马14 小时前
GPU自动处理专题4-填充覆盖区域(光栅化)
javascript·webgl·计算机图形学
悦儿遥遥雨114 小时前
PXE + Kickstart 无人值守批量部署系统
linux·javascript·nginx
清秋15 小时前
全网最全 ECMAScript 攻略( 更新至 ES2026)
前端·javascript·编程语言
Hilaku15 小时前
为什么 AI 写前端时,总是优先选择 React,而不是 Vue?
前端·javascript·程序员
不简说18 小时前
拖拽DIY表格插件来了!sv-print 七月更新:这次真的能自己拼表格了
前端·javascript·前端框架
weixin_4713830318 小时前
Next.js - 04 - 深入理解next.js渲染原理
前端·javascript·next.js