diff --git a/README.md b/README.md index b24f040..ca7b158 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ if (window.IScan) { ```js IScan.config({ - webCanvasEnabled: true, + webScanCanvasEnabled: true, webScanBeepEnabled: true, initWechatJssdk: { apiUrl: "https://your-domain.com/wechat/jssdk-config" @@ -80,7 +80,7 @@ IScan.stopScan(); interface ScanConfigOptions { bridgeEnabled?: boolean; bridgeName?: string; - webCanvasEnabled?: boolean; + webScanCanvasEnabled?: boolean; webScanCanvasStyle?: string; webScanType?: ("qrCode" | "barCode")[]; webScanVideoMirror?: boolean; @@ -107,13 +107,14 @@ interface ScanConfigOptions { | `scanRestartDelay` | 扫码重启延迟，单位：毫秒 | `500ms` | | `bridgeEnabled` | 是否启用桥接扫码 | `true` | | `bridgeName` | 挂载在 `window` 上的桥接对象名称 | `__bridge_client__` | -| `webCanvasEnabled` | 是否显示 Web 扫码 canvas；关闭后仍会用隐藏 canvas 识别 | `true` | -| `webScanCanvasStyle` | Web 扫码 canvas 样式 | `position: fixed; width: 300px; height: 300px; top: 0; left: 0; z-index: 9999;` | -| `webScanType` | Web 扫码类型 | `["qrCode", "barCode"]` | -| `webScanVideoMirror` | Web 视频是否水平镜像；不配置时自动判断：前置/PC 镜像，后置不镜像 | 自动 | -| `webScanVideoMirrorVertical` | Web 视频是否垂直镜像 | `false` | -| `webScanBeepAudio` | Web 扫码成功提示音地址 | 内置提示音 | -| `webScanBeepEnabled` | Web 扫码成功是否播放提示音 | `true` | +| `webScanEnabled` | 是否支持 WebScan 扫码 | `true` | +| `webScanCanvasEnabled` | 是否显示 WebScan 扫码 canvas；关闭后仍会用隐藏 canvas 识别 | `true` | +| `webScanCanvasStyle` | WebScan 扫码 canvas 样式 | `position: fixed; width: 300px; height: 300px; top: 0; left: 0; z-index: 9999;` | +| `webScanType` | WebScan 扫码类型 | `["qrCode", "barCode"]` | +| `webScanVideoMirror` | WebScan 视频是否水平镜像；不配置时自动判断：前置/PC 镜像，后置不镜像 | 自动 | +| `webScanVideoMirrorVertical` | WebScan 视频是否垂直镜像 | `false` | +| `webScanBeepAudio` | WebScan 扫码成功提示音地址 | 内置提示音 | +| `webScanBeepEnabled` | WebScan 扫码成功是否播放提示音 | `true` | | `initWechatJssdk` | 微信 JSSDK 初始化配置，仅微信环境生效 | 无 | `initWechatJssdk` 子配置： @@ -210,7 +211,7 @@ IScan.config({ ```js IScan.config({ - webCanvasEnabled: true + webScanCanvasEnabled: true }); ``` diff --git a/demo.html b/demo.html index b8a3d7e..fff9e07 100644 --- a/demo.html +++ b/demo.html @@ -227,7 +227,8 @@

接入方式

IScan.config({
-  webCanvasEnabled: true,
+  webScanEnabled: true,
+  webScanCanvasEnabled: true,
   webScanBeepEnabled: true,
   initWechatJssdk: {
     apiUrl: "https://your-domain.com/wechat/jssdk-config"
@@ -245,6 +246,7 @@
 
 IScan.startScan();
 IScan.scanImage();
+IScan.scanVideo();
 IScan.stopScan();
@@ -316,7 +318,7 @@ IScan.stopScan(); setStatus("initializing"); var url = "https://vet.iqudoo.com/api?action=api.biz.wechat.JSSDKConfig"; initSDK({ - webCanvasEnabled: true, + webScanCanvasEnabled: true, webScanBeepEnabled: true, initWechatJssdk: { apiUrl: url } }, function () { diff --git a/dist/index.d.ts b/dist/index.d.ts index 2a96da4..c9f6cc4 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -33,10 +33,14 @@ interface ScanConfigOptions { * 2. 结束扫码的方法名称为：stopScan */ bridgeName?: string, + /** + * webScan是否启用，默认启用 + */ + webScanEnabled?: boolean, /** * 网页扫码canvas是否启用，默认启用 */ - webCanvasEnabled?: boolean, + webScanCanvasEnabled?: boolean, /** * 网页扫码canvas样式，默认：position: fixed; width: 300px; height: 300px; top: 0; left: 0; z-index: 9999; */ diff --git a/dist/index.html b/dist/index.html index 2a6389d..4dc313d 100644 --- a/dist/index.html +++ b/dist/index.html @@ -162,7 +162,8 @@ section { margin-bottom: 16px; }

IScan 通用扫码 SDK

统一接入桥接扫码、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。

功能说明

  • 支持桥接扫码、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。
  • 浏览器环境使用 ZXing的wasm库识别二维码和条形码。
  • 扫码结果又监听规则统一回调。

当前状态

SDK 状态：loading

运行环境：

操作
点击开始后，会按桥接、微信、Web 摄像头、图片识别的顺序选择可用扫码方式。
   
扫码结果
错误信息
错误信息可能来源于扫码结果、扫码过程、扫码初始化等。
接入方式
IScan.config({
-  webCanvasEnabled: true,
+  webScanEnabled: true,
+  webScanCanvasEnabled: true,
   webScanBeepEnabled: true,
   initWechatJssdk: {
     apiUrl: "https://your-domain.com/wechat/jssdk-config"
@@ -180,6 +181,7 @@
 
 IScan.startScan();
 IScan.scanImage();
+IScan.scanVideo();
 IScan.stopScan();