JavaScript and webRTC/getUserMedia
Once in while, i try to write some blog entry that is not just link to some interesting article :) This is 200 post so I think that would be the time to write something. I don't have much free time so i will be short and with a few links :)
I recently took a little more time to read about webRTC, this is a really simple but powerful functions provided by JavaScript. You could already found a link to the html5rock article on insidehtml5 http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/
Creating video chat inside browser has never been easier. But that's not the part that got my full attention, I clicked on link inside Google I/O presentation and found a game FaceKat where you move by moving your head. Game recognize your head and that is the only input in playing a game, you should definitely try this game, but somewhere where people will not look weird when you move your head in all directions :)
After that game i started reading more about recognition of your head inside JavaScript and found some libraries. First of them is headtrackr
headtrackr is a javascript library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard.
This library is very simple to use, you should look at different examples of use that allows.
But i want to find something more useful that tracking only head of person so i found second library tracking.js this library has more options.
The tracking.js brings to web elements tracking techniques of a real scene captured by the camera, through natural interactions from object tracking, color markers, among others, allowing the development of interfaces and games through a simple and intuitive API.
tracking.js - demo from Eduardo Lundgren on Vimeo.
This library gives you little more control, you can't be a Tony Stark and move everything with hand gestures but it is a good start.
At the end look at this Chrome experiment and get motivated so you also try to do something!
Gestures + Reveal.JS
















