Barcode scanner for mobile phone for Website in form
Solution 1
Check out https://github.com/serratus/quaggaJS
"QuaggaJS is a barcode-scanner entirely written in JavaScript supporting real- time localization and decoding of various types of barcodes such as EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 and CODABAR. The library is also capable of using getUserMedia to get direct access to the user's camera stream. Although the code relies on heavy image-processing even recent smartphones are capable of locating and decoding barcodes in real-time."
Solution 2
There's a JS QrCode scanner, that works on mobile sites with a camera:
https://github.com/LazarSoft/jsqrcode
I have worked with it for one of my project and it works pretty good !
Solution 3
Scandit is a startup whose goal is to replace bulky, expensive laser barcode scanners with cheap mobile phones.
There are SDKs for Android, iOS, Windows, C API/Linux, React Native, Cordova/PhoneGap, Xamarin.
There is also Scandit Barcode Scanner SDK for the Web which the WebAssembly version of the SDK. It runs in modern browsers, also on phones.
There's a client library that also provides a barcode picker component. It can be used like this:
<div id="barcode-picker" style="max-width: 1280px; max-height: 80%;"></div>
<script src="https://unpkg.com/scandit-sdk"></script>
<script>
console.log('Loading...');
ScanditSDK.configure("xxx", {
engineLocation: "https://unpkg.com/scandit-sdk/build/"
}).then(() => {
console.log('Loaded');
ScanditSDK.BarcodePicker.create(document.getElementById('barcode-picker'), {
playSoundOnScan: true,
vibrateOnScan: true
}).then(function(barcodePicker) {
console.log("Ready");
barcodePicker.applyScanSettings(new ScanditSDK.ScanSettings({
enabledSymbologies: ["ean8", "ean13", "upca", "upce", "code128", "code39", "code93", "itf", "qr"],
codeDuplicateFilter: 1000
}));
barcodePicker.onScan(function(barcodes) {
console.log(barcodes);
});
});
});
</script>
Disclaimer: I work for Scandit
Solution 4
You can use the Android app Barcode Scanner Terminal (DISCLAIMER! I'm the developer). It can scan the barcode and send it to the PC and in your case enter it on the web form. More details here.
Related videos on Youtube
M.A
Updated on March 02, 2020Comments
-
M.A about 4 years
I have inventory maintenance website up and running. currently the back end users are manually typing the item id on the system and using to search and do their work. I would like to automate the typing to scanning qr codes. We are trying to implement users to use their mobile phone camera to act as a scanner.
Thus the user set focus on the text-box and uses his mobile phone to scan the code and the value has to be automatically placed on the text box.
The apps in the market do not transfer data into a pc or web form directly. We are trying to implement an open source web scanner rather then buying an expensive product or app. Can you suggest one or must we create our own app? If so, where can I start from?
-
Moni Bhattacharya over 6 years@Benjamin Did you get any solution for this? I am also looking for the similar solution for microsoft surface applications.
-
-
Walter Stabosz over 10 yearsHave you ever used this library on a mobile device? According to this webqr.com/faq.html , the library requires Flash or the "getUserMedia/Stream API". Mobile Flash is dying out, and getUserMedia API is only supported on BlackBerry (according to caniuse.com/stream)
-
Brian Cannard over 7 yearsDoesn't work on iPhone.
-
Saravana over 6 yearsFirst read the topic and answer they questioned about bar-code
-
Naveen DA over 6 yearsBut scan to web is paid app😔
-
Chris Ho over 6 yearsGot 404 errors, seems the function has been closed.
-
Choudhury A. M. almost 6 yearsThis app is not available in the app store.
-
TheStoryCoder almost 6 years@ChoudhuryA.M. Yes, it is. Not sure why you wouldn't see it.
-
Faiz Fareed almost 6 yearsI am using same code with my owns license key, it turns my mobile camera on, on barcode scan it also gives sound, but no scan result output, where barcode result goes? and how I can access that result in my input form text field? can you briefly explain it?
-
mak over 5 years@FaizFareed, the barcode result is available in the
onScan
callback method, in my code it simply prints it to the console. Here is a sample which saves the barcode in an input form text field: github.com/Scandit/barcodescanner-sdk-for-web-samples/blob/… -
Styx over 5 yearsAnd "Pricing" page shows only "Contact us for quote" buttons. Very informative...
-
aross about 5 years@TheStoryCoder because the URL is invalid
-
TheStoryCoder about 5 years@aross URL fixed.
-
Peter Koopman over 4 yearsGreat software but very expensive. US$2450 per year for 1-50 devices - their least expensive plan apparently
-
Mark G almost 4 yearsHigh cost subscription or per scan costing model? No thanks - give us a one off cost, businesses do not like high value subscriptions.
-
Imtee almost 4 yearsNo Luck with iPhone - iOS
-
leggewie over 3 yearsthis is a paid app, not open source
-
Krishnraj Rana over 3 years@mak - Is this SDKs code available in Javascript or Jquery? So that i can use it in my ASP.Net MVC application
-
Fernando Meneses Gomes almost 3 yearsgreat solution, but expensive