Update public/script.js

public/script.js

@@ -215,6 +215,7 @@ function playMusic(fileName) {
     }
 
     isLoadingMusic = true;
+    showLoader(true); // Show loader when starting to load a new song
     currentPlaying = fileName;
 
     updatePlayingIndicator();
@@ -227,12 +228,28 @@ function playMusic(fileName) {
 
     audio.oncanplaythrough = () => {
         isLoadingMusic = false;
+        showLoader(false); // Hide loader when song is ready
         document.getElementById('play-pause-btn').textContent = 'Pause'; // Update play/pause button
         audio.play(); // Start playback
     };
 
+   // Updated onended event handler within playMusic function
+    audio.onended = () => {
+      if (isLooping) {
+        // Replay the current song
+        audio.currentTime = 0;
+        audio.play();
+      } else {
+          const currentIndex = trackList.indexOf(currentPlaying);
+          if (currentIndex !== -1 && currentIndex < trackList.length - 1) {
+            playMusic(trackList[currentIndex + 1]);
+          }
+      }
+    };
+
     audio.onerror = () => {
         isLoadingMusic = false;
+        showLoader(false); // Hide loader on error
         alert(`Error loading the music: ${fileName}`);
         currentPlaying = ''; // Reset the current playing track
     };