$30 off During Our Annual Pro Sale. View Details »

tracking.js

Maira Bello
September 01, 2014

 tracking.js

Meet tracking.js, an open source computer vision library for JavaScript that allows you to easily build new interactions for the web.

Conheça o tracking.js, uma biblioteca de visão computacional open source para JavaScript que facilita a criação de novas interações na web.

Maira Bello

September 01, 2014
Tweet

Other Decks in Programming

Transcript

  1. Callback de sucesso function onSuccess(stream) { var video = document.querySelector('video');

    video.src = window.URL.createObjectURL(stream); video.onloadedmetadata = function(e) { // Pronto }; }
  2. Resumo Permissão do usuário <video> Acessar a câmera Reproduzir vídeo

    Algoritmos de tracking Obter matriz de pixels <canvas> Resultado
  3. 100% JavaScript! Open Source Sem dependências de outras bibliotecas tracking.js

    Algoritmos implementados Facilmente extensível API simples e intuitiva Alta performance Testes de unidade e de performance Setup automático ~ 7 Kb
  4. var tracker = new tracking.ColorTracker(‘magenta’); ! tracking.track('#video', tracker, { camera:

    true }); ! tracker.on('track', function(event) { event.data.forEach(function(rect) { // Seu código aqui }); });
  5. var tracker = new tracking.ObjectTracker(‘face’); ! tracking.track('#video', tracker, { camera:

    true }); ! tracker.on('track', function(event) { event.data.forEach(function(rect) { // Seu código aqui }); });
  6. var MyTracker = function() { MyTracker.base(this, 'constructor'); }; ! tracking.inherits(MyTracker,

    tracking.Tracker); ! MyTracker.prototype.track = function(pixels, width, height) { // Seu código aqui ! this.emit('track', { // Seu código aqui }); };
  7. var tracker = new tracking.MyTracker(); ! tracking.track('#video', tracker, { camera:

    true }); ! tracker.on('track', function(event) { event.data.forEach(function(rect) { // Seu código aqui }); });
  8. var tracker = new tracking.ColorTracker(‘magenta’); ! tracking.track('#video', tracker, { camera:

    true }); ! tracker.on('track', function(event) { event.data.forEach(function(rect) { // Seu código aqui }); }); Lembra?