我试图在一个AngularJs控制器内访问javasctipt mediaDevices,这是我的控制器代码。
(function () {
'use strict';
angular.module('app')
.controller('AssistenzaCtrl', ['$scope', 'largeTabController', 'readSelect', '$mdDialog', '$interval', '$http', '$window', AssistenzaCtrl])
function AssistenzaCtrl($scope, largeTabController, readSelect, $mdDialog, $interval, $http, $window ) {
$scope.init = function () {
if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
console.log("enumerateDevices() not supported.");
}
navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
devices.forEach(function(device) {
console.log(device.kind + ": " + device.label +
" id = " + device.deviceId);
});
})
.catch(function(err) {
console.log(err.name + ": " + err.message);
});
}
}
})();
如果我用F12工具测试我的控制器navigator.mediaDevices是未定义的,但我的浏览器支持mediaDevices,因为如果我在一个独立的页面中运行相同的代码,而不使用AngularJs,我可以成功地列举我的设备。
AngularJs和getUserMedia()之间是否存在兼容性问题?
这个问题与使用http协议而不是https有关,浏览器只对https或连接到localhost的连接启用getUserMedia。
希望这个答案能帮到大家。