gokulkrishh / tensorflow-find-object

📸 A simple application to demonstrate TensorflowJS using mobile net model to predict objects via camera API.

Home Page:https://find.surge.sh

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

tensorflow-find-object

A simple application to demonstrate tensorflowjs using mobilenet model.

Note: This demo uses the pretrained MobileNet_25_224 model from Keras. It is not trained to recognize human faces. For best performance, show the images of objects like piano, coffee mugs, bottles, etc

Demo

Demo GIF

Installation

yarn or npm install

Run

npm run start

Build

npm run build

This project was bootstrapped with Create React App

Libraries I used

  1. Tensorflow js library.
  2. Used a tensorflow model called mobilenet to predict.
  3. Used media stream API with canvas to capture and give it to mobilenet model.

Problems I faced

  • Got minification error in TensorJS from webpack uglify plugin.
  • Safari browser in iOS device, the media stream API wont work unless you add facingMode = "environment"; in constraints object passed to getUserMedia API + with this hack.
  • After adding to homescreen, media stream API is not working in safari browser in iOS devcie.

MIT Licensed

About

📸 A simple application to demonstrate TensorflowJS using mobile net model to predict objects via camera API.

https://find.surge.sh

License:MIT License


Languages

Language:JavaScript 88.8%Language:CSS 6.2%Language:HTML 4.9%