My Derby Submission: Flex Barcode Reader

Posted on May 17, 2006 | 10 comments

I have finally submitted my Flex2 application into the Adobe Developer Derby contest. It was built with Flex2 Beta3 and is pretty cool, well at least I think so.

The Flex Barcode Reader

What is the Flex Barcode Reader Component?

The Flex Barcode Reader Component is a Flex2 component that can read barcodes through the use of a web cam and the flash player. The current implementation reads UPC/EAN (ie: CDs, Books, *DVDs) barcodes. The lookup for product information is geared for the US only and comes from Amazon.

Barcode Reader in Flex? Why not. Since Flash 8 introduced the Bitmap API a big world of image manipulation and analysis can be explored.

This version of the component has been made specifically for the Flex2 Developers Derby. Find more information about the derby here.

Barcode Basics and the Web Cam Rules

The quality and features of your particular web cam can affect the usuability of this component. Web cameras capable of 640×320 and 30 frames a second work the best. There are some issues with web cams with a fixed focus lens, as barcodes are generally read within a inch or two.

I have tested 2 cameras, Intel CS330 and Kinamax WCM-6LNV (less than $20 on newegg) with good results. I plan to test more web cams in the future.

Example pictures of barcodes read with a web cam:
Kinamax Example 1
Intel Example 1

Watch out for glare, lighting, low resolution, and focus issues. Feel free to email renaun (at) renaun (dot) com with screen shots of any issues you are having with barcodes you are trying to scan.

Grab a Web Cam and Try it out!

This is where you do the scanning. There are a few options you can mess with:

Scan Rate – The number of scans in a second, this affects the CPU usage and quality of reads. The higher the setting the more the CPU usage but the better chance of a read.
Success Action – “Amazon Lookup” or “Continuous Scanning”, The first one tries to look up the product information on Amazon, the 2nd just shows you the scanned number below and keeps on scanning (good for testing).
Switch Video Mode – changes between 640×480 and 320×240

  • http://www.eribium.org Alex

    Great stuff. Are you going to release the source (when I click ‘view source’ in the app I get a 404)?

  • http://www.renaun.com Renaun Erickson

    There are no current plans to release the source.

  • http://feeds.feedburner.com/webdevdesign Chris Charlton

    Ah, beat us to it. :) Cheers.

  • http://www.cflex.net Tariq Ahmed

    Wow, this is awesome!

  • http://www.barcoder.nu Chris

    This is simular to my flash 8 implamentation found at barcoder.nu :)

  • http://blog.webqem.com.au/ Mike

    I entered something similar in the ROW developer derby at http://www.rocketboots.com.au. Robin hasn’t put the entries up yet but you can see it here.

    http://blog.webqem.com.au/index.php/2006/04/28/adobe-flex-20-competition-entry/

  • http://www.rocketboots.com.au./ Mikes

    I entered something similar in the ROW developer derby at http://www.rocketboots.com.au. Robin hasn’t put the entries up yet but you can see it here.

  • Aekidna

    Ok, no source. But, may we find the component somewhere for use in Flex2 apps?

    Thanx

  • http://www.renaun.com Renaun Erickson

    still no plans to release this code

  • erlee

    is the component for sale..?