keras 13 tensorflowjs mobileNet & ionic react

project site: http://chuanshuoge-ionic-tensorflowjs-mobilenet.surge.sh/home

code link: https://github.com/chuanshuoge6/ionic-tensorflowjs-mobilenet

create a python project to convert mobileNet model for tensorflowjs

#powershell

pip install tensorflow

pip install tensorflowjs

#main.py

import tensorflowjs as tfjs

import tensorflow as tf

mobileNet = tf.keras.applications.mobilenet.MobileNet()

tfjs.converters.save_keras_model(mobileNet,'mobileNet')

create ionic react project, 

copy paste model generated from python project into public/assets folder

//cmd 

ionic start app-name

npm install @tensorflow/tfjs

npm install dom-to-image

reference:

https://www.youtube.com/watch?v=EoYfa6mYOG4&feature=youtu.be

load tensorflowjs model by javascript

https://www.tensorflow.org/js/tutorials/conversion/import_keras

tf.fromPixels was deprecated

https://stackoverflow.com/questions/55402551/why-am-i-getting-the-error-tf-frompixels-is-not-a-function

react serve static files

https://stackoverflow.com/questions/53014651/is-it-possible-to-serve-static-files-with-create-react-app-from-public-folder

imagenet labels

https://gist.github.com/yrevar/942d3a0ac09ec9e5eb3a

dom to image - media source unsecure error

https://github.com/tsayen/dom-to-image 

get temporary url for browsed local image

http://chuanshuoge2.blogspot.com/2020/03/react-canvas-color-filter.html