html5QrCode 参数详解

html5QrCode 是一个基于 HTML5 技术实现的 JavaScript 二维码扫描库，它提供了丰富的参数选项来定制扫描器的行为。以下是 html5QrCode 的主要参数及其含义：

1. `fps`：扫描器的帧率（即每秒钟处理的图像数），默认为 10 帧/秒。

2. `qrbox`：扫描框的大小，以像素为单位，默认为 250 像素。

3. `aspectRatio`：扫描框的宽高比，默认为 1：1。

4. `dimming`：扫描框外的区域是否变暗，默认为 true。

5. `videoConstraints`：摄像头的配置参数，包括分辨率、帧率等。

6. `scanInterval`：扫描器的扫描间隔时间，以毫秒为单位，默认为 500 毫秒。

7. `qrboxBorder`：扫描框的边框大小，以像素为单位，默认为 1 像素。

8. `qrCodeSuccessCallback`：二维码扫描成功后的回调函数。

9. `qrCodeErrorCallback`：二维码扫描失败后的回调函数。

10. `canvasWidth`：绘制画布的宽度，以像素为单位，默认为 300 像素。

11. `canvasHeight`：绘制画布的高度，以像素为单位，默认为 300 像素。

12. `beepOnScan`：是否在扫描成功时播放蜂鸣声，默认为 true。

13. `brightness`：摄像头的亮度设置，取值范围为 0 到 255。

14. `contrast`：摄像头的对比度设置，取值范围为 0 到 255。

15. `debug`：是否开启调试模式，如果开启，则会在控制台输出调试信息。

这些参数可以通过 html5QrCode 的构造函数进行设置，例如：

const qrCode = new Html5Qrcode("reader", {
  fps: 10,
  qrbox: 250,
  aspectRatio: 1,
  dimming: true,
  qrboxBorder: 1,
  qrCodeSuccessCallback: (qrCodeMessage) => {
    console.log(qrCodeMessage);
  },
  qrCodeErrorCallback: (errorMessage) => {
    console.log(errorMessage);
  },
  canvasWidth: 300,
  canvasHeight: 300,
  beepOnScan: true,
  brightness: 128,
  contrast: 128,
  debug: false
});