Hi,

For my Angular project, I'm using Bower. So I've executed this command because there isn't (for now) a bower package for your library :

bower install --save https://github.com/EddieLa/JOB.git

It works great. First question: did you intend to create a bower package for your library ?
Now when you include the library

...
<script src="assets/vendor/JOB/src/JOB.js"></script>
...

and call the init function

...
JOB.Init();
...

these lines place some issues

...
DecoderWorker: new Worker("DecoderWorker.js"),
...
Init: function () {
...
script.src = "exif.js";
...
}

because DecoderWorker.js and exif.js have a wrong file path. If I want your library to work I need to change your code to

...
DecoderWorker: new Worker("assets/vendor/JOB/src/DecoderWorker.js"),
...
Init: function () {
...
script.src = "assets/vendor/JOB/src/exif.js";
...
}

and it's a complicated when you want to deploy your application. Maybe it would be better to add the DecoderWorker.js and exif.js files like your library

<script src="path/to/DecoderWorker.js"></script>
<script src="path/to/exif.js"></script>
<script src="path/to/JOB.js"></script>

What do you think about this?

Hi,

I just found your library and when I try to test it with an image I got the error in the subject. I want to add it in my AngularJS application.

function setFiles(element) {
  var showPicture = document.createElement("img");

  console.log(element.files);

  var URL = window.URL || window.webkitURL;
  showPicture.onload = function (event) {
    JOB.DecodeImage(showPicture);
    URL.revokeObjectURL(showPicture.src);
  };

  showPicture.src = URL.createObjectURL(element.files[ 0 ]);
}

JOB.SetImageCallback(function (result) { console.log(result); });

Any idea ?

Thanks.

Hi Eddie ,
Thank you for the work you do .
In http://eddiela.github.io/JOB/StreamDemo.html pressing Start decoding ,
Chrome jumps error:
Uncaught TypeError : Can not read property ' drawImage ' of undefinedJOB.js : 177 JOB.JOBStreamCallback .

The JOB.SearchCanvas variable is undefined .
You know it can be ?

Thanks for everything.
Alberto .

In case of code 39 i have got some error while reading a barcode
like in case of %158198 result is 58198
2) in case of WIKIPEDIA
result is WIKIPEDIA

How i exactly detect the code

I've tested in my mobile browser (iPhone + Chrome) but, i don't get the result. Is this a browser issue?

Hi EddieLa,

integrated your JOB into my application and did some first tests. Works fine and the localization output looks nice. But I had some trouble getting the output right. You used a fixed canvas with 320x240px for showing your localization result and also within your JOB.js the canvas is limited to 640x480px. Maybe it might be interesting to parameterize this somehow. When playing with resolution sizes or allowing vertical images (480x640px).

Will test it soon with the Muenster BarcodeDB, too.

Not an issue, just wanted to tell you that you are great! :D Keep on that work, I did look for something like this months ago and found - nothing - except ZBar. I think JS is powerful enought, but I didn't know much about barcode recognition to write something like this myself. You are great, thanks for sharing!

can be closed. ;o)

I am working on a webapplication by following your https://github.com/EddieLa/JOB . it is an excellent work I have been looking for a mobile browser scanner since once week and found this one I have integrated into asp.net web application hosted on iis and tried to browse it on android mobile on chrome it opens up front camera a try to find code can you please help me if there is a way to trigger the scanner on button click your help is soo much appreciated.
and is there a way to open back camera of the mobile by any chance.

Hi. I'm having problems with decoding Code 39 barcodes if they're not absolutely pristine.

Though, they'll successfully decode using the online test tool at http://zxing.org/w/decode.jspx

Here's the only one I've been able to successfully get the lib to do:
https://decalrestore.files.wordpress.com/2013/01/1996-07-bar-code-decal1.png

Here are some that fail (but work on zxing).
http://images.gtcarlot.com/pictures/57758092.jpg
http://www.e90post.com/forums/e90garageimg/563/BMW%20VIN%20small.JPG

JOB/src/DecoderWorker.js on Line 453:
newTable[0].length throws an error, when newTable is an empty array, therefore no newTable[0] exists. Fixed this with a simple condition:

if (newTable.length > 0) {
Image.table = newTable;
Image.width = newTable.length;
Image.height = newTable[0].length;
CreateImageData();
allTables.push({ table: newTable, data: new Uint8ClampedArray(Image.data), width: Image.width, height: Image.height });
}

This happened with image #102 of Muenster BarcodeDB (EAN: 4-000417-106001, Image: 4000417106001-01_N95-2592x1944_scaledTo800x600bilinear.jpg)

