O documento apresenta o Tracking.js, um framework para visão computacional no navegador web. O framework utiliza especificações HTML5 para realizar rastreamento em tempo real de cores, detecção de faces e outras funcionalidades. Ele possui um núcleo leve e interface intuitiva para desenvolvedores. Exemplos demonstram seu uso para detecção de características, descritores, convolução de imagens e outras utilidades.

1. Tracking.jjss: um framework
para visão computacional
JJooããoo GGaabbrriieell LLiimmaa
www.jgabriellima.com

2. About me
Engenheiro da Computação
Especialista em Business Inteligence
Mestrando em Computação Aplicada – PPGEE/UFPa
[BigData – Machine Learning – Cloud/Stream Computing]
Laboratório de Inteligência Computacional - UFPa
Arquiteto de Soluções – Indra Company

3. Visão Computacional

4. Visão Computacional
Entrada: Imagem
Saída: Conjunto de Valores que
podem compor ou não uma
imagem
Emular a visão humana
Entrada: Imagem
Saída: Interpretação da
Imagem (total ou parcial)
Processamento de
Imagem

5. Visão Computacional Processamento de
Imagem
Operação de equalização de histograma da imagem

6. Visão Computacional Processamento de
Imagem
Uma operação de vviissããoo ccoommppuuttaacciioonnaall é a aapplliiccaaççããoo ddee uumm ooppeerraaddoorr
qquuee eexxttrraaii aa ppllaaccaa ddoo vveeííccuulloo e identifica as letras e números da placa,
possibilitando que os dados do veículo sejam encontrados em um banco
de dados

7. Visão Computacional

8. Como Fazer?

10. OpenCV (Open Source Computer Vision)
• Open-source
• Desenvolvido Inicialmente pela Intel
• Mais de 500 funções
• Processamento de imagens;
• Análise estrutural;
• Análise de movimento e rastreamento de objetos;
• Reconhecimento de padrões
• Calibração de câmera e reconstrução 3D

11. OpenCV (Open Source Computer Vision)
Aplicações:
• MMeeddiicciinnaa
• Processamento médico da imagens: extração de informação de imagens para
realizar diagnósticos sobre os pacientes.
• Microscopia, Radiografia, Angioplastia, Ultrasonografia, Tomografia,
Ressonância magnética.
• AApplliiccaaççõõeess mmiilliittaarreess
• Detecção de unidades inimigas
• Mísseis tele-guiados
• VVeeííccuullooss aauuttôônnoommooss
• Navegação
• Localização
• Exploração Espacial

12. INTERATIVIDADE

14. Web

16. HTML5

17. HTML5

18. HTML5
Pico de acesso ao hardware do dispositivo:
● Localização geográfica (GPS)
● API de orientação (acelerômetro)
● WebGL (GPU)
● API de áudio da web (hardware de áudio)

19. HTML5 => Visão Computacional
getUserMedia()

20. tracking.js
A modern approach for Computer Vision on the web
http://trackingjs.com

22. tracking.js
A biblioteca tracking.js traz diferentes algoritmos para
visão computacional e técnicas para o browser.
Por meio de especificações modernas HTML5, que
permitem que você faça rastreamento em tempo real de
cor, detecção de faces e muito mais.
Um núcleo leve (~ 7 KB) e interface intuitiva.

23. Exemplos

24. Exemplos tracking.js
● Hello World
● Face tag
● Face Camera
● Fast(Feature Detection)
● Brief Camera
● Color Camera
● Color Draw
● Color Fish
● HexGL

25. Trackers
● Color Tracker
● Object Tracker
● Custom Tracker
Utilities
● Feature Detection (Fast)
● Feature Descriptor (Brief)
● Convolution
● Gray Scale
● Image Blur
● Integral Image
● Sobel
● Viola Jones

26. Utilities
● Feature Detection (Fast)
● Feature Descriptor (Brief)
● Convolution
● Gray Scale
● Image Blur
● Integral Image

27. Equipe
https://github.com/eduardolundgren/tracking.js

28. Dúvidas ?

29. Add me
http://br.linkedin.com/pub/joão-gabriel-lima/56/18a/450/
https://github.com/jgabriellima

30. Tracking.jjss: um framework
para visão computacional
JJooããoo GGaabbrriieell LLiimmaa
www.jgabriellima.com