Baixado 21 vezes
Carregado porMaira Bello
Tracking js
O documento apresenta o tracking.js, uma biblioteca JavaScript para detecção e reconhecimento de faces, além de suporte à realidade aumentada e virtual. Ele inclui instruções para acesso à câmera, reprodução de vídeo e uso de algoritmos de tracking, com exemplos práticos de implementação. A biblioteca é open-source, leve (cerca de 7 kb) e fornece uma API simples e intuitiva, permitindo a criação de trackers personalizados.
Tracking js
- 1. Maira Bello tracking.js uma novadimensão
- 2.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. Como fazer isso nobrowser?
- 15.
- 16. Acesso à câmera navigator.getUserMedia({ video:true }, onSuccess, onFail);
- 17.
- 18.
- 19. Callback de sucesso functiononSuccess(stream) { var video = document.querySelector('video'); video.src = window.URL.createObjectURL(stream); video.onloadedmetadata = function(e) { // Pronto }; }
- 20. Obter matriz depixels #3
- 21.
- 22.
- 23. Resumo Permissão do usuário <video> Acessara câmera Reproduzir vídeo Algoritmos de tracking Obter matriz de pixels <canvas> Resultado
- 24.
- 25.
- 26.
- 27.
- 29. Maira Bello Pablo Carvalho ZenoRocha Time Eduardo Lundgren Java
- 30. 100% JavaScript! Open Source Semdependê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
- 31.
- 32.
- 34.
- 35. 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 }); });
- 36.
- 38.
- 39. 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 }); });
- 40.
- 41. 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 }); };
- 42. 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 }); });
- 43.
- 44.
- 46.
- 48.
- 49.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57. 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?
- 58.
- 59.
- 60.
- 61.