O objetivo com essas implementações era aprender mais sobre filtros gráficos.
Link para testar: https://marcoswitcel.github.io/video-filtering-examples/
Apenas clone o projeto e suba um servidor HTTP na pasta raiz, daí é só acessar o index.html
. Para desenvolvimento eu usei o Visual Studio Code e a extensão Live Server.
Coloquei logo a seguir alguns dos links que li para realizar a implementação.
- Exemplos de uso da API da Webcam pela Mozzila Developers: Uses WebRTC's getUserMedia() API, a <video> element, and a <canvas> to capture still photos using your webcam
- Exemplos de implementações de filtros de preto e branco: Seven grayscale conversion algorithms (with pseudocode and VB6 source code)
- YouTube: ml5.js: What is a Convolutional Neural Network Part 1 - Filters
- Site ml5.js: What is a Convolutional Neural Network Part 1
- GitHub: ml5.js: What is a Convolutional Neural Network Part 1
- Exemplo de filtro gaussiano: https://aryamansharda.medium.com/image-filters-gaussian-blur-eb36db6781b1
- Mais exemplos de filtro gaussiano: https://fiveko.com/gaussian-blur-filter/, https://fiveko.com/gaussian-filter-in-pure-javascript/.