Face detection на снимка с jquery
Published on 13.04.2011
Jay Salvat е написал едно plugin-че за jquery с помощта на която много лесно може да се направи face detection на дадена снимка.
Използването на въпросната библиотека е супер лесно, ето пример:
$(function(){ $('#detect').click(function(){ var coords = $('#demo img').faceDetection({ start: function(img){ $('.face').remove(); $('#detect').text('Processing...'); }, complete: function(img, coords){ $('#detect').fadeOut(); }, error: function(img, code, message){ alert('Error ' + code + ': ' + message); } }); for (var i = 0; i < coords.length; i++) { $('<div>', { 'class': 'face', 'css': { 'position': 'absolute', 'left': coords[i].positionX + 'px', 'top': coords[i].positionY + 'px', 'width': coords[i].width + 'px', 'height': coords[i].height + 'px' } }).appendTo('#demo'); } return false; }); });
Горният примерен код заедно с плъгина генерира няколко (в зависимост от намерените лица) div-а които се позиционират спрямо координатите върху снимката, а по-късно примерно с jquery ui въпросните div-ове може да се направят "по-интерактивни" :)
Plugin-a заедно с демо файловете може да се свали от тук
Оригиналният алгоритъм за "намирането" на лица е написан от Liu Liu и може да бъде разгледан/свален от тук
Между другото една от причините да харесвам Jquery като framework е именно това че има много повече написани plugin-и за него и не е нужно винаги да се открива топлата вода отново и отново :)