From 455a1e7d429da9ffdaf3763e3450624223c71fc5 Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期三, 14 五月 2025 15:59:33 +0800
Subject: [PATCH] 1.摄像头可调用demo，但需https
---
H5/Config.aspx | 6 +++---
H5/Js/Config.js | 30 ++++++++++++++++++++++++++++++
2 files changed, 33 insertions(+), 3 deletions(-)
diff --git a/H5/Config.aspx b/H5/Config.aspx
index 0469f9b..deb13dc 100644
--- a/H5/Config.aspx
+++ b/H5/Config.aspx
@@ -26,7 +26,7 @@
<van-button plain type="danger" @click="testErrorSound">娴嬭瘯澶辫触闊虫晥</van-button>
</div>
<div class="padding">
- <van-button plain type="warning" @click="sendScan">娴嬭瘯鎵弿</van-button>
+ <van-button plain type="warning" @click="startScan">娴嬭瘯鎵弿</van-button>
<van-cell-group>
<van-field v-model="textInput" placeholder="璇锋壂鎻忚繖閲�" v-focus.noKeyboard ></van-field>
</van-cell-group>
@@ -35,7 +35,7 @@
<div class="padding">
<van-cell-group>
<van-cell title="鎵弿宸ヤ綅">
- <van-button type="primary" size="small" @click="sendScan">鎵弿</van-button>
+ <van-button type="primary" size="small" @click="startScan">鎵弿</van-button>
</van-cell>
<van-field v-model="scanWorkstation" placeholder="鎵弿缁撴灉灏嗘樉绀哄湪姝ゅ"></van-field>
</van-cell-group>
@@ -58,6 +58,6 @@
}, 200);
}
</script>
- <script src="Js/Config.js?<%=15111 %>"></script>
+ <script src="Js/Config.js?<%=151111 %>"></script>
</asp:Content>
diff --git a/H5/Js/Config.js b/H5/Js/Config.js
index 008839d..7be17a0 100644
--- a/H5/Js/Config.js
+++ b/H5/Js/Config.js
@@ -128,6 +128,36 @@
testErrorSound() {
this.$playSound('error');
+ },
+
+
+
+ startScan() {
+ const qrScanner = new Html5Qrcode("qr-reader");
+ const config = {
+ fps: 10,
+ qrbox: 250
+ };
+
+ qrScanner.start(
+ { facingMode: "environment" },
+ config,
+ (decodedText) => {
+ // 鎵爜鎴愬姛澶勭悊
+ this.scanWorkstation = decodedText;
+ qrScanner.stop();
+ document.getElementById('qr-reader').style.display = 'none';
+ },
+ (errorMessage) => {
+ // 閿欒澶勭悊
+ console.error(errorMessage);
+ }
+ ).catch(err => {
+ alert('鏃犳硶鍚姩鎽勫儚澶�: ' + err);
+ });
+
+ // 鏄剧ず鎵爜瀹瑰櫒
+ document.getElementById('qr-reader').style.display = 'block';
}
}
})
--
Gitblit v1.9.3