如何用JavaScript检测摄像头是否已激活？自定义函数始终返回false

你的检测函数之所以始终返回false，主要是踩了异步操作处理不当和变量作用域的坑，再加上用了已废弃的API，咱们一步步拆解问题并修复：

原函数的核心问题 #

1. 异步操作导致逻辑顺序错误：navigator.getUserMedia是异步方法，你在回调函数里定义的result，在外部的if(result)执行时还根本没被赋值——代码会先跑外部的alert("Not active")，再执行回调里的逻辑，自然永远返回false。
2. 已废弃的API：旧版navigator.getUserMedia已经被标准淘汰，应该使用navigator.mediaDevices.getUserMedia。
3. 变量作用域问题：回调内部的result是局部变量，外部完全访问不到，所以外部的if(result)判断的是一个未定义的变量，结果永远是false。

正确的解决方案 #

根据需求，分两种场景处理：

场景1：检测摄像头是否被任何进程/标签页占用（跨应用检测） #

这种情况只能通过尝试请求摄像头权限来判断——如果摄像头已经在使用，浏览器会直接抛出NotReadableError错误。我们可以用async/await来优雅处理异步逻辑：

async function isCamAlreadyActive() {
  // 先判断浏览器是否支持媒体设备API
  if (!navigator.mediaDevices?.getUserMedia) {
    alert("你的浏览器不支持摄像头访问");
    return false;
  }

  try {
    // 尝试请求摄像头权限
    const stream = await navigator.mediaDevices.getUserMedia({ video: true });
    // 如果请求成功，说明摄像头之前未被占用，我们拿到流后立即释放
    stream.getTracks().forEach(track => track.stop());
    alert("摄像头未激活");
    return false;
  } catch (err) {
    // 根据错误类型判断原因
    switch(err.name) {
      case "NotReadableError":
      case "OverconstrainedError":
        // 这两个错误表示摄像头已被其他应用/标签页占用
        alert("摄像头已激活");
        return true;
      case "NotAllowedError":
        alert("你拒绝了摄像头访问权限");
        return false;
      default:
        alert(`检测出错：${err.message}`);
        return false;
    }
  }
}

场景2：检测自己代码激活的摄像头是否处于活跃状态 #

如果是你自己的代码打开了摄像头，并且保存了对应的MediaStream对象，那可以直接检查流中视频轨道的状态，无需再次请求权限：

// 全局保存激活摄像头时的流对象
let activeCameraStream = null;

// 激活摄像头的代码（修正后的版本）
async function activateCamera() {
  const video = document.getElementById('video');
  if (navigator.mediaDevices?.getUserMedia) {
    try {
      activeCameraStream = await navigator.mediaDevices.getUserMedia({ video: true });
      video.srcObject = activeCameraStream;
      video.play();
    } catch (err) {
      console.error("激活摄像头失败：", err);
    }
  }
}

// 检测自己的摄像头是否活跃
function isOwnCamActive() {
  if (!activeCameraStream) return false;
  // 检查是否有任何视频轨道处于启用且活跃状态
  return activeCameraStream.getVideoTracks().some(track => track.enabled && track.readyState === 'live');
}

总结 #

• 跨应用/标签页检测摄像头是否被占用，只能通过尝试请求并捕获错误的方式实现
• 自己代码管理的摄像头，直接通过保存的MediaStream对象检查轨道状态即可
• 处理异步API时，一定要用async/await或Promise回调，避免同步逻辑提前执行导致的变量未赋值问题

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