Feature: Music playback

2025-11-23 20:33:32 +01:00
parent 141b3acf72
commit 451d4ea261
14 changed files with 255 additions and 54 deletions
@@ -22,6 +22,18 @@
 </head>
 <body>
    <!-- 3D Canvas will be injected here by Three.js -->
+    <div id="ui-container" class="absolute top-0 left-0 w-full h-full flex justify-center items-center">
+        <div class="text-center">
+            <button id="loadMusicButton" class="px-8 py-4 bg-[#8B4513] text-white font-bold text-2xl uppercase tracking-wider rounded-lg shadow-lg hover:bg-[#A0522D] transition duration-150 active:translate-y-px">
+                START THE PARTY
+            </button>
+            <input type="file" id="musicFileInput" accept=".mp3,.flac" style="display: none;">
+        </div>
+        <div id="metadata-container" class="text-center text-white hidden">
+            <h1 id="song-title" class="text-4xl font-bold tracking-widest"></h1>
+        </div>
+    </div>
+    <audio id="audioPlayer" style="display: none;"></audio>
 </body>
 </html>
 <!-- textures sourced from https://animalia-life.club/ -->