Coder Social home page Coder Social logo

badookey / leap-music-player Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 190.13 MB

Play and control your music with a leap motion controller.

Processing 100.00%
game experience leap-motion leapmotion leap leap-motion-controller processing3 processing processing-audio java

leap-music-player's Introduction

Leap-Music-Player

Play and control your music using gesture controls! This was developed as a prototype for a smart ring with the same functionality, to prove that gesture based controls for controlling music would be viable. Leap-Music-Player Screenshot

Setup

The following hardware and software is required in order to run the Leap Music Player.

Leap Motion Controller (https://www.leapmotion.com) Processing 3.3.6 (https://www.leapmotion.com) with libraries:

  • Beads
  • Leap Motion library for Processing

All libraries available within Processing's internal library viewer.

Usage:

  • Plug in Leap motion, orient it to face towards the Ceiling, oriented perpedicular to the screen you're viewing
  • Open LeapMusicPlayer/LeapMusicPlayer.pde in Processing -- LeapMusicPlayer depends upon DoubleLinkedList.pde, however Processing should automatically load DoubleLinkedList.pde in a different tab
  • Use gestures in range of the leap motion's FOV to control your music.

Gestures

  • It is easiest for the leap to recognize gestures with one finger extended. I.e pretend you're pointing at the screen
  • Tap: Play/Pause music. Tap to pause music. Tap again to play!
  • Swipe Right: Skip music. Swipe right to skip to the next song.
  • Swipe Left: Rewind/Skip (backwards) music. Swipe left once to rewind to the start of the song. Swipe again to Skip to the previously played song. Continue swiping left to continuously skip to the previously played song.
  • Circle Clockwise: Volume up. Create small circles clockwise to increase the volume.
  • Circle Anticlockwise: Volume down. Create small circles anticlockwise to decrease volume.
  • Circle Gestures work on every axis, ensure to keep the entirety of the circle within the FOV of the leap motion. Smaller circles work best, imagine you're drawing the outline of a grape.

A demonstration of the gestures can be viewed here: https://www.youtube.com/watch?v=dVmbgqKYfi8&feature=youtu.be

Troubleshooting

Q: Leap Motion not detected in Processing

A: Install device drivers from https://www.leapmotion.com/setup/

You can view our mockups / designs for the final product here: https://www.youtube.com/watch?v=IPdm2zWZ1a8&feature=youtu.be

leap-music-player's People

Contributors

badookey avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.