WebAppers

/ best free open source web resources /

Shopify

How to Do Face Detection via HTML5 Canvas

Posted · Category: License Free, Tools

You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented Face Detection in JavaScript via HTML5 Canvas.

The algorithm is implemented on top of a JS port of a C-based computer vision library by the same author. It works off a grayscale version of the image, and seems to be quite reliable in detecting faces in photographs. The demo then draws a red box around each face in the picture, but the library could be used to do much more interesting things with this data.

face-detection

Requirements: Javascript, HTML5 Canvas
Demo: http://badassjs.com/post/1461943420/face-detection…
License: License Free

3 Comments
  • http://www.easywebshop.no/ Kim Steinhaug

    This is a wonderful JS, also the site you linked to had some pretty awesome JS scripts!

  • http://magazine.nuefolio.com/ Ramaraju Ramakanth

    Nice Tools..

  • http://www.yogendrasharma.com Yogendra Sharma

    Well I have thought of this face recolonization can be done using canvas.It looks canvas is going to change whole way of web application interaction.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons