javascript - 如何使用 JavaScript 获取计算机中连接的摄像机列表？

Question

我想显示连接到用户计算机的摄像机列表，当他们选择一个时，以 HTML5 <video> 格式显示来自该摄像机的流视频。标签。

如何获取连接到用户计算机的摄像机列表？

Answer 1

仅适用于 chrome 和 edge

<script>
     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);
                }
            };
        });
</script>
 <select id="videoSource"></select>