Display lyrics on UI if synced lyrics present in metadata (#1406)

Signed-off-by: Chirag Lulla <lullachirag239@gmail.com>
navidrome · Oct 19, 2021 · 34b01c2 · 34b01c2
1 parent 0d2a8f5
commit 34b01c2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/ui/src/audioplayer/Player.js b/ui/src/audioplayer/Player.js
@@ -56,6 +56,7 @@ const Player = () => {
       clearPriorAudioLists: false,
       showDestroy: true,
       showDownload: false,
+      showLyric: true,
       showReload: false,
       toggleMode: !isDesktop,
       glassBg: false,

diff --git a/ui/src/reducers/playerReducer.js b/ui/src/reducers/playerReducer.js
@@ -23,11 +23,15 @@ const initialState = {
 const mapToAudioLists = (item) => {
   // If item comes from a playlist, trackId is mediaFileId
   const trackId = item.mediaFileId || item.id
+  const { lyrics } = item
+  const timestampRegex =
+    /(\[([0-9]{1,2}:)?([0-9]{1,2}:)([0-9]{1,2})(\.[0-9]{1,2})?\])/g
   return {
     trackId,
     uuid: uuidv4(),
     song: item,
     name: item.title,
+    lyric: timestampRegex.test(lyrics) ? lyrics : '',
     singer: item.artist,
     duration: item.duration,
     musicSrc: subsonic.streamUrl(trackId),