Comments (4)
@joelhoelting I'm glad the SDK is now working (almost) as expected.
Thank you for the suggestion regarding the documentation and scanning of both sides. We'll definitely improve that part in the documentation to make it more clear.
The BlinkCardRecognizer always has to scan both sides of a card. We've designed the recognizer that way since different cards have different layouts and different information on each side.
If you only need CC numbers, I suggest that you modify recognizer settings for your use case. For example, it's possible to disable the extraction of the CVV number.
The full list of available recognizer options can be found in this file. The example of how to change recognizer settings can be seen in the Recognizer settings section of the documentation.
Sincerely,
Vjekoslav
from blinkcard-in-browser.
Hi @joelhoelting,
Thank you for the report with source code :)
What do you mean by "scan sometimes does not trigger". Do you mean that results are sometimes not returned, i.e. line handleScanResults(recognitionResult);
in your source code is not executed? (taken from file components/CardScanner.tsx
)
Also, I've noticed that you do not register any callbacks in function startScan
in file components/CardScanner.tsx
. It's worth noting that BlinkCardRecognizer needs to scan both sides of a credit card to extract all the required information. Therefore, it's necessary to register the onFirstSideResult
callback, so the user knows when to flip the document.
You can see an example usage of that callback in this file.
Sincerely,
Vjekoslav
from blinkcard-in-browser.
Thanks so much for the response @vjekoart.
In my source, the code was not progressing past this line:
const processResult = await videoRecognizer.current.recognize();
Now that I have more of an understanding of how the API works, the reason for the long delay is probably because the videoRecognizer
is waiting for both sides to be scanned. Can you confirm that this might be the case?
After adding the callbacks the scanning is happening as expected, with performance similar to the demo. So that's great news. It would probably be beneficial to add some language to the documentation about how both sides of the card need to be scanned and the callbacks that can be passed into recognizerRunner
(if that language is in there then I apologize for missing it).
My use case only requires one side of the card to be scanned (just the side with the CC numbers, not the CVC code). You mentioned that BlinkCardRecognizer needs to scan both sides of the card, does the SDK have any "out of the box" options to scan a single side?
Thanks again for this great SDK,
Joel
from blinkcard-in-browser.
@joelhoelting the code you shared is not working for me, scanner just opened no video opened and then scanner closed automatically
from blinkcard-in-browser.
Related Issues (12)
- Scan for single side of the card HOT 5
- Explain me please this error: Licence Error HOT 2
- Explain me this error: Problem during initialization of worker file
- Explain me this error: Problem during initialization of worker file HOT 1
- DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'http://localhost:4200/BlinkCardWasmSDK.js' failed to load HOT 1
- Explain me this error: Problem during initialization of worker file HOT 2
- Not receiving callback after first side scan HOT 1
- Cancelling recognition after first side of card is scanned. HOT 2
- getting promise pending for BlinkCardSDK.loadWasmModule(loadSettings) HOT 5
- Readme examples are not up to date HOT 1
- (SDK NOT WORKING) Getting mimetype error in chrome browser while loading sdk HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blinkcard-in-browser.