WebGazer.js : d�tecter le regard des visiteurs de votre site Web
gr�ce � cette biblioth�que JavaScript

WebGazer.js est une biblioth�que JavaScript qui utilise la webcam pour d�tecter la direction du regard des visiteurs sur le site Web. L'objectif est de d�terminer les �l�ments que les visiteurs parcourent des yeux.

Con�u par Brown HCI, une �quipe qui �tudie l�interaction des utilisateurs avec les ordinateurs, l'outil est enti�rement �crit en JavaScript et, avec seulement quelques lignes de code, il peut �tre int�gr� dans n�importe quel site Web. Il s�ex�cute enti�rement dans le navigateur client, donc aucune donn�e vid�o ne doit �tre envoy�e � un serveur.

La biblioth�que utilise l'API getUserMedia/Stream et est ainsi compatible avec les navigateurs principaux sans qu'un mat�riel particulier ne soit n�cessaire.

Fort heureusement, et c'est de toute fa�on en partie g�r� par les navigateurs consciencieux, WebGazer.js s�ex�cute uniquement si l�utilisateur consent � donner acc�s � sa webcam. Quoi qu'il en soit, l'API, elle, n'est pas du tout nouvelle. Et l'acc�s � la webcam depuis du code JavaScript ne date pas d'hier m�me si �a fait encore d�bat aujourd'hui.

Voici quelques caract�ristiques :

  • calibration automatique selon les mouvements du curseur et les clics ;
  • facile � int�grer dans votre code ;
  • des composants pour la d�tection des yeux ;
  • des mod�les de pr�visions sur le mouvement du regard ;
  • la sauvegarde des informations entre sessions via le localstorage ;
  • la possibilit� de faire une pause en plein milieu du tra�age (en cas de probl�me de performance sur certaines de vos pages, par exemple).


WebGazer.js peut ouvrir d'autres possibilit�s d'utilisation. Sur la page d'exemples, il y a m�me un petit jeu o� vos yeux doivent guider une balle !

Mais bon, d�s qu'on parle de manipulation de webcam, une partie de la communaut� se r�volte, par peur, par crainte, par conviction. Gardons � l'esprit que comme toujours, ce ne sont pas les outils qu'on nous donne qui posent probl�me, c'est ce que nous en faisons.

Le site officiel.

Et vous ?

Que pensez-vous de ce genre d'outils ? En connaissez-vous d'autres ?


Retrouver les cours et tutoriels sur les frameworks JavaScript.