Eddie
I hope you will excuse my ignorance.
Your barcode reader is excellent and I would like to use it as part of another project I am working on which utilises the Factual product catalogue.
How to I capture the output (resulting string) from your code so that I may use it as a string input for a search. I.e. How do I pass the result from your script to a string$?

I have downloaded the code and I'm trying to get this working locally. I can get the page to load and I can select/capture an image but the canvas for the image doesnt show and its not displaying a barcode. I have downloaded the ZIP for JOB-gh-pages (trying the index.html) as well as the JOB.git (trying the reader.html in the src folder).

Are there additional steps required to make this operational? I have looked for a step by step guide to implementation but I couldn't find one.

Any suggestions?

Actually, the problem was mine. Novice at canvas.
Sorry to bother anyone who read this.

I know it's in packages.json but creating a license file will make it easier to find your library when searching.

The Bookland EAN codes do not get parsed because of the extra pricing information at the end. If you cover over the pricing they parse fine.

http://www.barcode-us.com/isbn/isbnSymbols.html discusses what Bookland barcodes look like.

Camera not loading in IOS, getUserMedia not calling the camera alert? Could you let me know whether it support mobile devices?

Is there anyway pdf417s could be decoded with this?

I'm developing for a barcode web app, and while everything runs great on firefox & chrome on my computer, reading seems hit or miss on android (jelly bean) chrome, and barely works on iOS devices (4S, 5, iPad 4) on chrome or safari in iOS 6 & 7. I based those tests off your demo page, and it was happening consistantly across all devices I tried.

Works until showPicture.onload event on DecodeBar(), but receiveMessage(e) is never trigged.

Hello, how can I detect and wedge the scanner, so that I can capture the input scans.

IE 9 is not supported webwork....

help me plz...

Somewhere in the deep dark depths of the code any image processed is being rescaled to 320x240. This is causing moire patterns in some barcodes rendering them un-decodable. Is there a way to disable this, or is it there for some specific reason?

I'm wondering... has anyone done a typescript d.ts file for this yet? If so I'd love to get a copy before I try this out. Unless I made a mistake, I couldn't find one on definitely typed...

