【pc端】获取前、后置摄像头名称及id，并实现切换

不能懒鸭

已于 2022-02-14 11:05:57 修改

阅读量1.6k

点赞数 2

分类专栏：工作总结文章标签： javascript 前端

于 2021-12-22 15:56:23 首次发布

本文链接：https://blog.csdn.net/m0_45382009/article/details/122087965

版权

本文介绍了如何使用JavaScript在PC端获取前、后置摄像头的名称和ID，并将其展示为下拉选项，同时监听选择变化以实现摄像头的切换功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<!--摄像头下拉框-->
<select id="camera-all"></select>
<!--视频框-->
<video id="localVideo" playsinline autoplay muted></video>

1. 获取前、后置摄像头并以下拉框的形式展示

 	var cameraAllDom = document.getElementById('camera-all')
    var cameraList=[];
    navigator.mediaDevices.enumerateDevices().then((devices) => {
   
        if(devices){
   
            devices.forEach((device

最低0.47元/天解锁文章