fix playlists

Author: Mindgamesnl

client/public/metadata.json

@@ -1 +1 @@
-{"buildMajor":1,"buildMinor":125,"buildRevision":345,"buildTag":"dev","buildDate":"Sun Sep 21 2025","build":"1.125.345 dev"}
+{"buildMajor":1,"buildMinor":125,"buildRevision":346,"buildTag":"dev","buildDate":"Mon Nov 24 2025","build":"1.125.346 dev"}

client/src/client/medialib/MediaTrack.js

@@ -1,4 +1,5 @@
 import { TimeService } from '../services/time/TimeService';
+import { AudioSourceProcessor } from '../util/AudioSourceProcessor';
 
 export class MediaTrack {
   constructor({
@@ -18,6 +19,7 @@ export class MediaTrack {
     this.startInstant = startInstant || null;
     this.speedPct = speedPct || 100;
     this.muted = !!muted;
+    this.sourceRewriter = new AudioSourceProcessor();
 
     this.audio = providedAudio || new Audio();
     // Prefer eager metadata loading so we can compute duration/start offsets early
@@ -32,6 +34,8 @@ export class MediaTrack {
       console.warn('Replacing audio src', this.audio.src, 'with', source);
       this.audio.src = source;
     }
+
+    // this is not supported enough
     this.audio.loop = !!loop;
 
     this.epoch = 0;
@@ -42,6 +46,33 @@ export class MediaTrack {
     this._handlers = { ended: null, error: null };
   }
 
+  setPlaylist(playlistArray) {
+    if (this.audio.loop) {
+      this.audio.loop = false;
+      this.currentSongIndex = playlistArray.length - 1;
+      this.audio.addEventListener('ended', () => {
+        let nextIndex = this.currentSongIndex + 1;
+        if (nextIndex >= playlistArray.length) {
+          if (this.loop) {
+            nextIndex = 0;
+            this.currentSongIndex = 0;
+          } else {
+            return;
+          }
+        }
+        this.currentSongIndex = nextIndex;
+
+        const nextSource = playlistArray[nextIndex];
+        this.sourceRewriter.translate(nextSource).then((translatedSrc) => {
+          // have we not been stopped/destroyed in the meantime?
+          if (this.state === 'destroyed' || this.state === 'stopped') return;
+          this.audio.src = translatedSrc;
+          this.audio.play();
+        });
+      });
+    }
+  }
+
   setTimerInterval(fn, ms) {
     const id = setInterval(fn, ms);
     this.timers.add(id);
@@ -101,6 +132,7 @@ export class MediaTrack {
     const onErr = endGuard(() => {
     });
     const onEnd = endGuard(() => {
+      if (this.loop) return;
       this.onFinish.forEach((cb) => {
         try {
           cb();

client/src/client/services/media/objects/Sound.jsx

@@ -203,6 +203,7 @@ export class Sound extends AudioSourceProcessor {
       }
 
       this.soundElement.onended = async () => {
+        console.log('onended');
         if (this.gotShutDown) return;
         if (!this.finsishedInitializing) return;
 
@@ -219,6 +220,7 @@ export class Sound extends AudioSourceProcessor {
         }
 
         if (this.loop && !this.gotShutDown) {
+          console.log('looping sound');
           try {
             // possibly fetch next playlist entry
             const nextSource = await this.translate(this.rawSource);
@@ -238,6 +240,7 @@ export class Sound extends AudioSourceProcessor {
               if (this._track) await this._track.play();
             }
           } catch (error) {
+            console.error('error');
             debugLog('Error handling loop:', error);
           }
         } else if (!this.gotShutDown) {

client/src/client/services/socket/handlers/HandleCreateMedia.jsx

@@ -29,15 +29,19 @@ export async function handleCreateMedia(data) {
 
   await MEDIA_MUTEX.lock();
   const initialSource = source;
+  const isPlaylist = source.startsWith('[') && source.endsWith(']');
+
   source = await sourceRewriter.translate(source);
-  console.log(`translaged source ${initialSource} to ${source}`);
+
   let preloaded;
-  try {
-    preloaded = await AudioPreloader.getResource(source, false, true);
-  } catch (e) {
-    console.error(`Failed to load audio from ${source}`, e);
-    MEDIA_MUTEX.unlock();
-    return;
+  if (!isPlaylist) {
+    try {
+      preloaded = await AudioPreloader.getResource(source, false, true);
+    } catch (e) {
+      console.error(`Failed to load audio from ${source}`, e);
+      MEDIA_MUTEX.unlock();
+      return;
+    }
   }
 
   // only if its a new version and provided, then use that volume
@@ -76,6 +80,10 @@ export async function handleCreateMedia(data) {
     id: `${id}::0`, source, audio: preloaded, loop: looping, startAtMillis, startInstant,
   });
 
+  if (isPlaylist) {
+    track.setPlaylist(JSON.parse(initialSource));
+  }
+
   if (speed != null && speed !== 1 && speed !== 0) track.setPlaybackSpeed(speed);
   newChannel.addTrack(track);
   if (!looping) {

client/src/metadata.json

@@ -1 +1 @@
-{"buildMajor":1,"buildMinor":125,"buildRevision":345,"buildTag":"dev","buildDate":"Sun Sep 21 2025","build":"1.125.345 dev"}
+{"buildMajor":1,"buildMinor":125,"buildRevision":346,"buildTag":"dev","buildDate":"Mon Nov 24 2025","build":"1.125.346 dev"}