Update public/script.js

public/script.js

@@ -158,36 +158,40 @@ function playMusic(fileName) {
         return;
     }
 
+    console.log("Trying to play: ", fileName);
+
     isLoadingMusic = true;
     currentPlaying = fileName;
 
     updatePlayingIndicator();
 
-    const loaderContainer = document.getElementById('loader-container');
-    loaderContainer.innerHTML = '';
     const player = document.getElementById('audio-player');
-    const loaderElement = document.createElement('div');
-    loaderElement.classList.add('loader');
-    loaderContainer.appendChild(loaderElement);
-
-    player.src = `/music/${fileName}`;
+    player.src = `/music/${fileName}`; // Make sure this path is correct
+    console.log("Set audio source to: ", player.src);
     player.load();
 
     player.oncanplaythrough = () => {
+        console.log("Audio can play through, starting playback...");
         isLoadingMusic = false;
-        loaderContainer.innerHTML = '';
+        document.getElementById('loader-container').innerHTML = ''; // Remove the loader element
         player.play();
         player.loop = isLooping;
         updateDuration();
         document.getElementById('play-pause-btn').textContent = 'Pause'; // Update button label
     };
 
-    player.onerror = () => {
+    player.onerror = (e) => {
+        console.error("Error loading the audio: ", e);
         isLoadingMusic = false;
-        loaderContainer.innerHTML = '';
+        document.getElementById('loader-container').innerHTML = ''; // Clear out the loader element
         alert(`Error loading the music: ${fileName}`);
         currentPlaying = '';
     };
+
+    // Add an alternative event listener as a test
+    player.onloadeddata = () => {
+        console.log("Audio data loaded, src: ", player.src);
+    };
 }
 
 // Add functions to manage the custom controls