diff --git a/src/views/wpm_bx/QRCodeScanner.vue b/src/views/wpm_bx/QRCodeScanner.vue index a9d6df4b..1aed8b60 100644 --- a/src/views/wpm_bx/QRCodeScanner.vue +++ b/src/views/wpm_bx/QRCodeScanner.vue @@ -28,10 +28,10 @@ export default { methods: { // 启动摄像头并开始扫描 async startScanning() { - try { - alert("启动摄像头"); - // 请求用户的摄像头权限并获取视频流 - const stream = await navigator.mediaDevices.getUserMedia({ + if(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){ + alert("摄像头可用"); + // 请求用户的摄像头权限并获取视频流 + const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' }, // 使用后置摄像头 }); @@ -41,9 +41,25 @@ export default { setTimeout(() => { this.scanQRCode(); },1000) - } catch (error) { - console.error('无法访问摄像头:', error); + }else{ + alert("摄像头不可用:浏览器不支持getUserMedia"); } + // try { + // alert("启动摄像头"); + // // 请求用户的摄像头权限并获取视频流 + // const stream = await navigator.mediaDevices.getUserMedia({ + // video: { facingMode: 'environment' }, // 使用后置摄像头 + // }); + + // this.videoStream = stream; + // this.$refs.videoElement.srcObject = stream; + // alert("准备就绪"); + // setTimeout(() => { + // this.scanQRCode(); + // },1000) + // } catch (error) { + // console.error('无法访问摄像头:', error); + // } }, // 从视频流中提取每一帧图像并识别二维码