如何訪問設備選擇菜單？

Question

我想知道我是否可以從HTML5/JavaScript（我在圖片上顯示的菜單）訪問設備的菜單。

Menu in Chrome

我do't想是這樣的：https://webrtc.github.io/samples/src/content/devices/input-output/

Answer 1

您正在尋找navigator.mediaDevices.enumerateDevices。

首先，您需要使用navigator.GetUserMedia請求訪問權限，該權限仍可能具有特定於瀏覽器的實現。

然後，你可以在成功回調中使用enumerateDevices，並從那裏填充一些列表框（等）。

下面是一些適用於webkit瀏覽器（例如Chrome）的東西。您應該使用modernizr，或者檢查每個瀏覽器特定的實現GetUserMedia。

navigator.webkitGetUserMedia(
{ audio: true, video: true }, 
function(MediaStream){ 
    // success 
    navigator.mediaDevices.enumerateDevices() 
     .then(function(devices){ 
      devices.forEach(function(device){ 
       console.log(device); 
      }); 
     }); 
}, 
function(){ 
    // error 
} 
);