要使用JavaScript獲取計算機上連接的視頻攝像頭列表，可以使用navigator.mediaDevices.enumerateDevices()方法，這個方法返回一個Promise，解析為一個包含所有可用媒體設備信息的數(shù)組。

創(chuàng)新互聯(lián)總部坐落于成都市區(qū)，致力網站建設服務有成都網站設計、成都網站制作、網絡營銷策劃、網頁設計、網站維護、公眾號搭建、微信小程序、軟件開發(fā)等為企業(yè)提供一整套的信息化建設解決方案。創(chuàng)造真正意義上的網站建設，為互聯(lián)網品牌在互動行銷領域創(chuàng)造價值而不懈努力！

以下是詳細的步驟和代碼示例：

1、檢查瀏覽器是否支持navigator.mediaDevices對象，如果不支持，給出提示信息。

if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
  console.log("您的瀏覽器不支持訪問攝像頭和麥克風等媒體設備。");
} else {
  // 繼續(xù)執(zhí)行獲取視頻攝像頭列表的操作
}

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獲取計算機上連接的視頻攝像頭列表
URL分享：http://m.5511xx.com/article/coiiceg.html