Estúdio de Demos da Mozilla

  • Envie um Demo

WebcamSwiper

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

Criado com JavaScript, HTML5, CSS3, Vídeo,

  • 122 visualizações
  • 3 comentários

Mais comentários do autor sobre esse 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 comentários até agora

Registrar ou acessar para adicionar o seu demo.

  1. PJaszkiewicz disse,

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

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

    +1 for the idea.

Acessar o Código Fonte

Baixar o código fonte87.8 KB · arquivo ZIP

Browse the Source

Esse demo está sob a licença MPL/GPL/LGPL.