如何通过navigator.mediaDevices.enumerateDevices判断摄像头是否真实连接？

核心原因 #

部分摄像头厂商的配套软件（比如索尼Image Edge）会在系统中保留虚拟设备节点，哪怕物理设备已断开，系统仍会上报该设备存在。而浏览器的enumerateDevices、getUserMedia等API完全依赖系统提供的设备列表，不会主动校验设备的实际连接状态，因此会出现误判。其他品牌摄像头也可能因类似的系统缓存或虚拟设备机制出现相同问题。

可行的物理连接判断方法 #

1. 通过流捕获与帧检测验证设备可用性 #

虽然getUserMedia能成功创建流，但可以尝试捕获帧数据或监听轨道事件来判断设备是否真的在线：

async function isCameraPhysicallyConnected(deviceId) {
  try {
    const stream = await navigator.mediaDevices.getUserMedia({
      video: { deviceId: { exact: deviceId } }
    });
    const track = stream.getVideoTracks()[0];

    // 监听轨道结束事件，部分设备断开后会触发
    track.addEventListener('ended', () => {
      console.log('摄像头已物理断开');
      stream.getTracks().forEach(t => t.stop());
    });

    // 尝试绘制一帧图像，验证设备是否能输出画面
    const video = document.createElement('video');
    video.srcObject = stream;
    await video.play();

    const canvas = document.createElement('canvas');
    canvas.width = video.videoWidth;
    canvas.height = video.videoHeight;
    const ctx = canvas.getContext('2d');
    
    try {
      ctx.drawImage(video, 0, 0);
      stream.getTracks().forEach(t => t.stop());
      return true; // 能绘制帧，设备正常连接
    } catch (e) {
      stream.getTracks().forEach(t => t.stop());
      return false; // 绘制失败，设备已断开
    }
  } catch (e) {
    return false; // getUserMedia直接失败，设备不存在
  }
}

• 原理：如果摄像头物理断开，即使系统显示设备存在，尝试读取帧数据时会抛出错误，或者轨道会触发ended事件。

2. Mac系统级工具校验（仅限桌面场景） #

Web应用无法直接调用系统命令，但如果是Electron等桌面应用，可以通过system_profiler查询真实连接的摄像头：

system_profiler SPCameraDataType

该命令会列出系统中真正物理连接的摄像头设备，可将结果与浏览器枚举的设备列表对比，过滤掉无效设备。

规避无效设备被默认选择的措施 #

• 监听devicechange事件，每次设备变化时重新枚举设备，并通过上述校验方法过滤掉不可用的设备；
• 用户选择设备后立即执行连接校验，若失败则自动切换到系统默认摄像头；
• 针对索尼设备，关闭Image Edge的后台进程，部分版本的软件会持续占用虚拟设备节点导致误判。

内容的提问来源于stack exchange，提问作者Fahad