首先要推荐两篇不错的文章谷歌浏览器MediaDevices.enumerateDevices() 获取媒体设备不全或者没有labei属性的问题_南极亚拉的博客-CSDN博客vue PC端调用多个摄像头笔记_大华摄像头vue_开心就好1314520的博客-CSDN博客
在做这个需求的时候先是看到第二篇文章,是获取多个设备的ID 然后进行绑定到多个video标签上,使用视频截取照片实现,之前的人脸识别就是这么截取的照片。在操作的过程中老是获取不到deviceId为空,才找到第一篇文章原来是没有开启浏览器摄像头权限导致的,所以在第一篇文章的success方法中调用第二篇文章获取设备数量以及获取摄像头ID成功打开设备实现了拍照。在这里还要推荐一篇文章chrome和edge浏览器无法调用摄像头原因及解决办法 - 小小菜鸟04 - 博客园 (cnblogs.com)
这个是本地开发添加信任网站的设置,不过感觉好像设置之后并没有跳出触发使用摄像头的权限窗口。