adaptive-motion

Want to control an AngularJS app using your web cam? Check it.
0 people use it
Submitted by: 840789? janantala

adaptive-motion v0.1.0 Build Status

This module allows you to control an AngularJS app using web camera.

Demo

Check out http://angular-adaptive.github.io/adaptive-motion/demo/

Requirements

Usage

We use bower for dependency management. Add

To your bower.json file. Then run

This will copy the angular-adaptive-motion files into your bower_components folder, along with its dependencies. Load the script files in your application:

Add the adaptive.motion module as a dependency to your application module:

and include $motion service as a dependency to your controller:

Public methods

$motion.start();

Starts gesture recognition.

$motion.stop();

Stops gesture recognition.

$motion.onStart(cb);

On start callback.

$motion.onStop(cb);

On stop callback.

$motion.onError(cb);

On error callback.

$motion.onSwipeLeft(cb);

On swipe left gesture. $motion.onSwipeLeft(function(data){ $scope.$apply(function(){ console.log('onSwipeLeft'); }); });

$motion.onSwipeRight(cb);

On swipe right gesture. $motion.onSwipeRight(function(data){ $scope.$apply(function(){ console.log('onSwipeRight'); }); });

$motion.onSwipeUp(cb);

On swipe up gesture. $motion.onSwipeUp(function(data){ $scope.$apply(function(){ console.log('onSwipeUp'); }); });

$motion.onSwipeDown(cb);

On swipe down gesture. $motion.onSwipeDown(function(data){ $scope.$apply(function(){ console.log('onSwipeDown'); }); });

Configuration

You can configure $motionProvider to a custom treshold options in app configuration.

You can also set custom hsv filter.

Visualization

If you want to visualize you can add adaptive-motion attribute into your canvas element. You can choose from following styles:

Video

video

Skin

skin

Edge

edge

Contributing

Contributions are welcome. Please make a pull request against canary branch and do not bump versions. Also include tests.

Testing

We use karma and jshint to ensure the quality of the code. The easiest way to run these checks is to use grunt:

The karma task will try to open Chrome as a browser in which to run the tests. Make sure this is available or change the configuration in test/test.config.js

References

Check out willy-vvu`s webcam-based control of reveal.js fork.

License

The MIT License

Copyright (c) 2013 Jan Antala, http://janantala.com

comments powered by Disqus
This page was last updated about 3 years ago.