双十一多码识别购买

// 使用JavaScript和HTML5的getUserMedia API进行二维码扫描
navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" } })
  .then(stream => {
    let video = document.createElement('video');
    video.srcObject = stream;
    video.play();
    let canvas = document.createElement('canvas');
    let context = canvas.getContext('2d');
    video.addEventListener('loadeddata', () => {
      canvas.width = video.videoWidth;
      canvas.height = video.videoHeight;
    });
    video.addEventListener('play', () => {
      function step() {
        context.drawImage(video, 0, 0, canvas.width, canvas.height);
        let imageData = context.getImageData(0, 0, canvas.width, canvas.height);
        let code = jsQR(imageData.data, imageData.width, imageData.height);
        if (code) {
          console.log("识别到的二维码内容:", code.data);
          // 这里可以添加进一步的处理逻辑，如支付、应用优惠券等
        }
        requestAnimationFrame(step);
      }
      requestAnimationFrame(step);
    });
  })
  .catch(err => {
    console.error("无法访问摄像头:", err);
  });