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,

  • 閲覧数 93
  • コメント数 3

このデモについての作者の詳細コメント

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.

ソースコードを入手

ソースをダウンロード 87.8 KB · ZIP ファイル

Browse the Source

このデモは MPL/GPL/LGPL ライセンスの下で公開されています。