Home

IfVisible.js est une bibliothèque Javascript permettant détecter le statut d’une page web: Active, caché ou inactive.

IfVisible.js est une bibliothèque Javascript permettant détecter le statut d'une page web: Active, caché ou inactive.

Imaginons que vous avez développé une application nécessitant que l’utilisateur soit bien actif sur la page en cours (pas sur un autre onglet ou avec le navigateur réduit), Ifvisible.js va vous permettre d’ajouter des évènements pour capter si votre page est active, cachée ou si vous êtes dans un état d’inactivité.

Ainsi vous pourrez alors stoper les animations en cours, les chronos ou timers … et les redémarrer automatiquement dès que l’utilisateur reviendra sur votre page.

Le script propose plusieurs méthodes / API:

01.ifvisible.on("blur", function(){
02.// L'utilisateur a switché d'onglet ou réduit son navigateur
03.animations.pause();
04.});
05. 
06.ifvisible.on("focus", function(){
07.// L'utilisateur revient sur la page
08.animations.resume();
09.});
10. 
11.ifvisible.on("idle", function(){
12.// L'utilisateur est devenu inactif sur la page depuis XX secondes
13.stream.pause();
14.});
15. 
16.ifvisible.on("wakeup", function(){
17.// L'utilisateur est de nouveau actif sur la page après une phase d'idle
18.stream.resume();
19.});

Vous pouvez déterminer la durée pour passer en mode idle et aussi forcer un état via l’API Javascript.

A tester sur vos prochains devs de jeux web, app interactives et animations web !

Site Officiel

Advertisements

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s