JSFeat - JavaScript Image Processing Library
Written by Mike James   
Sunday, 25 November 2012

Modern JavaScript is fast, fast enough to do real time image processing. JSFeat is a JavaScript library that implements some advanced image processing and the demos prove it does it in real time.

JSFeat is an open source library (MIT License) that you can download and use in almost any browser. If you want to try out the demos however, you will need a machine equipped with a web cam and a browser that supports WebRTC. At the moment this limits the demos to the latest version of Chrome running on the desktop. Chrome for Android, Firefox and IE don't yet support enough of the WebRTC API. However, you can use the JavaScript routines within almost any modern browser but you will have to find an alternative way to get images to process. If you don't use Chrome it is worth downloading a copy to see the demos in action - they are very convincing.

What is even more impressive is that JSFeat doesn't just implement the simple image processing you find in other libraries - it also does some cutting-edge object tracking and detection.

The basic operations that have demos are:

  • Basic image processing methods (grayscale, derivatives, box-blur, resample, etc.)
  • grayscale
  • box blur
  • gaussian blur
  • equalize histogram

The more advanced operations are:

  • canny edges
  • Fast Corners feature detector
  • Lucas-Kanade optical flow 
  • HAAR object detector
  • BBF object detector 

The all of these work in realtime from a web cam.

The Lucas-Kanade optical flow method is a very basic form of object tracker and in this demonstration it works well. All you have to do is click on a point that defines an area you would like to track and the point stays put as the image moves. Occasionally the image movement is too great and the point will lose the track. This is the basis of more advanced object trackers such as Predetor. All of the others are worth trying out, but the two object detectors customized as face detectors are particularly impressive.

 

canny1

Canny Edge Detection

 

Another really good thing about JSFeat is that its documentation is very good - way better than anything you would normally find in an open source project. It is all the work of one programmer, Eugene Zatepyakin, aka inspirit.

What does this mean for the future of what can be done in the browser?

As long as the other browsers catch up with Chrome and implement WebRTC fully, we should be able to have some interesting AI image processing applications live and without the need to offload the processing to a server. The JSFeat implementations would make a good starting point for a lot of interesting and adventurous web apps. 

More Information

JSFeat on GitHub

Related Articles


blog comments powered by Disqus

 

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, Facebook, Google+ or Linkedin,  or sign up for our weekly newsletter.

Banner


Compete To Win $50,000 With RealSense SDK
29/09/2014

Intel has made its RealSense SDK available for download. This could be the impetus you need to come up with an idea for the the App Challenge in time for the October 1st deadline.



Google DeepMind Expands
24/10/2014

Furthering its push into artificial intelligence research Google has acquired two more UK AI start ups and announced a partnership with Oxford University.


More News

 

Last Updated ( Sunday, 25 November 2012 )
 
 

   
RSS feed of news items only
I Programmer News
Copyright © 2014 i-programmer.info. All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.