Advertisement

PC端获取摄像头名称和ID,并实现摄像头切换

阅读量:
在这里插入图片描述
复制代码
    <!--摄像头下拉框-->
    <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,index)=>{
                //kind为videoinput的为摄像头设备,一般有两个,前置和后置

全部评论 (0)

还没有任何评论哟~