navigator.mediaDevices.getUserMedia权限被拒绝

Question

我正在尝试navigator.mediaDevices.getUserMedia从下拉列表中选择一个相机并使用它，下面是我的代码，它可以获取我的设备：

var video = document.getElementById('video');

    navigator.mediaDevices.enumerateDevices().then(function (devices) {
        for (var i = 0; i < devices.length; i++) {
            var device = devices[i];
            if (device.kind === 'videoinput') {
                var option = document.createElement('option');
                option.value = device.deviceId;
                option.text = device.label || 'camera ' + (i + 1);
                document.querySelector('select#videoSource').appendChild(option);
            }
        };
    });

以下是我使用相机的更换代码：

$("#videoSource").on("change", function () {

        var x = $(this).value;
        var constraints = { deviceId: { exact: x } };

        if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {

            navigator.mediaDevices.getUserMedia({ video: constraints }).then(function (stream) {
                video.srcObject = stream;
                video.play();
            });

        }

    });

当我选择使用相机的选项时，我会得到以下错误：

秘密(承诺) DOMException:拒绝许可

我做错了什么？

Answer 1

我已经在Stackblitz中测试了您的代码，它对我有效！

JQuery相机

为了触发select中的更改事件，我为选择添加了一个额外的选项。

也许你的问题是你拒绝了许可。