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);
  });
相关推荐
fxshy2 分钟前
Vue 组件中 padding 生效了,但竖线还是贴到底边的问题
javascript·vue.js·ecmascript
Aotman_7 分钟前
JavaScript数组对象中指定字段转换
java·开发语言·前端·javascript·vue.js·前端框架·es6
森叶34 分钟前
一线法编程理念
javascript
罗超驿1 小时前
22.任务清单应用开发实战:从HTML结构到JavaScript交互的完整实现
javascript·html·交互
爱讲故事的1 小时前
操作系统第三讲:Context Switch —— 用户态如何安全地进入内核态?
前端·javascript·安全
风之舞_yjf1 小时前
Vue基础(33)_web Storage(web存储)
前端·javascript·vue.js
夜雪闻竹2 小时前
sql.js WASM 深度解析
javascript·sql·wasm
书中枫叶2 小时前
生活缴费充值系统
前端·javascript·经验分享·mongodb·node.js
一个博客3 小时前
pdf-viewer 实现预览pdf文件
开发语言·javascript·pdf
wuxia211811 小时前
微信小程序单击元素切换元素的显示和隐藏
javascript·微信小程序·setdata