seems like the callback is not responding at all .
just tried that in streamdemo.html
JOB.StreamCallback = function(result) {
console.log('test call back ')
if(result.length > 0){
var tempArray = [];
for(var i = 0; i < result.length; i++) {
tempArray.push(result[i].Format+" : "+result[i].Value);
}
Result.innerHTML=tempArray.join("
");
}
};
but the console didnt log any thing

If this work, I am gonna use it in my final paper, but this error continues to appear, Can you help me?

I dowloaded the demo files pages from https://github.com/EddieLa/JOB/tree/gh-pages.i downloaded them and when i try to run locally they works fine on firefox but not on chrome.kindly help asap

@mvayngrib
This is my demo url https://rawgit.com/saravanasksp/myproject/master/src/StreamDemo.html
In the desktop is working fine. when we check mobile the camera view automatically rotated . And also any option to run without using SSL.

I want to pass image URL for Decode data from barcode. How do i pass URL instead of selecting image?

I get error Uncaught ReferenceError: root is not defined in file DecoderWorker.js:2968

There is this code:
root.decoderWorkerBlobString = decoderWorkerBlobString;
How can I fix it?
Thanks.

I tried using this code to decode this barcode from wikimedia

http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/EAN-13-5901234123457.svg/124px-EAN-13-5901234123457.svg.png

And I received Decoding Failed

It does not seem to work for Interleaved 2 of 5 such as
https://github.com/EddieLa/JOB/blob/master/Sample-images/Interleaved-2-of-5-Barcode.jpg

Precisely, it might recognize the barcode, but it failes decoding.

But I need to develop for Interleaved 2 of 5.

Does anyone know the solution?

PS
Standard 2 of 5 seems to be read.

@mvayngrib Not working on web and mobile browsers. Any possible to run without using SSL desktop and mobile browser. In a mobile browser scanner not working properly. yours latest demo(https://mvayngrib.github.io/JOB) also. where to download the source code for https://mvayngrib.github.io/JOB. Pls let me know this issues asap.

JOB.js will correctly locate a VIN barcode, but won't decode it.

Example VIN barcodes:
http://s793.photobucket.com/user/grahalau/media/IMG_1829.jpg.html
http://www.acorninsure.co.uk/car-insurance/chassis-number-insurance/

This reader doesn't seem to have a problem reading them. (It says it's a Code39 barcode.)
http://www.onlinebarcodereader.com/en.html

I've spent some time with the code and it seems like it should be possible to deduce some position info from the pixel array indices, but also doesn't seem very straightforward.

hi
how to input an image url and reader it?

thanks

After some debugging I realized that the Barcode Reader/Uploader has issues on mobile devices because of the image's default orientation, not resolution.

http://www.daveperrett.com/articles/2012/07/28/exif-orientation-handling-is-a-ghetto/

For example, if you take a picture with an iOs Device in Portrait mode, the image is given the orientation 6 by default, which is 90 degrees CCW.
My android device is rotating it 90 degrees CW.

When uploaded to the reader, it fails out because the decoder is try to decode an image 90 CCW.

Perhaps integrating this:
https://github.com/blueimp/JavaScript-Load-Image

Stackoverflow with more info:
http://stackoverflow.com/questions/20600800/js-client-side-exif-orientation-rotate-and-mirror-jpeg-images

Would solve it?

Thank you so much for your work on this.

I have a 1D Code39 barcode that http://online-barcode-reader.inliteresearch.com/ properly decodes, but if I run your script it gives an error. (Your script can decode other barcodes perfectly.)

The only difference I can pinpoint between the successful and unsuccessful images is that the unsuccessful one is on a slight diagonal while the successful images are straight across. (The website above has a "rotation" indicator that says "diagonal" on my unsuccessful image and "none" on the rest.)

Hi,

We are using this library for image capture and works almost very good except for code 128 barcodes not being scanned properly.
If you can check it , it would be of great help so that we can test it again and push the code to prod.

The decoding fails for code128 in the demo page too. http://eddiela.github.io/JOB/

Also the live streaming demo isnt scanning any barcodes. Also when the demo is tried on mobile it opens the front camera only.

Thanks!

barcode with more than 5 degree rotation will not decode..
Any chance of improving the algorithm?
image captured by camera success decode rate higher than using scanner. Is it normal?

Can u support ean-8?
i really have no idea how to create it myself..

hi fellows,

i am newbie with node, and wanted to use your project but i think i don't have the right environment to run it or something ! so if you can tell me how to import your project and use it in localhost i will be thankful.

Delete please. Misread the code.

Trying to review the changes in 1.6.1, however the Reader.html in the src folder fails to load, throwing various javascript errors. Main problem was that jQuery wasn't loaded, but after adding a call to it in the head I am still seeing....

"Uncaught ReferenceError: BarcodeReader is not defined" at line 45 in "barcode-reader.jquery.js"

I've tried a few things, but seem unable to diagnose the problem. Any assistance would be appreciated.

Is there any chance to get some good comments in your source code or a basic description of the algorithms you're using? I'm impressed with your success in reading barcodes but I'm having a tough time understanding what's going on behind the scenes. I'd like to be able to springboard off some of what you're doing for my own application.

I'm not that interested in the detection/straightening. My application assumes there's a single barcode in the viewfinder and scans directly across the center of it. I would appreciate anything you could offer in regards to thresholding/binarizing and accurately reading the bars. Decoding isn't too hard as long as the data is good.

Thanks!

With the three samples below, BarcodeReader only works with the first one. The two others failed. While I was expected that for the third one, I am surprised for the second one.

Note that the three are detected correctly by this online decoder : http://online-barcode-reader.inliteresearch.com/

Can it evolve to work with the three cases ?

hi,
i'm using this library and i',m trying too read vin numbers its reads almost accurately,thanks for that but sometimes one character extra is added to the actual code can anyone help me.
thanks in advance.

is that your job JOB is technique of object character Recognition

Consider the following images:

1)

2)

3)

1 works without issues, but 2 and 3 do not. I'm guessing the decoder is unable to cope with the additional image details surrounding the barcode. Is that something that can be fixed in the algorithm or is there a recommended work around?

The combination of contrast and binary does not really handle low-light images.

A better approach is in https://gist.github.com/tobytailor/421369, which is to find the minimum and the maximum and use the average as a threshold.

I replaced them with a single function:

function contrastBinary(data) {
    var min = 127 * 3;
    var max = 128 * 3;
    for (var i = 0, len = Image.width * Image.height * 4; i < len; i += 4) {
        var val = data[i] + data[i + 1] + data[i + 2];
        if (val < min) {
            min = val;
        } else if (val > max) {
            max = val;
        }
    }
    var threshold = (max + min) / 2;
    for (var i = 0, len = Image.width * Image.height * 4; i < len; i += 4) {
        ave = (data[i] + data[i + 1] + data[i + 2]);
        if (ave < threshold) {
            data[i] = data[i + 1] = data[i + 2] = 0;
        } else {
            data[i] = data[i + 1] = data[i + 2] = 255;
        }
        data[i + 3] = 255;
    }
}