Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Reachy Mini DanceML</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <div class="hero"> | |
| <div class="hero-content"> | |
| <div class="app-icon">🤖🎤</div> | |
| <h1>Reachy Mini DanceML</h1> | |
| <p class="tagline">Voice-controlled movement SDK for Reachy Mini robot</p> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="main-card"> | |
| <div class="app-preview"> | |
| <div class="preview-image"> | |
| <div class="camera-feed">🎙️</div> | |
| <pre class="code-preview">"Hey Reachy!" | |
| "Do a happy dance" | |
| "Now look surprised" | |
| "Wave hello to everyone"</pre> | |
| </div> | |
| </div> | |
| <div class="app-details"> | |
| <h2>About DanceML</h2> | |
| <div class="template-info"> | |
| <div class="info-box"> | |
| <h3>🎤 Voice Control</h3> | |
| <p>Natural language commands via OpenAI Realtime API. Just speak to your Reachy Mini and watch | |
| it respond!</p> | |
| </div> | |
| <div class="info-box"> | |
| <h3>🧠 AI Agent</h3> | |
| <p>11 function-calling tools for precise movement control, from simple poses to complex | |
| choreography.</p> | |
| </div> | |
| </div> | |
| <div class="how-to-use"> | |
| <h3>Features</h3> | |
| <div class="steps"> | |
| <div class="step"> | |
| <div class="step-number">1</div> | |
| <div> | |
| <h4>📚 Move Library</h4> | |
| <p>101 pre-recorded dances and emotional expressions ready to use</p> | |
| </div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">2</div> | |
| <div> | |
| <h4>🌊 Procedural Motion</h4> | |
| <p>Generate continuous animations with waveforms like spirals, circles, and | |
| figure-eights</p> | |
| </div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">3</div> | |
| <div> | |
| <h4>🎬 Sequence Planning</h4> | |
| <p>Multi-step choreography via GPT-4.1 planner with smooth keyframe interpolation</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-info" style="margin-top: 2rem;"> | |
| <div class="info-box"> | |
| <h3>🎯 Available Tools</h3> | |
| <p><code>goto_pose</code> • <code>look_at</code> • <code>play_move</code> • | |
| <code>search_moves</code> • <code>execute_sequence</code> • <code>generate_motion</code> | |
| </p> | |
| </div> | |
| <div class="info-box"> | |
| <h3>📖 Move Dataset</h3> | |
| <p>Access 101 pre-recorded moves via the <a | |
| href="https://huggingface.co/datasets/pollen-robotics/reachy-mini-dances-library" | |
| target="_blank">HuggingFace dataset</a>.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="footer"> | |
| <p> | |
| 🤖 Reachy Mini DanceML • | |
| <a href="https://github.com/pollen-robotics" target="_blank">Pollen Robotics</a> • | |
| <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_Apps" target="_blank">Browse More | |
| Apps</a> | |
| </p> | |
| </div> | |
| </body> | |
| </html> |