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

你可能感兴趣的:(前端,vue.js)