Update playlists

client/src/components/YouTubePlayer/YouTubePlayer.jsx

@@ -65,7 +65,6 @@ const YouTubePlayer = ({
             'onReady': (event) => {
               console.log("YouTube player ready");
 
-              // Start playback if needed
               if (autoplay) {
                 event.target.seekTo(startTime || 0);
                 event.target.playVideo();
@@ -76,7 +75,6 @@ const YouTubePlayer = ({
             },
             'onError': (event) => {
               console.error("YouTube player error:", event);
-              // Remove error handling
             }
           }
         });

client/src/pages/Game/Game.jsx

@@ -333,7 +333,7 @@ export const Game = () => {
                                 </div>
                                 
                                 <div className="music-controls">
-                                    <p className="instruction">Use the player above to listen, and the tone slider to play!</p>
+                                    <p className="instruction">Verändere die Frequenz des Tons, um den Song zu spielen.</p>
                                 </div>
                             </div>
                         )}
@@ -344,7 +344,7 @@ export const Game = () => {
                                     <div className="listening-icon">
                                         <FontAwesomeIcon icon={faHeadphones} size="4x" />
                                     </div>
-                                    <p className="instruction">Listen carefully and think about which song it might be!</p>
+                                    <p className="instruction">Hör dir die Frequenzen an und wähle den passenden Song aus.</p>
                                 </div>
                                 
                                 {songOptions.length > 0 && (
@@ -380,7 +380,7 @@ export const Game = () => {
                 return (
                     <div className="guessing-phase">
                         <div className="phase-header">
-                            <h3>Final Answer Time!</h3>
+                            <h3>Auswahlphase</h3>
                             <div className="timer urgent">
                                 <FontAwesomeIcon icon={faClock} /> {timeLeft}s
                             </div>
@@ -518,7 +518,7 @@ export const Game = () => {
                 );
                 
             default:
-                return <div>Unknown phase</div>;
+                return <div>Phasenfehler</div>;
         }
     };
 
@@ -586,7 +586,7 @@ export const Game = () => {
 
             {songsLoading && (
                 <div className="songs-loading-indicator">
-                    Loading songs...
+                    Lade Songs...
                 </div>
             )}
         </div>

client/src/pages/Game/components/MusicSlider/MusicSlider.jsx

@@ -57,7 +57,6 @@ export const MusicSlider = ({ isReadOnly, onFrequencyChange, frequency: external
   useEffect(() => {
     if (!isReadOnly || !externalFrequency) return;
     
-    // Initialize audio if not already done
     if (!audioContext) {
       initAudio();
       return;
@@ -83,10 +82,7 @@ export const MusicSlider = ({ isReadOnly, onFrequencyChange, frequency: external
       const rect = slider.getBoundingClientRect();
       const width = rect.width;
 
-      // Calculate relative X position using window coordinates
       let x = clientX - rect.left;
-      
-      // For positions outside the slider, calculate relative to slider bounds
       if (clientX < rect.left) x = 0;
       if (clientX > rect.right) x = width;
       

client/src/pages/WaitingRoom/WaitingRoom.jsx

@@ -123,7 +123,7 @@ export const WaitingRoom = () => {
 
         setMessages([{
             system: true,
-            text: "Welcome to the waiting room! Waiting for others to join..."
+            text: "Willkommen im Warteraum! Es wird noch auf weitere Spieler gewartet..."
         }]);
 
         return () => {
@@ -189,8 +189,8 @@ export const WaitingRoom = () => {
     const renderPlaylistSection = () => (
         <div className="playlist-section">
             <div className="section-header">
-                <h2>Choose a Playlist</h2>
+                <h2>Playlist wählen</h2>
-                <p className="vote-info">Most voted playlist will be used for the game</p>
+                <p className="vote-info">Die Playlist mit den meisten Stimmen wird gespielt</p>
             </div>
             <div className="playlists-grid">
                 {Object.entries(playlists).map(([genre, playlist]) => (
@@ -204,10 +204,10 @@ export const WaitingRoom = () => {
                             <div className="playlist-overlay">
                                 <div className="vote-count">
                                     <span className="count">{getVoteCount(playlist.id)}</span>
-                                    <span className="vote-label">votes</span>
+                                    <span className="vote-label">Stimmen</span>
                                 </div>
                                 {selectedPlaylist === playlist.id && (
-                                    <div className="your-vote">Your Vote</div>
+                                    <div className="your-vote">Deine Stimme</div>
                                 )}
                             </div>
                         </div>

client/src/pages/WaitingRoom/styles.sass

@@ -42,8 +42,8 @@
 
     h1
       font-size: 42pt
+      margin: 0
       color: $white
-      margin-bottom: 15px
       text-shadow: 0 0 15px rgba(255, 255, 255, 0.7)
       background: linear-gradient(135deg, $pink, $blue 45%, $mint-green 65%, $yellow 85%, $pink)
       background-size: 300% 100%

server/controller/game.js

@@ -28,7 +28,7 @@ const initializeGameState = (roomId) => {
             currentComposer: null,
             roundStartTime: null,
             phaseTimeLimit: {
-                composing: 30,
+                composing: 60,
                 guessing: 10
             },
             lastFrequency: 440,

server/services/youtubeService.js

@@ -8,7 +8,7 @@ const PLAYLISTS = {
   eighties: 'PLmXxqSJJq-yUvMWKuZQAB_8yxnjZaOZUp',
   nineties: 'PLmXxqSJJq-yUF3jbzjF_pa--kuBuMlyQQ',
   pop: 'PLxA687tYuMWhkqYjvAGtW_heiEL4Hk_Lx',
-  dance: 'PL64E6BD94546734D8'
+  marco: 'PLSTnYsLCH0WKpUvzrytqfvlhDTlqK_zj-'
 };
 
 let validatedPlaylists = {};