WebcamSwiper

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

建立方法 JavaScript, HTML5, CSS3, Video,

  • 211 個檢視數
  • 3 條回應

作者所寫的更多關於此 Demo 的資訊

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 條回應

Log in to add your own.

  1. PJaszkiewicz 說,

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

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

    +1 for the idea.

About this Demo

下載原始碼 87.8 KB · ZIP 格式

Browse the Source

此 demo 係以 MPL/GPL/LGPL 條款進行授權。