장치 선택 메뉴에 액세스하는 방법?

Question

HTML5/JavaScript (그림에 표시된 메뉴)에서 장치 메뉴에 액세스 할 수 있는지 알고 싶습니다. 당신은 navigator.mediaDevices.enumerateDevices 찾고있는 https://webrtc.github.io/samples/src/content/devices/input-output/

Answer 1

:

Menu in Chrome

나는 이런 식으로 뭔가를 원하는 do't.

먼저 브라우저 관련 구현이 가능한 navigator.GetUserMedia을 사용하여 액세스 권한을 요청해야합니다.

그런 다음 성공 콜백에 enumerateDevices을 사용하고 거기에서 일부 목록 상자 (등)를 채울 수 있습니다.

다음은 웹킷 브라우저 (예 : 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 
} 
);