Use trackId instead of simply id, as it seems to conflict with internal id generated by the player. fixes #153

ui/src/audioplayer/Player.js

@@ -58,17 +58,17 @@ const Player = () => {
     if (isNaN(info.duration) || progress < 90) {
       return
     }
-    const item = queue.queue.find((item) => item.id === info.id)
+    const item = queue.queue.find((item) => item.trackId === info.trackId)
     if (item && !item.scrobbled) {
-      dispatch(scrobbled(info.id))
+      dispatch(scrobbled(info.trackId))
-      subsonic.scrobble(info.id, true)
+      subsonic.scrobble(info.trackId, true)
     }
   }
 
   const OnAudioPlay = (info) => {
     if (info.duration) {
-      subsonic.scrobble(info.id, false)
+      subsonic.scrobble(info.trackId, false)
-      dataProvider.getOne('keepalive', { id: info.id })
+      dataProvider.getOne('keepalive', { id: info.trackId })
     }
   }
 

ui/src/audioplayer/queue.js

@@ -9,6 +9,7 @@ const PLAYER_PLAY_ALBUM = 'PLAYER_PLAY_ALBUM'
 
 const mapToAudioLists = (item) => ({
   id: item.id,
+  trackId: item.id,
   name: item.title,
   singer: item.artist,
   cover: subsonic.url('getCoverArt', item.id, { size: 300 }),
@@ -60,7 +61,7 @@ const playQueueReducer = (
       const newQueue = previousState.queue.map((item) => {
         return {
           ...item,
-          scrobbled: item.scrobbled || item.id === data
+          scrobbled: item.scrobbled || item.trackId === data
         }
       })
       return { queue: newQueue, clear: false }