SummArg | Cursos y recursos para webmasters

26/11/2010

Detectar caras con plugin jQuery

Este pequeño script nos permite hacer detección automática de rostros tal como lo hacen las cámaras digitales hogareñas o las webcams. Jaysalvat creó el plugin que nos permite utilizar esta tecnología en un sitio web cualquiera, utilizando jQuery.

Podemos descargar el script desde GitHub y veremos que la página de ejemplo ya está lista para funcionar con una versión simplificada del script en donde setea lo mínimo indispensable. El demo lo pueden ver en este sitio.

El uso del mismo es extremadamente sencillo. Entre etiquetas <head> debemos cargar los archivos necesarios, revisando que las rutas sean las adecuadas para nuestro proyecto:

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="js/facedetection/ccv.js"></script>
<script src="js/facedetection/face.js"></script>
<script src="js/jquery.facedetection.js"></script>

Entre etiquetas <head> también, seteamos el script:

<script>
    $(function() {
        var coords = $('#myPicture').faceDetection();
        console.log(coords);
    });
</script>

Y luego bastará con insertar la imagen

<img id="myPicture" src="img/face.jpg">

Esperamos les resulte útil!

Dejar un comentario