zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:平板调用摄像头方法变动（先判断是否支持getUserMedia() API）

This commit is contained in:
shijing 2025-03-24 16:58:48 +08:00
parent 75e9b6c296
commit ddb3c4743c
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/wpm_bx/QRCodeScanner.vue
View File

@ -28,8 +28,8 @@ export default {
methods: { methods: {
// 启动摄像头并开始扫描 // 启动摄像头并开始扫描
async startScanning() { async startScanning() {
try { if(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){
alert("启动摄像头"); alert("摄像头可用");
// 请求用户的摄像头权限并获取视频流 // 请求用户的摄像头权限并获取视频流
const stream = await navigator.mediaDevices.getUserMedia({ const stream = await navigator.mediaDevices.getUserMedia({
video: { facingMode: 'environment' }, // 使用后置摄像头 video: { facingMode: 'environment' }, // 使用后置摄像头
@ -41,9 +41,25 @@ export default {
setTimeout(() => { setTimeout(() => {
this.scanQRCode(); this.scanQRCode();
},1000) },1000)
} catch (error) { }else{
console.error('无法访问摄像头:', error); 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);
// }
}, },
// 从视频流中提取每一帧图像并识别二维码 // 从视频流中提取每一帧图像并识别二维码