Face Detection con jQuery

Tempo fa parlammo su questo blog di un algoritmo in JavaScript che con l’aiuto di canvas permette la rilevazione dei volti nelle immagini.

Jay Salvat, insieme all’autore di quell’algoritmo, lo sviluppatore cinese Liu Liu, ha realizzato un plugin jQuery che implementa questa tecnologia chiamata face detection.

Questo plugin riceve l’immagine e restituisce una matrice di coordinate dei volti individuati all’interno dell’immagine:

var coords = jQuery("#myImage").faceDetection();
console.log(coords);
/* esempio output sulla console:
  {
    x: 525 //coordinata x
    y: 435,  //coordinata y
    width: 144,  //larghezza immagine
    height: 144,  // altezza immagine
    positionX: 532.6353328125226,  //inizio x rispetto alla pagina
    positionY: 443.240976080536,  //inizio y rispetto alla pagina
    offsetX: 532.6353328125226,  //inizio x rispetto all'elemento genitore
    offsetY: 443.240976080536,  //inizio y rispetto all'elemento genitore
    confidence: 12.93120119  // livello precisione risultato
  }
*/

àˆ inoltre possibile aggiungere funzioni sugli eventi generati, in modo da personalizzare il risultato, come aggiungere un quadrato intorno al volto della persona.

I risultati non sono perfetti, ma per cià che questo plugin è destinato a fare lo fa piuttosto bene.