fix(backend): only add the very next track to the streaming service q…

…ueue

backend/src/RoomStorage.ts

@@ -113,6 +113,10 @@ export default class RoomStorage {
           if (remote instanceof QueueableRemote) {
             let nextTrack = room.getQueue().at(0);
 
+            /* If the track that just started playing is the next track in the queue,
+             * that means the streaming service has started playing it, most likely because
+             * the previous track ended so we can remove it from the queue
+             */
             if (nextTrack?.url === newPlaybackState.url) {
               room.shiftQueue();
               nextTrack = room.getQueue().at(0);

backend/src/socketio/Room.ts

@@ -136,7 +136,13 @@ export default class Room {
 
     // For remote streaming services, we should add the track to the queue of the player
     if (!(this.remote instanceof QueueableRemote)) return;
-    (this.remote as QueueableRemote).addToQueue(track.url);
+
+    // Only add the track to the queue if it's the first track added to the queue
+    // On QueuableRemotes, we only want the very next track to be in the queue, so that other tracks in the queue can be downvoted, without needing to remove the downvoted tracks from the QueuableRemote queue
+    if (this.queue.length > 1) return;
+
+    const queuableRemote = this.remote as QueueableRemote;
+    queuableRemote.addToQueue(track.url);
   }
 
   async removeWithLink(rawUrl: string) {