谷歌浏览器MediaDevices.enumerateDevices() 获取媒体设备不全或者没有labei属性的问题

参考：https://www.cnblogs.com/rajan/p/12435915.html

有问题的代码

问题现象

获取不到摄像头，在deviceInfos信息里没有摄像头。

问题原因

浏览器出于安全考虑，只对信任的域名开放核心功能的调用。要解决这个问题，先要看看浏览器是否信任该域名。打开浏览器的”设置“的页面并搜索”摄像头“的选项

没有在允许访问摄像头的范围之内，因此权限不足，label属性不可见。当然，此处也不能手动添加信任网址，怎么办？

解决方法

解决的办法就是让程序来“调用”摄像头，引导浏览器弹出询问框，我们再做允许的操作。

修改后的代码：