首页前端开发HTMLhtml代码获取摄像头名称

html代码获取摄像头名称

时间2023-11-13 04:47:02发布访客分类HTML浏览715
导读:HTML代码获取摄像头名称navigator.mediaDevices.getUserMedia({ video: true } .then(function(stream { var cameras = stream.getV...

HTML代码获取摄像头名称

navigator.mediaDevices.getUserMedia({
 video: true }
)  .then(function(stream) {
        var cameras = stream.getVideoTracks();
        var cameraNames = [];
        for (var i = 0;
     i  cameras.length;
 i++) {
          cameraNames.push(cameras[i].label);
    }
        console.log(cameraNames);
  }
    );
    

上述代码可以通过HTML的navigator.mediaDevices.getUserMedia()方法获取用户的视频流,从而获取摄像头设备信息。代码中,我们先获取视频轨道(track)并将其放入数组中,然后使用一个循环来遍历每个视频轨道,并将相应的摄像头名称存储在一个新数组中。最后,我们可以打印出所有摄像头的名称。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码获取摄像头名称
本文地址: https://pptw.com/jishu/536935.html
css怎么做图片大小 html代码获取网址

游客 回复需填写必要信息