WebcamSwiper

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

Built using JavaScript, HTML5, CSS3, Video,

  • 90 views
  • 3 comments

More About This Demo From The Author

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.

3 comments so far

Log in to add your own.

  1. PJaszkiewicz said,

    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 said,

    Liked the idea (+1)
  3. RIAEvangelist said,

    +1 for the idea.

Get the Source Code

Download the Source 87.8 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.