SDK开发完成
This commit is contained in:
37
demo.html
37
demo.html
@@ -180,7 +180,7 @@
|
||||
<body>
|
||||
<main class="page">
|
||||
<section class="hero">
|
||||
<h1>IScan 扫码 SDK Demo</h1>
|
||||
<h1>IScan 通用扫码 SDK</h1>
|
||||
<p>统一接入桥接扫码、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。</p>
|
||||
</section>
|
||||
|
||||
@@ -188,11 +188,9 @@
|
||||
<div class="card">
|
||||
<h2>功能说明</h2>
|
||||
<ul class="feature-list">
|
||||
<li>桥接环境优先调用 App 原生扫码。</li>
|
||||
<li>微信环境支持初始化 JSSDK 并调用 scanQRCode。</li>
|
||||
<li>浏览器环境使用 BarcodeDetector 识别二维码和条形码。</li>
|
||||
<li>摄像头不可用时可选择图片识别。</li>
|
||||
<li>支持扫码枪快速输入,并与扫码监听规则统一回调。</li>
|
||||
<li>支持桥接扫码、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。</li>
|
||||
<li>浏览器环境使用 ZXing的wasm库识别二维码和条形码。</li>
|
||||
<li>扫码结果又监听规则统一回调。</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -209,20 +207,21 @@
|
||||
<p>点击开始后,会按桥接、微信、Web 摄像头、图片识别的顺序选择可用扫码方式。</p>
|
||||
<div class="actions">
|
||||
<button onclick="startScan()" class="btn">开始扫码</button>
|
||||
<button onclick="scanVideo()" class="btn secondary">开启视频扫码</button>
|
||||
<button onclick="scanImage()" class="btn secondary">选择图片识别</button>
|
||||
<button onclick="stopScan()" class="btn secondary">停止扫码</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="grid">
|
||||
<div class="card">
|
||||
<h2>扫码结果</h2>
|
||||
<pre id="result" class="panel result"></pre>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>错误信息</h2>
|
||||
<pre id="error" class="panel error"></pre>
|
||||
</div>
|
||||
<section class="card">
|
||||
<h2>扫码结果</h2>
|
||||
<pre id="result" class="panel result"></pre>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<h2>错误信息</h2>
|
||||
<pre id="error" class="panel error"></pre>
|
||||
<p style="color: #919191">错误信息可能来源于扫码结果、扫码过程、扫码初始化等。</p>
|
||||
</section>
|
||||
|
||||
<section class="card code">
|
||||
@@ -234,10 +233,11 @@
|
||||
apiUrl: "https://your-domain.com/wechat/jssdk-config"
|
||||
}
|
||||
}).then(function () {
|
||||
// 监听扫码状态
|
||||
IScan.setStatusListener(function () {
|
||||
console.log("status:", IScan.getStatus());
|
||||
});
|
||||
|
||||
// 监听扫码结果
|
||||
IScan.onScanListener(function (res) {
|
||||
console.log("scan result:", res);
|
||||
}, "scan", null, 100);
|
||||
@@ -348,6 +348,11 @@ IScan.stopScan();</pre>
|
||||
IScan.scanImage();
|
||||
}
|
||||
|
||||
function scanVideo() {
|
||||
hide();
|
||||
IScan.scanVideo();
|
||||
}
|
||||
|
||||
ready();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user