Webcam.js在IE环境下无法识别USB摄像头，寻求解决方案

嘿，针对你在IE里用USB摄像头实现快照的需求，我整理了几个可行的方案——毕竟IE确实不支持WebRTC的getUserMedia，只能靠ActiveX这条路走，结合你已经在使用ActiveX的环境，这些方案应该能适配：

1. 基于DirectShow的自定义/现成ActiveX控件 #

这是IE下访问摄像头最直接的方式，因为Windows的摄像头底层依赖DirectShow，对应的ActiveX控件可以直接调用系统的摄像头设备：

• 首先你需要一个支持摄像头捕获和快照的ActiveX控件，要么自己基于DirectShow开发，要么用成熟的第三方控件（比如专门的Web摄像头ActiveX工具）。
• 关键是要让控件识别并指定USB摄像头：大部分这类控件会提供设备枚举方法，你可以遍历所有摄像头设备，通过名称过滤（通常USB摄像头的名称会包含"USB"关键词），或者让用户手动选择。
• 简单的HTML/JS示例：

  <!-- 嵌入ActiveX控件，替换clsid为你使用的控件类ID -->
  <object id="usbCamera" classid="clsid:XXXX-XXXX-XXXX-XXXX" width="640" height="480">
    <param name="AutoStart" value="true">
  </object>
  
  <button onclick="captureSnapshot()">拍摄快照</button>
  
  <script>
    // 页面加载时枚举并选择USB摄像头
    window.onload = function() {
      var cameraObj = document.getElementById('usbCamera');
      var devices = cameraObj.EnumVideoDevices(); // 控件提供的枚举方法
      // 遍历设备，选择USB摄像头
      for(var i = 0; i < devices.length; i++) {
        if(devices[i].DeviceName.includes('USB')) {
          cameraObj.SelectVideoDevice(devices[i].DeviceID);
          break;
        }
      }
    };
  
    function captureSnapshot() {
      var cameraObj = document.getElementById('usbCamera');
      // 调用控件的快照方法，通常会返回图片数据或保存到指定路径
      var snapshotData = cameraObj.TakeSnapshot();
      // 后续可以将snapshotData显示在页面或上传
    }
  </script>
  

• 注意：控件必须注册到用户的系统中（通常通过安装包实现），且IE要允许ActiveX运行——需要用户把站点添加到信任站点，并在Internet选项的安全设置里启用对应ActiveX权限（这一步要提前告知用户，因为默认IE会阻止未签名的控件）。

2. 利用Silverlight（兼容旧环境） #

如果你的环境还能运行Silverlight（虽然微软已经停止支持，但很多企业旧系统还在使用），这也是一个可行的选项：

• Silverlight的CaptureDeviceConfiguration类可以枚举系统中的摄像头，你可以指定选择USB设备，然后通过VideoCaptureDevice捕获帧，转换成图片实现快照。
• 优势是不需要额外开发ActiveX，Silverlight本身就提供了摄像头访问的API，且在IE里的兼容性不错。

关键注意事项 #

• 确保USB摄像头的驱动已经正确安装，系统能识别到设备，这样ActiveX/Silverlight才能调用到。
• 要匹配IE的位数：如果是32位IE，必须使用32位的ActiveX控件；64位IE则对应64位控件，否则会加载失败。
• 安全提示：启用ActiveX会带来一定的安全风险，建议只在内部可信环境中使用，并且控件最好带有数字签名，避免被IE拦截。

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