4 ms·

Face Detection jQuery Plugin

67 points by iuguy 16y ago

dfischer 16y ago
This is awesome.
Swizec 16y ago
While the plugin is probably awesome, there are two things that really suck here. 1. Lack of a real demo. This is the sort of thing that will not convince me until I can click "upload" and have a detected face on my own crappy image. 2. There is no clear link to the actual plugin. I know we're all web guys and can extract links from source, but come on. Even the "source on github" text isn't a link ... edit: the word Github is a link, but there is no visual way of distinguishing it from the rest of the text, which leaves me dazed and confused.
- foresterh 16y ago
  I tried to replace the image, but not being a jquery wizard, I may've done something wrong. In the end, it said there was an issue with the image. Using the jquery selectors plugin, I ran (with the first SFW image I could find): $(img).attr("src", "http://www.accesshollywood.com/content/images/82/300x300/82170_the-celebrity-apprentice-season-2-cast-revealed.jpg http://www.accesshollywood.com/content/images/82/300x300/821...)
  - nl 16y ago
    I think you'll find it won't work with images loaded from other domains. There is a cross-domain data protection feature on Canvas.
- ryanf 16y ago
  "the word Github is a link, but there is no visual way of distinguishing it from the rest of the text" The links are purple instead of black. It's not much of a contrast though.
ameyamk 16y ago
where is the download link?
- patrickaljord 16y ago
  where it says "source on github"...
earle 16y ago
Detection is the easy part -- recognition has always been the stumper!
- nl 16y ago
  Detection is pretty useful though. Combine this with something like http://nicklothian.com/blog/2009/12/15/using-flash-to-shim-a-webcam-to-canvas/ http://nicklothian.com/blog/2009/12/15/using-flash-to-shim-a... and you might be able to do facetracking in Javascript
  - shantanubala 16y ago
    I actually worked on a face-tracker using Python and a webcam mounted on servos as a research project on a quad-core. I highly doubt the Python added much overhead (we were using OpenCV, which is compiled), and it still wasn't very elegant; however, you make an excellent point. Once we can push web technologies to make JavaScript capable of computer vision, or use other technologies/plugins that empower computer-vision in-browser, simple applications like video surveillance will get much more interesting. EDIT: Just a thought, wouldn't it be cool if we didn't have to ring doorbells anymore? There'd be a webcam instead of a lens on the door, and a small computer that notifies you when someone's at your door. It could even tell you who they are if we create adequate recognition technologies.
    - liuliu 16y ago
      Actually, I've worked on a hand gesture recognition thing on web for quite some time (http://api.alii.tv/ http://api.alii.tv/). The unfortunate part is, that is a plugin, and it is really hard to make a plugin compatible with every machine in wild.
      - nl 16y ago
        That's exactly why I wrote my flash shim thing. (Although, for real usage you'd actually have to do it in Flash still because of a Webkit memory leak)
marknutter 16y ago
He's not using that money to buy beer..
kelnos 16y ago
... sure, if you consider the mouth as not really part of the face :-/
xd 16y ago
This uses the face detection library here: http://badassjs.com/post/1461943420/face-detection-in-javascript-via-html5-canvas http://badassjs.com/post/1461943420/face-detection-in-javasc... Which has a link to upload and test your own pictures here: http://liuliu.me/detect/detect.html http://liuliu.me/detect/detect.html

67 points by iuguy 16y ago

This is awesome.

While the plugin is probably awesome, there are two things that really suck here. 1. Lack of a real demo. This is the sort of thing that will not convince me until I can click "upload" and have a detected face on my own crappy image. 2. There is no clear link to the actual plugin. I know we're all web guys and can extract links from source, but come on. Even the "source on github" text isn't a link ... edit: the word Github is a link, but there is no visual way of distinguishing it from the rest of the text, which leaves me dazed and confused.

foresterh 16y ago
I tried to replace the image, but not being a jquery wizard, I may've done something wrong. In the end, it said there was an issue with the image. Using the jquery selectors plugin, I ran (with the first SFW image I could find): $(img).attr("src", "http://www.accesshollywood.com/content/images/82/300x300/82170_the-celebrity-apprentice-season-2-cast-revealed.jpg http://www.accesshollywood.com/content/images/82/300x300/821...)
- nl 16y ago
  I think you'll find it won't work with images loaded from other domains. There is a cross-domain data protection feature on Canvas.
ryanf 16y ago
"the word Github is a link, but there is no visual way of distinguishing it from the rest of the text" The links are purple instead of black. It's not much of a contrast though.

ameyamk 16y ago

where is the download link?

patrickaljord 16y ago
where it says "source on github"...

earle 16y ago

Detection is the easy part -- recognition has always been the stumper!

nl 16y ago
Detection is pretty useful though. Combine this with something like http://nicklothian.com/blog/2009/12/15/using-flash-to-shim-a-webcam-to-canvas/ http://nicklothian.com/blog/2009/12/15/using-flash-to-shim-a... and you might be able to do facetracking in Javascript
- shantanubala 16y ago
  I actually worked on a face-tracker using Python and a webcam mounted on servos as a research project on a quad-core. I highly doubt the Python added much overhead (we were using OpenCV, which is compiled), and it still wasn't very elegant; however, you make an excellent point. Once we can push web technologies to make JavaScript capable of computer vision, or use other technologies/plugins that empower computer-vision in-browser, simple applications like video surveillance will get much more interesting. EDIT: Just a thought, wouldn't it be cool if we didn't have to ring doorbells anymore? There'd be a webcam instead of a lens on the door, and a small computer that notifies you when someone's at your door. It could even tell you who they are if we create adequate recognition technologies.
  - liuliu 16y ago
    Actually, I've worked on a hand gesture recognition thing on web for quite some time (http://api.alii.tv/ http://api.alii.tv/). The unfortunate part is, that is a plugin, and it is really hard to make a plugin compatible with every machine in wild.
    - nl 16y ago
      That's exactly why I wrote my flash shim thing. (Although, for real usage you'd actually have to do it in Flash still because of a Webkit memory leak)

marknutter 16y ago

He's not using that money to buy beer..

kelnos 16y ago

... sure, if you consider the mouth as not really part of the face :-/

xd 16y ago

This uses the face detection library here: http://badassjs.com/post/1461943420/face-detection-in-javascript-via-html5-canvas http://badassjs.com/post/1461943420/face-detection-in-javasc... Which has a link to upload and test your own pictures here: http://liuliu.me/detect/detect.html http://liuliu.me/detect/detect.html