jQuery Обнаружение Лица

face-detection-post-thumb

Недавно я написал статью про обнаружение лиц с помощью C#, вот вам аналог на jQuery. Джэй Салват только что выложил прекрасный плагин который способен автоматически обнаруживать лица на картинке. Вы можете скачать код с Git Hub, или взглянуть на демо здесь.

Плагин очень простой для интеграции в приложения, все что вам нужно сделать, это добавить следующий код на страницу. Когда вы кликните на кнопку ‘найти лица’ плагин запустится.

Также нужно подключить 3 javascript файла. Алгоритм поиска лиц был написан Liu Liu.

$(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;
        });
    });

Источник: http://papermashup.com/jquery-face-detection/.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>