vue3 开启摄像头，并进行拍照

注意：由于调用摄像头需要使用权限，只能在本地运行，线上需用 https 域名才可以使用。

核心API

navigator.mediaDevices.getUserMedia

简单来说就是 向用户请求获得媒体输入的许可，返回一个MediaStream，我们可以使用MediaStream与video组件绑定输出摄像头拍摄的视频，也能记录麦克风的音频

代码实现

参考链接

Vue 使用 navigator.mediaDevices.getUserMedia 调用本地摄像头实现录像以及拍照功能
https://blog.csdn.net/XH_jing/article/details/117415496

https://jsrun.net/5j6Kp/edit

官方文档
https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia