Mozilla Demo Studio

  • Soumettre une démo

WebcamSwiper

Uses the getUserMedia API to watch for hand swipes in front of the webcam to turn the pages of a book.

Construit avec JavaScript, HTML5, CSS3, Vidéo,

  • 123 vues
  • 3 commentaires

L'auteur nous en dit plus sur cette démo

This demo allows a user to make gestures in the air with their hand to fire events on the page. A browser with access to the webcam via the getUserMedia API is required. The example I created for the demo allows someone viewing a book to turn the pages of the book by swiping left or right in the air. Another use could be to flip through photos in a carousel.

déjà 3 commentaires

Inscrivez-vous ou connectez-vous pour ajouter le vôtre.

  1. PJaszkiewicz a dit

    I like the idea, but it looks like it changes the pages randomly left or right, no matter in which way I wave my hand.
  2. shafiul a dit

    Liked the idea (+1)
  3. RIAEvangelist a dit

    +1 for the idea.

Obtenir le code source

Téléchargez le fichier ZIP · 87.8 Ko

Browse the Source

Cette démo est fournie sous la licence MPL/GPL/LGPL.