手機即時影像辨識APP：使用TensorFlow.js和React

安裝

npx create-react-app obj-detector
cd obj-detector
npm install @tensorflow/tfjs @tensorflow-models/coco-ssd

程式

// 到"obj-detector/src/"資料夾 
// 開啟App.js，將程式碼更換為下方網址內的內容

<a href="https://gist.githubusercontent.com/Jackie-Tan/edfcdbd62e8b4974b3856d968e1e53a1/raw/bad6e0a35006711c5e89a151ee962824385a3ab4/App.js" rel="nofollow noopener noreferrer" target="_blank">https://gist.githubusercontent.com/Jackie-Tan/edfcdbd62e8b4974b3856d968e1e53a1/raw/bad6e0a35006711c5e89a151ee962824385a3ab4/App.js</a>

<strong>/*更換App.css的內容如下*/</strong>

.app-position {
 position: fixed;
 margin: auto;
}

佈署

npm start

#開啟以下網址查看APP

<a href="http://localhost:3000/" rel="nofollow noopener noreferrer" target="_blank">http://localhost:3000/</a>

在手機上開

#開啟ngrok.exe後，輸入下方指令後會產生一串網址，將該網址於手機上開啟即可
#手機須使用Chrome開啟
ngrok http 3000