Face detection на снимка с jquery

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++) {
            $('
', {
                '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-и за него и не е нужно винаги да се открива топлата вода отново и отново :)

← Back to all posts