Object detection in Web Browser

Using webcam/mobile camera

Live Link

https://optimistic-davinci-81bcd8.netlify.com/

Slow or can't detect?

Whereas typical object detection models run in powerful servers, this one runs on your device. So if your device is slow, it will take time.

Web Links

• Github : https://github.com/ShawonAshraf/Webcam-Object-Detection
• Gitlab : https://gitlab.com/ShawonAshraf/tfjs-object-detection

Model in use

Using Tiny YOLO, an ML model that's been converted to work in Tensorflow.js

Dependencies

Check the package.json file.

Running on local machine

• Clone the repo
• cd into the directory and run the following commands

npm install

npm run run-local

• Open your web browser and navigate to http://localhost:3000
• Allow browser to use your webcam.

Acknowledgements

• Tiny YOLO TFJS
• Siraj Raval's YouTube Video on Tensorflow.js
• Deep learning in your browser: A brisk guide by Mike Shi on Medium