91 lines
5.3 KiB
Markdown
91 lines
5.3 KiB
Markdown
|
# tracking.js
|
||
|
|
||
|
[![Build Status](http://img.shields.io/travis/eduardolundgren/tracking.js.svg?style=flat)](https://travis-ci.org/eduardolundgren/tracking.js)
|
||
|
[![DevDependencies Status](http://img.shields.io/david/dev/eduardolundgren/tracking.js.svg?style=flat)](https://david-dm.org/eduardolundgren/tracking.js#info=devDependencies)
|
||
|
|
||
|
The tracking.js library brings different computer vision algorithms and techniques into the browser environment. By using modern HTML5 specifications, we enable you to do real-time color tracking, face detection and much more — all that with a lightweight core (~7 KB) and intuitive interface.
|
||
|
|
||
|
* [Official website](http://trackingjs.com)
|
||
|
* [Documentation](http://trackingjs.com/docs.html)
|
||
|
* [API Docs](http://trackingjs.com/api/)
|
||
|
|
||
|
## Install
|
||
|
|
||
|
Install via [Bower](http://bower.io/), [npm](https://www.npmjs.com/), or [download as a zip](https://github.com/eduardolundgren/tracking.js/archive/master.zip):
|
||
|
|
||
|
```
|
||
|
bower install tracking
|
||
|
```
|
||
|
|
||
|
```
|
||
|
npm install tracking
|
||
|
```
|
||
|
|
||
|
## Examples
|
||
|
|
||
|
[![Demo 1](https://cloud.githubusercontent.com/assets/398893/3709347/ec72876c-1453-11e4-8450-149d06d487f2.jpg)](http://trackingjs.com/examples/face_tag_friends.html)
|
||
|
[![Demo 2](https://cloud.githubusercontent.com/assets/398893/3709357/1a1c2e16-1454-11e4-804d-e6ada6c65997.jpg)](http://trackingjs.com/examples/face_fish_tank.html)
|
||
|
[![Demo 3](https://cloud.githubusercontent.com/assets/398893/3709361/38f86e8a-1454-11e4-811d-52bd21b37e85.jpg)](http://trackingjs.com/examples/color_hexgl.html)
|
||
|
[![Demo 4](https://cloud.githubusercontent.com/assets/398893/3709464/5447a302-1456-11e4-96b2-d2fae28e2a01.jpg)](http://trackingjs.com/examples/color_draw_something.html)
|
||
|
[![Demo 5](https://cloud.githubusercontent.com/assets/398893/3709469/6a3e859a-1456-11e4-982a-d46a55890e1e.jpg)](http://trackingjs.com/examples/color_fish_tank.html)
|
||
|
|
||
|
## Features
|
||
|
|
||
|
* [Trackers](http://trackingjs.com/docs.html#trackers)
|
||
|
* [Color Tracker](http://trackingjs.com/docs.html#color-tracker)
|
||
|
* [Object Tracker](http://trackingjs.com/docs.html#object-tracker)
|
||
|
* [Utilities](http://trackingjs.com/docs.html#utilities)
|
||
|
* [Feature Detection (Fast)](http://trackingjs.com/docs.html#feature-detection)
|
||
|
* [Feature Descriptor (Brief)](http://trackingjs.com/docs.html#feature-descriptor)
|
||
|
* [Convolution](http://trackingjs.com/docs.html#convolution)
|
||
|
* [Gray Scale](http://trackingjs.com/docs.html#gray-scale)
|
||
|
* [Image Blur](http://trackingjs.com/docs.html#image-blur)
|
||
|
* [Integral Image](http://trackingjs.com/docs.html#integral-image)
|
||
|
* [Sobel](http://trackingjs.com/docs.html#sobel)
|
||
|
* [Viola Jones](http://trackingjs.com/docs.html#viola-jones)
|
||
|
* [Web Components](http://trackingjs.com/docs.html#web-components)
|
||
|
* [Color Element](http://trackingjs.com/docs.html#color-element)
|
||
|
* [Object Element](http://trackingjs.com/docs.html#object-element)
|
||
|
|
||
|
## Browser Support
|
||
|
|
||
|
You can plug *tracking.js* into some well supported HTML elements such as `<canvas>`, `<video>` and `<img>`.
|
||
|
|
||
|
![IE](https://cloud.githubusercontent.com/assets/398893/3528325/20373e76-078e-11e4-8e3a-1cb86cf506f0.png) | ![Chrome](https://cloud.githubusercontent.com/assets/398893/3528328/23bc7bc4-078e-11e4-8752-ba2809bf5cce.png) | ![Firefox](https://cloud.githubusercontent.com/assets/398893/3528329/26283ab0-078e-11e4-84d4-db2cf1009953.png) | ![Opera](https://cloud.githubusercontent.com/assets/398893/3528330/27ec9fa8-078e-11e4-95cb-709fd11dac16.png) | ![Safari](https://cloud.githubusercontent.com/assets/398893/3528331/29df8618-078e-11e4-8e3e-ed8ac738693f.png)
|
||
|
--- | --- | --- | --- | --- |
|
||
|
IE 9+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
|
||
|
|
||
|
However, the browser support may vary if you request the user's camera (which relies on [getUserMedia API](http://caniuse.com/#feat=stream)).
|
||
|
|
||
|
## Roadmap
|
||
|
|
||
|
- [ ] Optical flow
|
||
|
- [ ] Face recognition
|
||
|
- [ ] Pose estimation
|
||
|
- [ ] Faster keypoint descriptor (BRIEF)
|
||
|
- [ ] More trainings (Hand, car plate, etc)
|
||
|
|
||
|
## Contributing
|
||
|
|
||
|
1. Fork it!
|
||
|
2. Create your feature branch: `git checkout -b my-new-feature`
|
||
|
3. Commit your changes: `git commit -m 'Add some feature'`
|
||
|
4. Push to the branch: `git push origin my-new-feature`
|
||
|
5. Submit a pull request :D
|
||
|
|
||
|
## History
|
||
|
|
||
|
For detailed changelog, check [Releases](https://github.com/eduardolundgren/tracking.js/releases).
|
||
|
|
||
|
## Team
|
||
|
|
||
|
*tracking.js* is maintained by these people and a bunch of awesome [contributors](https://github.com/eduardolundgren/tracking.js/graphs/contributors).
|
||
|
|
||
|
[![Eduardo Lundgren](https://2.gravatar.com/avatar/42327de520e674a6d1686845b30778d0)](https://github.com/eduardolundgren) | [![Thiago Rocha](https://2.gravatar.com/avatar/09c627c62a26a770200819a41a71a3eb)](https://github.com/thiago-rocha) | [![Zeno Rocha](https://2.gravatar.com/avatar/e190023b66e2b8aa73a842b106920c93)](https://github.com/zenorocha) | [![Pablo Carvalho](https://2.gravatar.com/avatar/ae10d2692a6adbf051c6d4255e222df8)](https://github.com/pablocp) | [![Maira Bello](https://2.gravatar.com/avatar/97e0e62c9c02badba4c321f7613e6acf)](https://github.com/mairatma)
|
||
|
--- | --- | --- | --- | ---
|
||
|
[Eduardo Lundgren](https://github.com/eduardolundgren) | [Thiago Rocha](https://github.com/thiago-rocha) | [Zeno Rocha](https://github.com/zenorocha) | [Pablo Carvalho](https://github.com/pablocp) | [Maira Bello](https://github.com/mairatma)
|
||
|
|
||
|
## License
|
||
|
|
||
|
[BSD License](https://github.com/eduardolundgren/tracking.js/blob/master/LICENSE.md) © Eduardo Lundgren
|