html5调用手机本地摄像头和相册识别二维码详细实现过程

### 回答1：
实现html5调用手机本地摄像头和相册识别二维码需要以下步骤：

1. 首先需要在网页中引入js库，例如jquery以及二维码库qrcode.js。

2. 在html页面中设置一个视频标签，用于显示摄像头捕获到的实时画面。

3. 使用getUserMedia方法调用手机本地摄像头。对于不同浏览器需要考虑一些兼容性问题。

4. 将捕获到的视频流绑定到视频标签中进行实时显示。

5. 在js文件中使用qrcode库对摄像头捕捉到的画面进行解析，识别其中的二维码。使用参数配置来控制解析二维码的方式。

6. 添加一个input标签，用于调用手机本地相册，因为调用相册需要用户操作。

7. 给input标签添加change事件，获取用户选择的图片，并将其绑定到img标签中。

8. 同样使用qrcode库对选择的图片进行解析，识别其中的二维码。

需要注意的是，因为html5调用手机摄像头和相册在不同的浏览器上存在一些差异，因此需要根据具体浏览器的特点进行相应的调整。并且，在实际应用中还需要考虑到用户体验和数据安全等问题。

### 回答2：
HTML5调用手机本地摄像头和相册识别二维码需要借助WebRTC技术和JavaScript编程语言实现，具体实现过程如下：

1. 检测用户设备是否支持WebRTC技术。如果支持，则可以继续进行下一步操作。如果不支持，则无法调用摄像头和相册。

2. 使用JavaScript编程语言创建一个视频元素来显示摄像头实时画面，代码如下：

<video id="video" autoplay></video>

3. 获取用户授权，允许使用摄像头和相册。代码如下：

navigator.mediaDevices.getUserMedia({ video: true, audio: false })
  .then(function(stream) {
    var video = document.querySelector('video');
    video.srcObject = stream;
    video.onloadedmetadata = function(e) {
      video.play();
    };
  })
  .catch(function(err) {
    console.log(err.name + ": " + err.message);
  });

4. 启动二维码识别器库QuaggaJS，开始识别摄像头中的二维码。代码如下：

Quagga.init({
  inputStream : {
    name : "Live",
    type : "LiveStream"
  },
  decoder : {
    readers : ["code_128_reader"]
  }
}, function(err) {
  if (err) {
    console.log(err);
    return;
  }
  console.log("QuaggaJS is ready to start scanning.");
  Quagga.start();
});

Quagga.onDetected(function(result) {
  console.log("Barcode detected and processed : [" + result.codeResult.code + "]", result);
});

5. 如果想识别相册中的二维码，则需为文件选择器添加一个“change”事件监听器，选择文件后即可发起识别。代码如下：

var inputElement = document.querySelector('input[type=file]');
inputElement.addEventListener('change', function(e) {
  var file = e.target.files[0];
  Quagga.decodeSingle({
    decoder: {
      readers: ["code_128_reader"]
    },
    src: URL.createObjectURL(file)
  }, function(result) {
    console.log("Barcode detected and processed : [" + result.codeResult.code + "]", result);
  });
}, false);

通过以上步骤，我们就可以使用HTML5调用手机本地摄像头和相册识别二维码了。