File size: 2,922 Bytes
44d4e17 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | <!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Reachy Mini Object Detector</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="hero">
<div class="hero-content">
<div class="app-icon">๐๏ธ๐ค</div>
<h1>Reachy Mini Object Detector</h1>
<p class="tagline">Real-time object detection with head tracking โ your Reachy Mini sees and follows objects!</p>
</div>
</div>
<div class="container">
<div class="main-card">
<div class="app-preview">
<div class="preview-image">
<div class="camera-feed">๐ท</div>
<div class="detection-overlay">
<span class="bbox">Person 95%</span>
<span class="bbox">Cup 87%</span>
<span class="bbox">Laptop 82%</span>
</div>
</div>
</div>
<div class="app-details">
<h2>Features</h2>
<div class="template-info">
<div class="info-box">
<h3>Live Object Detection</h3>
<p>Uses SSD MobileNet V2 via TensorFlow Hub to detect objects in real-time at ~10 FPS on CPU. Draws bounding boxes and labels on the video stream.</p>
</div>
<div class="info-box">
<h3>Head Tracking</h3>
<p>The robot smoothly tracks the largest detected object, turning its head to follow it across the camera frame.</p>
</div>
<div class="info-box">
<h3>Antenna Reactions</h3>
<p>Antennas wiggle when a new type of object is spotted for the first time โ a fun visual cue for discovery.</p>
</div>
<div class="info-box">
<h3>Web Dashboard</h3>
<p>Live annotated video feed with detection list, FPS counter, and a toggle to enable/disable head tracking.</p>
</div>
</div>
<div class="how-to-use">
<h3>How to Install</h3>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<div>
<h4>From the Dashboard</h4>
<p>Open the Reachy Mini dashboard, go to Apps, and click Install on this app.</p>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div>
<h4>Or install manually</h4>
<p>pip install git+https://huggingface.co/spaces/backtoengineering/reachy_mini_object_detector</p>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div>
<h4>Run it</h4>
<p>Start the app from the dashboard or run it directly. The web UI is available at http://0.0.0.0:8042</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
๐๏ธ Reachy Mini Object Detector •
<a href="https://github.com/pollen-robotics" target="_blank">Pollen Robotics</a> •
<a href="https://huggingface.co/spaces/pollen-robotics/reachy-mini-landing-page#apps" target="_blank">Browse More
Apps</a>
</p>
</div>
</body>
</html> |