navigator.mediaDevices仅在AngularJs Contraller中未定义。

问题描述 投票:0回答:1

我试图在一个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()之间是否存在兼容性问题?

angularjs getusermedia
1个回答
1
投票

这个问题与使用http协议而不是https有关,浏览器只对https或连接到localhost的连接启用getUserMedia。

希望这个答案能帮到大家。

© www.soinside.com 2019 - 2024. All rights reserved.