要使用JavaScript获取计算机上连接的视频摄像头列表，可以使用navigator.mediaDevices.enumerateDevices()方法，这个方法返回一个Promise，解析为一个包含所有可用媒体设备信息的数组。

创新互联总部坐落于成都市区，致力网站建设服务有成都网站设计、成都网站制作、网络营销策划、网页设计、网站维护、公众号搭建、微信小程序、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设，为互联网品牌在互动行销领域创造价值而不懈努力！

以下是详细的步骤和代码示例：

1、检查浏览器是否支持navigator.mediaDevices对象，如果不支持，给出提示信息。

if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
  console.log("您的浏览器不支持访问摄像头和麦克风等媒体设备。");
} else {
  // 继续执行获取视频摄像头列表的操作
}

2、使用navigator.mediaDevices.enumerateDevices()方法获取所有可用的媒体设备。

navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    // 处理设备列表
  })
  .catch(error => {
    console.log("获取设备列表失败：", error);
  });

3、遍历设备列表，筛选出类型为videoinput的设备，这些设备通常是摄像头。

let videoDevices = [];
navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    devices.forEach(device => {
      if (device.kind === "videoinput") {
        videoDevices.push(device);
      }
    });
    // 输出视频摄像头列表
    console.table(videoDevices);
  })
  .catch(error => {
    console.log("获取设备列表失败：", error);
  });

4、将以上代码整合到一个HTML文件中，如下所示：

  
  
  


  
视频摄像头列表
  
  

这个HTML文件会显示一个表格，列出计算机上连接的所有视频摄像头及其标签。

当前标题：HTML如何使用JavaScript获取计算机上连接的视频摄像头列表
分享链接：http://chengdu.cdxwcx.cn/article/coiiceg.html