获取本地音视频设备

最新推荐文章于 2024-05-09 20:51:28 发布

不爽的麻雀

最新推荐文章于 2024-05-09 20:51:28 发布

阅读量1.7k

点赞数

分类专栏：前端 js 音视频文章标签： WEB API 音视频

本文链接：https://blog.csdn.net/qq_41605091/article/details/81946410

版权

js 同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

前端

14 篇文章 0 订阅

订阅专栏

音视频

1 篇文章 0 订阅

订阅专栏

使用的是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>

不爽的麻雀

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
获取本地音视频设备

使用的是navigator.mediaDevices.enumerateDevices()方法 html:&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;获取本地音视频设备&
复制链接

扫一扫