[1] Tambahkan javascript ke halaman web Anda menggunakan npm
Atau sertakan skrip JavaScript langsung menggunakan
[2] Tambahkan div kosong tempat Anda ingin meletakkan pemindai kode qr
[3] Inisialisasi
function onScanSuccess(decodedText, decodedResult) { // Handle on success condition with the decoded text or result. console.log(`Scan result: ${decodedText}`, decodedResult); } var html5QrcodeScanner = new Html5QrcodeScanner( "reader", { fps: 10, qrbox: 250 }); html5QrcodeScanner.render(onScanSuccess);[4] Opsional - Hentikan pemindaian setelah kode dipindai?
Anda dapat menggunakan metode Html5QrcodeScanner#clear()_ untuk menghentikan pemindaian setelah kode dipindai. Ini sebuah contoh. var html5QrcodeScanner = new Html5QrcodeScanner( "reader", { fps: 10, qrbox: 250 }); function onScanSuccess(decodedText, decodedResult) { // Handle on success condition with the decoded text or result. console.log(`Scan result: ${decodedText}`, decodedResult); // ... html5QrcodeScanner.clear(); // ^ this will stop the scanner (video feed) and clear the scan area. } html5QrcodeScanner.render(onScanSuccess);[5] Opsional - Menangani kegagalan pemindaian?
Anda dapat menangani kegagalan pemindaian atau kegagalan video menggunakan callback kegagalan. Ini sebuah contoh. function onScanSuccess(decodedText, decodedResult) { // Handle on success condition with the decoded text or result. console.log(`Scan result: ${decodedText}`, decodedResult); } function onScanError(errorMessage) { // handle on error condition, with error message } var html5QrcodeScanner = new Html5QrcodeScanner( "reader", { fps: 10, qrbox: 250 }); html5QrcodeScanner.render(onScanSuccess, onScanError);_Pada 2015 saya telah menulis perpustakaan pemindaian kode QR berbasis HTML5 sebagai ekstensi jQuery. Baru-baru ini saya menyadari ada lalu lintas yang konsisten di Proyek Github saya dan halaman demo. Saat saya menggali lebih dalam apa yang sedang terjadi dan saya malu melihat desain yang buruk dan dukungan usang untuk API HTML terbaru seputar Kamera. Saya baru-baru ini memperbaiki beberapa masalah dan memfaktor ulang pustaka javascript yang sekarang tidak bergantung pada pustaka jQuery dan mendukung API berbasis Promise. Pada artikel ini saya akan menjelaskan bagaimana menggunakan versi baru dari perpustakaan, beberapa perubahan dan alasan untuk mereka dan ada...
Sebelum memulai, Anda perlu mengetahui bagaimana proses ini akan berjalan. Pertama Anda perlu membuka webcam Anda, dan Anda harus menjalankan program python Anda untuk membuatnya siap untuk memindai kode QR. Anda dapat mengambil gambar kode Qr di ponsel Anda dan menampilkan gambar di depan webcam Anda. Ini dengan benar mengidentifikasi kode QR yang muncul di layar Anda. Dan program ini mengarahkan Anda ke tautan yang tersembunyi di kode QR
Persyaratan
pip install OpenCV pip install webbrowser ( built in )Langkah 1. Untuk membuat pemindai kode QR, Anda perlu menginstal pustaka OpenCV pada prompt perintah Anda. Pertama, Anda perlu mengimpor cv2 dan perpustakaan browser. Cv2 digunakan untuk memindai kode QR melalui webcam dan browser web digunakan untuk memasukkan URL ke dalam browser
Python3
import cv2
import webbrowser
Langkah 2. Selanjutnya, kita perlu memulai kamera untuk menangkap kode QR. Untuk itu deklarasikan sebuah variabel yang disebut cap dan dalam variabel ini berikan contoh cv2. Pengambilan Video(0). Proses selanjutnya adalah kita perlu membuat variabel bernama detector dan dalam variabel ini memanggil objek cv2. QRCodeDetector(). Objek ini sangat membantu untuk menangkap kode QR secara real-time.
Python3
cap= cv2.VideoCapture(0)
import_0
import1= import3
Langkah 3. Langkah ini sangat penting Anda perlu membuat while loop dan dalam loop ini buat variabel yang disebut img dan loop ini akan membaca layar webcam Anda terus menerus hingga loop ini putus
Python3
import4 import5import6
import7import8= cv20
Langkah 4
Selanjutnya, buat variabel yang disebut data, dan variabel ini akan digunakan untuk mendekode kode QR, dan jika ada data dalam gambar kode QR, itu akan memutus loop dan membuka tautan di browser Anda. Jadi ini adalah kondisi yang saya masukkan di sini
Python3
cv2_1
cv22cv23= cv25
cv22cv27
cv22cv29 import0
import1import2=import4
import1import6
Langkah 5
Terakhir, panggil objek cv2. imshow ini akan menghasilkan output dan Anda harus menetapkan kunci untuk memutus loop. Di sini saya menetapkan kunci yang disebut q, ketika kita menekan q itu akan menghentikan streaming video
Dan kemudian Anda harus membuat variabel, dalam variabel ini Anda perlu memanggil webbrowser objek. buka (teruskan variabel an di objek ini)
Python3
import7import8import9
import7cv29 webbrowser2webbrowser3)== webbrowser7webbrowser8webbrowser9cap0