|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Spotify Dancer - Reachy Mini App</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<div class="header"> |
|
|
<h1>🎵 Spotify Dancer</h1> |
|
|
<p>Make your Reachy Mini dance to Spotify music!</p> |
|
|
</div> |
|
|
|
|
|
<div class="features"> |
|
|
<div class="feature"> |
|
|
<h3>🎧 Spotify Connect</h3> |
|
|
<p>Reachy Mini appears as a speaker in your Spotify app</p> |
|
|
</div> |
|
|
<div class="feature"> |
|
|
<h3>🎵 Beat Detection</h3> |
|
|
<p>Real-time audio analysis with BPM estimation</p> |
|
|
</div> |
|
|
<div class="feature"> |
|
|
<h3>💃 Dance Styles</h3> |
|
|
<p>Energetic, Groovy, Chill, and Hip-Hop modes</p> |
|
|
</div> |
|
|
<div class="feature"> |
|
|
<h3>🔊 Stream Analysis</h3> |
|
|
<p>Direct audio capture via ALSA loopback</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="install"> |
|
|
<h2>Installation</h2> |
|
|
<p>Install this app on your Reachy Mini from the dashboard, or run:</p> |
|
|
<code>pip install spotify_dancer</code> |
|
|
</div> |
|
|
|
|
|
<div class="setup"> |
|
|
<h2>Quick Setup</h2> |
|
|
<ol> |
|
|
<li>Install raspotify for Spotify Connect</li> |
|
|
<li>Enable ALSA loopback for best detection</li> |
|
|
<li>Start the app from Reachy Mini dashboard</li> |
|
|
<li>Select 'loopback_in' as audio input</li> |
|
|
<li>Play music on Spotify → Select "Reachy Mini"</li> |
|
|
<li>Click "Start Dancing" and enjoy!</li> |
|
|
</ol> |
|
|
</div> |
|
|
|
|
|
<div class="footer"> |
|
|
<p>Built for the Reachy Mini community</p> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
|
|
|
