✨ Add websocket control for grouped items

src/clients/jellyfin/jellyfin.search.service.ts

@@ -95,6 +95,7 @@ export class JellyfinSearchService {
     const searchApi = getItemsApi(api);
     const { data } = await searchApi.getItems({
       ids: [id],
+      userId: this.jellyfinService.getUserId(),
     });
 
     if (data.Items.length !== 1) {

src/clients/jellyfin/jellyfin.websocket.service.ts

@@ -8,6 +8,7 @@ import { PlaybackService } from '../../playback/playback.service';
 import { JellyfinSearchService } from './jellyfin.search.service';
 import { JellyfinStreamBuilderService } from './jellyfin.stream.builder.service';
 import { Track } from '../../types/track';
+import { PlayNowCommand } from '../../types/websocket';
 
 @Injectable()
 export class JellyfinWebSocketService implements OnModuleDestroy {
@@ -87,15 +88,22 @@ export class JellyfinWebSocketService implements OnModuleDestroy {
         );
         break;
       case SessionMessageType[SessionMessageType.Play]:
-        const data = msg.Data as { ItemIds: string[]; StartIndex: number };
+        const data = msg.Data as PlayNowCommand;
-        const ids = data.ItemIds;
+        data.hasSelection = PlayNowCommand.prototype.hasSelection;
+        data.getSelection = PlayNowCommand.prototype.getSelection;
+        const ids = data.getSelection();
 
+        this.logger.debug(
+          `Adding ${ids.length} ids to the queue using controls from the websocket`,
+        );
+
+        ids.forEach((id, index) => {
           this.jellyfinSearchService
-          .getById(ids[data.StartIndex])
+            .getById(id)
             .then((response) => {
               const track: Track = {
                 name: response.Name,
-              durationInMilliseconds: response.RunTimeTicks / 1000,
+                durationInMilliseconds: response.RunTimeTicks / 10000,
                 jellyfinId: response.Id,
                 streamUrl: this.jellyfinStreamBuilderService.buildStreamUrl(
                   response.Id,
@@ -107,7 +115,19 @@ export class JellyfinWebSocketService implements OnModuleDestroy {
                   TotalRecordCount: 0,
                 },
               };
-            this.playbackService.enqueTrackAndInstantyPlay(track);
+
+              const trackId = this.playbackService.enqueueTrack(track);
+
+              if (index !== 0) {
+                return;
+              }
+
+              this.playbackService.setActiveTrack(trackId);
+              this.playbackService.getActiveTrackAndEmitEvent();
+            })
+            .catch((err) => {
+              this.logger.error(err);
+            });
         });
         break;
       default:

src/playback/playback.service.ts

@@ -43,7 +43,7 @@ export class PlaybackService {
 
     const newKey = keys[index + 1];
     this.setActiveTrack(newKey);
-    this.controlAudioPlayer();
+    this.getActiveTrackAndEmitEvent();
     return true;
   }
 
@@ -60,7 +60,7 @@ export class PlaybackService {
     const keys = this.getTrackIds();
     const newKey = keys[index - 1];
     this.setActiveTrack(newKey);
-    this.controlAudioPlayer();
+    this.getActiveTrackAndEmitEvent();
     return true;
   }
 
@@ -80,10 +80,10 @@ export class PlaybackService {
 
     if (emptyBefore) {
       this.setActiveTrack(this.playlist.tracks.find((x) => x.id === uuid).id);
-      this.controlAudioPlayer();
+      this.getActiveTrackAndEmitEvent();
     }
 
-    return this.playlist.tracks.findIndex((x) => x.id === uuid);
+    return uuid;
   }
 
   enqueTrackAndInstantyPlay(track: Track) {
@@ -95,7 +95,7 @@ export class PlaybackService {
     });
 
     this.setActiveTrack(uuid);
-    this.controlAudioPlayer();
+    this.getActiveTrackAndEmitEvent();
   }
 
   set(tracks: Track[]) {
@@ -133,7 +133,7 @@ export class PlaybackService {
     return this.getTrackIds().indexOf(this.playlist.activeTrack);
   }
 
-  private controlAudioPlayer() {
+  getActiveTrackAndEmitEvent() {
     const activeTrack = this.getActiveTrack();
     this.logger.debug(
       `A new track (${activeTrack.id}) was requested and will be emmitted as an event`,

src/types/websocket.ts

@@ -0,0 +1,37 @@
+export class PlayNowCommand {
+  /**
+   * A list of all items available in the parent element.
+   * Usually, this is a list of all tracks in an album or playlist.
+   */
+  ItemIds: string[];
+
+  /**
+   * A nullable index, that references an item in the ItemIds array.
+   * If this index is present, the command sender wishes to play only this specific item.
+   * If there is no index present, the sender would like to play all items in the ItemIds array.
+   */
+  StartIndex?: number;
+
+  /**
+   * An enum of possible play modes.
+   * PlayNow: Play the selection immideatly
+   */
+  PlayCommand: 'PlayNow';
+
+  /**
+   * The user who has sent the command via web socket
+   */
+  ControllingUserId: string;
+
+  hasSelection() {
+    return this.StartIndex !== undefined;
+  }
+
+  getSelection(): string[] {
+    if (this.hasSelection()) {
+      return [this.ItemIds[this.StartIndex]];
+    }
+
+    return this.ItemIds;
+  }
+}