This project combines a radar-style canvas visualization with real-time object detection using TensorFlow.js and the COCO-SSD model. It works directly in the browser using the device camera.
- π― Real-time object detection using COCO-SSD
- π§ Option to filter for people only
- π£οΈ Voice output using Speech Synthesis API
- ποΈ Control panel to pause detection, mute/unmute voice, and toggle filters
- π‘ Radar canvas that simulates motion detection with red blips
- π· Hidden camera feed for a clean UI
- β Fully offline support possible with local model files
Just open index.html in your browser with internet access (uses CDN for models).
-
Download the
COCO-SSDmodel and save it in amodels/coco-ssd/folder:model.json- Binary weight
.binfile (linked from above.json)
-
Place both
tf.min.jsandcoco-ssd.min.jsin your project folder. -
Update the script tags in
index.html:<script src="tf.min.js"></script> <script src="coco-ssd.min.js"></script>
-
Update
main.jsto load the model locally :model = await cocoSsd.load({ modelUrl: 'models/coco-ssd/model.json'});
βββ index.html
βββ main.js
βββ style.css
βββ tf.min.js # (optional - offline only)
βββ coco-ssd.min.js # (optional - offline only)
βββ models/
βββ coco-ssd/
βββ model.json
βββ group1-shard1of1.bin