Web应用中如何识别内置与虚拟摄像头并自动选择内置摄像头

针对你需要自动选择笔记本内置摄像头、禁止虚拟摄像头的需求，以下是几种可行的检测区分方法：

1. 通过设备名称关键词过滤 #

大多数虚拟摄像头会在设备名称中包含特征关键词，比如Virtual、OBS、ManyCam、Fake等；而内置摄像头通常带有Built-in、Integrated、HD Camera、FaceTime这类标识。可以通过名称匹配快速筛选：

// 定义虚拟摄像头特征关键词集合
const virtualCameraKeywords = ['virtual', 'obs', 'manycam', 'fake', 'stream', 'camlink'];

// 判断是否为虚拟摄像头
function isVirtualCamera(device) {
  // 忽略大小写匹配
  const deviceName = device.label.toLowerCase();
  return virtualCameraKeywords.some(keyword => deviceName.includes(keyword));
}

// 筛选出非虚拟摄像头
const realVideoDevices = videoDevices.filter(device => !isVirtualCamera(device));
// 优先选择第一个真实设备（通常为笔记本内置摄像头）
const defaultBuiltInCamera = realVideoDevices[0];

局限性：部分自定义名称的虚拟摄像头可能避开关键词，需搭配其他方法验证。

2. 通过捕获视频流验证有效性 #

虚拟摄像头常存在无法捕获实时画面、输出静态帧（全黑/全白）或不支持标准分辨率的情况，可通过尝试捕获流来验证：

async function validateRealCamera(deviceId) {
  try {
    // 请求指定设备的视频流
    const stream = await navigator.mediaDevices.getUserMedia({
      video: { deviceId: { exact: deviceId } }
    });
    const videoTrack = stream.getVideoTracks()[0];
    const capabilities = videoTrack.getCapabilities();

    // 检查是否支持基础分辨率（虚拟摄像头可能无有效参数）
    if (!capabilities.width?.max || !capabilities.height?.max) {
      stream.getTracks().forEach(track => track.stop());
      return false;
    }

    // 加载视频并捕获一帧画面
    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');
    ctx.drawImage(video, 0, 0);
    const pixelData = ctx.getImageData(0, 0, 1, 1).data;

    // 判断是否为静态帧（全同色像素大概率是虚拟摄像头默认画面）
    const isStaticFrame = pixelData[0] === pixelData[1] && pixelData[1] === pixelData[2];

    // 释放资源
    stream.getTracks().forEach(track => track.stop());
    return !isStaticFrame;
  } catch (error) {
    // 无法捕获流的设备（权限问题除外）大概率为虚拟摄像头
    return false;
  }
}

// 批量验证所有视频设备
const realDevices = [];
for (const device of videoDevices) {
  const isReal = await validateRealCamera(device.deviceId);
  if (isReal) realDevices.push(device);
}
const targetCamera = realDevices[0];

注意事项：该方法需要用户授权摄像头权限，且存在一定性能开销，建议在名称过滤后对存疑设备进行二次验证。

3. 结合系统特定标识辅助判断 #

不同系统的内置摄像头有固定命名规律：

• Mac设备通常为FaceTime HD Camera
• Windows设备多包含Integrated Camera或品牌前缀（如HP HD Camera）
• Linux设备可能带有uvcvideo标识

可针对目标系统补充规则，但兼容性较差，仅作为辅助手段。

内容的提问来源于stack exchange，提问作者Muhammad Ali Mujtaba