目录

获取本地音视频设备

目录

获取本地音视频设备

使用的是 navigator.mediaDevices.enumerateDevices() 方法

html:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>获取本地音视频设备</title>
    </head>
    <body>
        <h1>获取设备列表</h1>
        <table id="deviceList"></table>
    </body>
</html>

js:

<script>
    var deviceList = document.getElementById("deviceList");
    getLocalDevices();
    function getLocalDevices () {
        if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
            console.log("enumerateDevices() not supported.");
            return;
        }
        navigator.mediaDevices.enumerateDevices()
                .then(function(devices) {
                    console.log(devices)
                    var str =
                            "<tr>" +
                                "<td>deviceId</td>" +
                                "<td>groupId</td>" +
                                "<td>kind</td>" +
                                "<td>label</td>" +
                            "</tr>";
                    for(var i=0;i<devices.length;i++){
                        str +=
                                "<tr>"+
                                    "<td>"+devices[i].deviceId+"</td>"+
                                    "<td>"+devices[i].groupId+"</td>"+
                                    "<td>"+devices[i].kind+"</td>"+
                                    "<td>"+devices[i].label+"</td>"
                                "</tr>";
                        deviceList.innerHTML = str;
                    }
                })
                .catch(function(err) {
                    console.log(err.name + ": " + error.message);
                });
    }
</script>