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

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

通用玩法获取采集设备id
// 请求访问用户媒体设备
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);
  });

相关推荐

  1. WebRTC获取当前采集设备deviceId

    2024-04-30 07:54:02       12 阅读
  2. JNI获取当前时间戳

    2024-04-30 07:54:02       32 阅读
  3. webrtc 设置获取鼠标 启用回声消除

    2024-04-30 07:54:02       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-30 07:54:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-30 07:54:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-30 07:54:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-30 07:54:02       20 阅读

热门阅读

  1. 【ARM Cache 系列文章 12 – Cache Tag与 物理地址】

    2024-04-30 07:54:02       9 阅读
  2. js ajax初次跨域请求

    2024-04-30 07:54:02       14 阅读
  3. Doris 日志分析案例

    2024-04-30 07:54:02       10 阅读
  4. iOS获取通讯录的方法

    2024-04-30 07:54:02       12 阅读
  5. CSS进阶

    CSS进阶

    2024-04-30 07:54:02      14 阅读
  6. GaussianTalker 学习笔记

    2024-04-30 07:54:02       14 阅读
  7. docker学习笔记1:什么是docker

    2024-04-30 07:54:02       11 阅读
  8. Android 学习 鸿蒙HarmonyOS 4.0 第六章(TS中的函数)

    2024-04-30 07:54:02       14 阅读
  9. 如何实现瀑布流排列方式

    2024-04-30 07:54:02       19 阅读
  10. 零知识证明与同态加密:隐私计算的双剑

    2024-04-30 07:54:02       14 阅读