如何访问设备选择菜单?

时间:2016-08-12 09:59:44

标签: javascript html5 webcam mediarecorder

我想知道我是否可以从HTML5 / JavaScript(我在图片上显示的菜单)访问设备菜单。

Menu in Chrome

我不想要这样的东西:https://webrtc.github.io/samples/src/content/devices/input-output/

1 个答案:

答案 0 :(得分:0)

您正在寻找navigator.mediaDevices.enumerateDevices

首先,您需要使用navigator.GetUserMedia请求访问权限,enumerateDevices可能仍然具有特定于浏览器的实现。

然后,您可以在成功回调中使用GetUserMedia,并从那里填充一些列表框(等)。

这适用于webkit浏览器(例如Chrome)。您应该使用modernizr,或检查每个特定于浏览器的navigator.webkitGetUserMedia( { audio: true, video: true }, function(MediaStream){ // success navigator.mediaDevices.enumerateDevices() .then(function(devices){ devices.forEach(function(device){ console.log(device); }); }); }, function(){ // error } ); 实现。

var customer = [];