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

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

以下是詳細(xì)的步驟和代碼示例：

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

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

2、使用navigator.mediaDevices.enumerateDevices()方法獲取所有可用的媒體設(shè)備。

navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    // 處理設(shè)備列表
  })
  .catch(error => {
    console.log("獲取設(shè)備列表失?。?, error);
  });

3、遍歷設(shè)備列表，篩選出類型為videoinput的設(shè)備，這些設(shè)備通常是攝像頭。

let videoDevices = [];
navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    devices.forEach(device => {
      if (device.kind === "videoinput") {
        videoDevices.push(device);
      }
    });
    // 輸出視頻攝像頭列表
    console.table(videoDevices);
  })
  .catch(error => {
    console.log("獲取設(shè)備列表失敗：", error);
  });

4、將以上代碼整合到一個(gè)HTML文件中，如下所示：

  
  
  


  
視頻攝像頭列表
  
  

這個(gè)HTML文件會(huì)顯示一個(gè)表格，列出計(jì)算機(jī)上連接的所有視頻攝像頭及其標(biāo)簽。

本文標(biāo)題：HTML如何使用JavaScript獲取計(jì)算機(jī)上連接的視頻攝像頭列表
網(wǎng)頁URL：http://uogjgqi.cn/article/coiiceg.html