Add:Audio file info modal #1667

client/components/modals/AudioFileDataModal.vue

@@ -0,0 +1,118 @@
+<template>
+  <modals-modal v-model="show" name="audiofile-data-modal" :width="700" :height="'unset'">
+    <div v-if="audioFile" ref="container" class="w-full rounded-lg bg-bg box-shadow-md overflow-y-auto overflow-x-hidden p-6" style="max-height: 80vh">
+      <p class="text-base text-gray-200">{{ metadata.filename }}</p>
+
+      <div class="w-full h-px bg-white bg-opacity-10 my-4" />
+
+      <ui-text-input-with-label :value="metadata.path" readonly :label="$strings.LabelPath" class="mb-4 text-sm" />
+
+      <div class="flex flex-col sm:flex-row text-sm">
+        <div class="w-full sm:w-1/2">
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelSize }}
+            </p>
+            <p>{{ $bytesPretty(metadata.size) }}</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelDuration }}
+            </p>
+            <p>{{ $secondsToTimestamp(audioFile.duration) }}</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">{{ $strings.LabelFormat }}</p>
+            <p>{{ audioFile.format }}</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelChapters }}
+            </p>
+            <p>{{ audioFile.chapters?.length || 0 }}</p>
+          </div>
+          <div v-if="audioFile.embeddedCoverArt" class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelEmbeddedCover }}
+            </p>
+            <p>{{ audioFile.embeddedCoverArt || '' }}</p>
+          </div>
+        </div>
+        <div class="w-full sm:w-1/2">
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelCodec }}
+            </p>
+            <p>{{ audioFile.codec }}</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelChannels }}
+            </p>
+            <p>{{ audioFile.channels }} ({{ audioFile.channelLayout }})</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelBitrate }}
+            </p>
+            <p>{{ $bytesPretty(audioFile.bitRate || 0, 0) }}</p>
+          </div>
+          <div class="flex mb-1">
+            <p class="w-32 text-black-50">{{ $strings.LabelTimeBase }}</p>
+            <p>{{ audioFile.timeBase }}</p>
+          </div>
+          <div v-if="audioFile.language" class="flex mb-1">
+            <p class="w-32 text-black-50">
+              {{ $strings.LabelLanguage }}
+            </p>
+            <p>{{ audioFile.language || '' }}</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="w-full h-px bg-white bg-opacity-10 my-4" />
+
+      <p class="font-bold mb-2">{{ $strings.LabelMetaTags }}</p>
+
+      <div v-for="(value, key) in metaTags" :key="key" class="flex mb-1 text-sm">
+        <p class="w-32 min-w-32 text-black-50 mb-1">
+          {{ key.replace('tag', '') }}
+        </p>
+        <p>{{ value }}</p>
+      </div>
+    </div>
+  </modals-modal>
+</template>
+
+<script>
+export default {
+  props: {
+    value: Boolean,
+    audioFile: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    show: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    metadata() {
+      return this.audioFile?.metadata || {}
+    },
+    metaTags() {
+      return this.audioFile?.metaTags || {}
+    }
+  },
+  methods: {},
+  mounted() {}
+}
+</script>

client/components/modals/item/tabs/Files.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-full h-full overflow-y-auto overflow-x-hidden px-4 py-6">
-    <tables-library-files-table expanded :files="libraryFiles" :library-item-id="libraryItem.id" :is-missing="isMissing" />
+    <tables-library-files-table expanded :library-item="libraryItem" :is-missing="isMissing" in-modal />
   </div>
 </template>
 
@@ -30,9 +30,6 @@ export default {
     media() {
       return this.libraryItem.media || {}
     },
-    libraryFiles() {
-      return this.libraryItem.libraryFiles || []
-    },
     userToken() {
       return this.$store.getters['user/getToken']
     },

client/components/tables/AudioTracksTableRow.vue

@@ -0,0 +1,123 @@
+<template>
+  <tr>
+    <td class="text-center">
+      <p>{{ track.index }}</p>
+    </td>
+    <td class="font-sans">{{ showFullPath ? track.metadata.path : track.metadata.filename }}</td>
+    <td v-if="!showFullPath" class="hidden lg:table-cell">
+      {{ track.audioFile.codec || '' }}
+    </td>
+    <td v-if="!showFullPath" class="hidden xl:table-cell">
+      {{ $bytesPretty(track.audioFile.bitRate || 0, 0) }}
+    </td>
+    <td class="hidden md:table-cell">
+      {{ $bytesPretty(track.metadata.size) }}
+    </td>
+    <td class="hidden sm:table-cell">
+      {{ $secondsToTimestamp(track.duration) }}
+    </td>
+    <td v-if="contextMenuItems.length" class="text-center">
+      <ui-context-menu-dropdown :items="contextMenuItems" menu-width="110px" @action="contextMenuAction" />
+    </td>
+  </tr>
+</template>
+
+<script>
+export default {
+  props: {
+    libraryItemId: String,
+    showFullPath: Boolean,
+    track: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    userToken() {
+      return this.$store.getters['user/getToken']
+    },
+    userCanDownload() {
+      return this.$store.getters['user/getUserCanDownload']
+    },
+    userCanDelete() {
+      return this.$store.getters['user/getUserCanDelete']
+    },
+    userIsAdmin() {
+      return this.$store.getters['user/getIsAdminOrUp']
+    },
+    contextMenuItems() {
+      const items = []
+      if (this.userCanDownload) {
+        items.push({
+          text: this.$strings.LabelDownload,
+          action: 'download'
+        })
+      }
+
+      if (this.userCanDelete) {
+        items.push({
+          text: this.$strings.ButtonDelete,
+          action: 'delete'
+        })
+      }
+
+      if (this.userIsAdmin) {
+        items.push({
+          text: this.$strings.LabelMoreInfo,
+          action: 'more'
+        })
+      }
+      return items
+    },
+    downloadUrl() {
+      return `${process.env.serverUrl}/s/item/${this.libraryItemId}/${this.$encodeUriPath(this.track.metadata.relPath).replace(/^\//, '')}?token=${this.userToken}`
+    }
+  },
+  methods: {
+    contextMenuAction(action) {
+      if (action === 'delete') {
+        this.deleteLibraryFile()
+      } else if (action === 'download') {
+        this.downloadLibraryFile()
+      } else if (action === 'more') {
+        this.$emit('showMore', this.track.audioFile)
+      }
+    },
+    deleteLibraryFile() {
+      const payload = {
+        message: 'This will delete the file from your file system. Are you sure?',
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.$axios
+              .$delete(`/api/items/${this.libraryItemId}/file/${this.track.audioFile.ino}`)
+              .then(() => {
+                this.$toast.success('File deleted')
+              })
+              .catch((error) => {
+                console.error('Failed to delete file', error)
+                this.$toast.error('Failed to delete file')
+              })
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    downloadLibraryFile() {
+      const a = document.createElement('a')
+      a.style.display = 'none'
+      a.href = this.downloadUrl
+      a.download = this.track.metadata.filename
+      document.body.appendChild(a)
+      a.click()
+      setTimeout(() => {
+        a.remove()
+      })
+    }
+  },
+  mounted() {}
+}
+</script>

client/components/tables/LibraryFilesTable.vue

@@ -18,35 +18,42 @@
             <th class="text-left px-4">{{ $strings.LabelPath }}</th>
             <th class="text-left w-24 min-w-24">{{ $strings.LabelSize }}</th>
             <th class="text-left px-4 w-24">{{ $strings.LabelType }}</th>
-            <th v-if="userCanDelete || userCanDownload" class="text-center w-16"></th>
+            <th v-if="userCanDelete || userCanDownload || (userIsAdmin && audioFiles.length && !inModal)" class="text-center w-16"></th>
           </tr>
-          <template v-for="file in files">
+          <template v-for="file in filesWithAudioFile">
-            <tables-library-files-table-row :key="file.path" :libraryItemId="libraryItemId" :showFullPath="showFullPath" :file="file" />
+            <tables-library-files-table-row :key="file.path" :libraryItemId="libraryItemId" :showFullPath="showFullPath" :file="file" :inModal="inModal" @showMore="showMore" />
           </template>
         </table>
       </div>
     </transition>
+
+    <modals-audio-file-data-modal v-model="showAudioFileDataModal" :audio-file="selectedAudioFile" />
   </div>
 </template>
 
 <script>
 export default {
   props: {
-    files: {
+    libraryItem: {
-      type: Array,
+      type: Object,
-      default: () => []
+      default: () => {}
     },
-    libraryItemId: String,
     isMissing: Boolean,
-    expanded: Boolean // start expanded
+    expanded: Boolean, // start expanded
+    inModal: Boolean
   },
   data() {
     return {
       showFiles: false,
-      showFullPath: false
+      showFullPath: false,
+      showAudioFileDataModal: false,
+      selectedAudioFile: null
     }
   },
   computed: {
+    libraryItemId() {
+      return this.libraryItem.id
+    },
     userToken() {
       return this.$store.getters['user/getToken']
     },
@@ -58,11 +65,29 @@ export default {
     },
     userIsAdmin() {
       return this.$store.getters['user/getIsAdminOrUp']
+    },
+    files() {
+      return this.libraryItem.libraryFiles || []
+    },
+    audioFiles() {
+      return this.libraryItem.media?.audioFiles || []
+    },
+    filesWithAudioFile() {
+      return this.files.map((file) => {
+        if (file.fileType === 'audio') {
+          file.audioFile = this.audioFiles.find((af) => af.ino === file.ino)
+        }
+        return file
+      })
     }
   },
   methods: {
     clickBar() {
       this.showFiles = !this.showFiles
+    },
+    showMore(audioFile) {
+      this.selectedAudioFile = audioFile
+      this.showAudioFileDataModal = true
     }
   },
   mounted() {

client/components/tables/LibraryFilesTableRow.vue

@@ -3,7 +3,7 @@
     <td class="px-4">
       {{ showFullPath ? file.metadata.path : file.metadata.relPath }}
     </td>
-    <td class="font-mono">
+    <td>
       {{ $bytesPretty(file.metadata.size) }}
     </td>
     <td class="text-xs">
@@ -25,7 +25,8 @@ export default {
     file: {
       type: Object,
       default: () => {}
-    }
+    },
+    inModal: Boolean
   },
   data() {
     return {}
@@ -40,6 +41,9 @@ export default {
     userCanDelete() {
       return this.$store.getters['user/getUserCanDelete']
     },
+    userIsAdmin() {
+      return this.$store.getters['user/getIsAdminOrUp']
+    },
     downloadUrl() {
       return `${process.env.serverUrl}/s/item/${this.libraryItemId}/${this.$encodeUriPath(this.file.metadata.relPath).replace(/^\//, '')}?token=${this.userToken}`
     },
@@ -57,6 +61,13 @@ export default {
           action: 'delete'
         })
       }
+      // Currently not showing this option in the Files tab modal
+      if (this.userIsAdmin && this.file.audioFile && !this.inModal) {
+        items.push({
+          text: this.$strings.LabelMoreInfo,
+          action: 'more'
+        })
+      }
       return items
     }
   },
@@ -66,6 +77,8 @@ export default {
         this.deleteLibraryFile()
       } else if (action === 'download') {
         this.downloadLibraryFile()
+      } else if (action === 'more') {
+        this.$emit('showMore', this.file.audioFile)
       }
     },
     deleteLibraryFile() {

client/components/tables/TracksTable.vue

@@ -5,7 +5,6 @@
       <div class="h-5 md:h-7 w-5 md:w-7 rounded-full bg-white bg-opacity-10 flex items-center justify-center">
         <span class="text-sm font-mono">{{ tracks.length }}</span>
       </div>
-      <!-- <span class="bg-black-400 rounded-xl py-1 px-2 text-sm font-mono">{{ tracks.length }}</span> -->
       <div class="flex-grow" />
       <ui-btn v-if="userIsAdmin" small :color="showFullPath ? 'gray-600' : 'primary'" class="mr-2 hidden md:block" @click.stop="showFullPath = !showFullPath">{{ $strings.ButtonFullPath }}</ui-btn>
       <nuxt-link v-if="userCanUpdate && !isFile" :to="`/audiobook/${libraryItemId}/edit`" class="mr-2 md:mr-4" @mousedown.prevent>
@@ -21,30 +20,20 @@
           <tr>
             <th class="w-10">#</th>
             <th class="text-left">{{ $strings.LabelFilename }}</th>
-            <th class="text-left w-20">{{ $strings.LabelSize }}</th>
+            <th v-if="!showFullPath" class="text-left w-20 hidden lg:table-cell">{{ $strings.LabelCodec }}</th>
-            <th class="text-left w-20">{{ $strings.LabelDuration }}</th>
+            <th v-if="!showFullPath" class="text-left w-20 hidden xl:table-cell">{{ $strings.LabelBitrate }}</th>
-            <th v-if="userCanDownload" class="text-center w-20">{{ $strings.LabelDownload }}</th>
+            <th class="text-left w-20 hidden md:table-cell">{{ $strings.LabelSize }}</th>
+            <th class="text-left w-20 hidden sm:table-cell">{{ $strings.LabelDuration }}</th>
+            <th class="text-center w-16"></th>
           </tr>
           <template v-for="track in tracks">
-            <tr :key="track.index">
+            <tables-audio-tracks-table-row :key="track.index" :track="track" :library-item-id="libraryItemId" :showFullPath="showFullPath" @showMore="showMore" />
-              <td class="text-center">
-                <p>{{ track.index }}</p>
-              </td>
-              <td class="font-sans">{{ showFullPath ? track.metadata.path : track.metadata.filename }}</td>
-              <td class="font-mono">
-                {{ $bytesPretty(track.metadata.size) }}
-              </td>
-              <td class="font-mono">
-                {{ $secondsToTimestamp(track.duration) }}
-              </td>
-              <td v-if="userCanDownload" class="text-center">
-                <a :href="`${$config.routerBasePath}/s/item/${libraryItemId}/${$encodeUriPath(track.metadata.relPath).replace(/^\//, '')}?token=${userToken}`" download><span class="material-icons icon-text pt-1">download</span></a>
-              </td>
-            </tr>
           </template>
         </table>
       </div>
     </transition>
+
+    <modals-audio-file-data-modal v-model="showAudioFileDataModal" :audio-file="selectedAudioFile" />
   </div>
 </template>
 
@@ -66,19 +55,20 @@ export default {
     return {
       showTracks: false,
       showFullPath: false,
-      toneProbing: false
+      selectedAudioFile: null,
+      showAudioFileDataModal: false
     }
   },
   computed: {
-    userToken() {
-      return this.$store.getters['user/getToken']
-    },
     userCanDownload() {
       return this.$store.getters['user/getUserCanDownload']
     },
     userCanUpdate() {
       return this.$store.getters['user/getUserCanUpdate']
     },
+    userCanDelete() {
+      return this.$store.getters['user/getUserCanDelete']
+    },
     userIsAdmin() {
       return this.$store.getters['user/getIsAdminOrUp']
     }
@@ -86,6 +76,10 @@ export default {
   methods: {
     clickBar() {
       this.showTracks = !this.showTracks
+    },
+    showMore(audioFile) {
+      this.selectedAudioFile = audioFile
+      this.showAudioFileDataModal = true
     }
   },
   mounted() {}

client/components/widgets/AudiobookData.vue

@@ -16,7 +16,7 @@
       </div>
     </div>
 
-    <tables-tracks-table :title="$strings.LabelStatsAudioTracks" :tracks="media.tracks" :is-file="isFile" :library-item-id="libraryItemId" class="mt-6" />
+    <tables-tracks-table :title="$strings.LabelStatsAudioTracks" :tracks="tracksWithAudioFile" :is-file="isFile" :library-item-id="libraryItemId" class="mt-6" />
   </div>
 </template>
 
@@ -34,6 +34,12 @@ export default {
     return {}
   },
   computed: {
+    tracksWithAudioFile() {
+      return this.media.tracks.map((track) => {
+        track.audioFile = this.media.audioFiles.find((af) => af.metadata.path === track.metadata.path)
+        return track
+      })
+    },
     missingPartChunks() {
       if (this.missingParts === 1) return this.missingParts[0]
       var chunks = []

client/pages/item/_id/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="page-wrapper" class="bg-bg page overflow-hidden" :class="streamLibraryItem ? 'streaming' : ''">
-    <div class="w-full h-full overflow-y-auto px-2 py-6 md:p-8">
+    <div class="w-full h-full overflow-y-auto px-2 py-6 lg:p-8">
-      <div class="flex flex-col md:flex-row max-w-6xl mx-auto">
+      <div class="flex flex-col lg:flex-row max-w-6xl mx-auto">
-        <div class="w-full flex justify-center md:block md:w-52" style="min-width: 208px">
+        <div class="w-full flex justify-center lg:block lg:w-52" style="min-width: 208px">
           <div class="relative" style="height: fit-content">
             <covers-book-cover :library-item="libraryItem" :width="bookCoverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
 
@@ -21,7 +21,7 @@
             </div>
           </div>
         </div>
-        <div class="flex-grow px-2 py-6 md:py-0 md:px-10">
+        <div class="flex-grow px-2 py-6 lg:py-0 md:px-10">
           <div class="flex justify-center">
             <div class="mb-4">
               <h1 class="text-2xl md:text-3xl font-semibold">
@@ -231,7 +231,7 @@
 
           <tables-chapters-table v-if="chapters.length" :library-item="libraryItem" class="mt-6" />
 
-          <tables-library-files-table v-if="libraryFiles.length" :is-missing="isMissing" :library-item-id="libraryItemId" :files="libraryFiles" class="mt-6" />
+          <tables-library-files-table v-if="libraryFiles.length" :is-missing="isMissing" :library-item="libraryItem" class="mt-6" />
         </div>
       </div>
     </div>

client/strings/de.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "Zum Schutz vor Fehlkonfigurationen schlagen Sicherungen fehl, wenn sie die konfigurierte Größe überschreiten.",
   "LabelBackupsNumberToKeep": "Anzahl der aufzubewahrenden Sicherungen",
   "LabelBackupsNumberToKeepHelp": "Es wird immer nur 1 Sicherung auf einmal entfernt. Wenn Sie bereits mehrere Sicherungen als die definierte max. Anzahl haben, sollten Sie diese manuell entfernen.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Bücher",
   "LabelChangePassword": "Passwort ändern",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "gefundene Kapitel",
   "LabelChapterTitle": "Kapitelüberschrift",
   "LabelClosePlayer": "Player schließen",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Serien zusammenfassen",
   "LabelCollections": "Sammlungen",
   "LabelComplete": "Vollständig",
@@ -213,6 +217,7 @@
   "LabelDuration": "Laufzeit",
   "LabelDurationFound": "Gefundene Laufzeit:",
   "LabelEdit": "Bearbeiten",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Aktivieren",
   "LabelEnd": "Ende",
   "LabelEpisode": "Episode",
@@ -230,6 +235,7 @@
   "LabelFinished": "beendet",
   "LabelFolder": "Ordner",
   "LabelFolders": "Verzeichnisse",
+  "LabelFormat": "Format",
   "LabelGenre": "Kategorie",
   "LabelGenres": "Kategorien",
   "LabelHardDeleteFile": "Datei dauerhaft löschen",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Medientyp",
   "LabelMetadataProvider": "Metadatenanbieter",
   "LabelMetaTag": "Meta Schlagwort",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minute",
   "LabelMissing": "Fehlend",
   "LabelMissingParts": "Fehlende Teile",
   "LabelMore": "Mehr",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Name",
   "LabelNarrator": "Erzähler",
   "LabelNarrators": "Erzähler",
@@ -405,6 +413,7 @@
   "LabelTags": "Schlagwörter",
   "LabelTagsAccessibleToUser": "Für Benutzer zugängliche Schlagwörter",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Gehörte Zeit",
   "LabelTimeListenedToday": "Heute gehörte Zeit",
   "LabelTimeRemaining": "{0} verbleibend",

client/strings/en-us.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "As a safeguard against misconfiguration, backups will fail if they exceed the configured size.",
   "LabelBackupsNumberToKeep": "Number of backups to keep",
   "LabelBackupsNumberToKeepHelp": "Only 1 backup will be removed at a time so if you already have more backups than this you should manually remove them.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Books",
   "LabelChangePassword": "Change Password",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "chapters found",
   "LabelChapterTitle": "Chapter Title",
   "LabelClosePlayer": "Close player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Collapse Series",
   "LabelCollections": "Collections",
   "LabelComplete": "Complete",
@@ -213,6 +217,7 @@
   "LabelDuration": "Duration",
   "LabelDurationFound": "Duration found:",
   "LabelEdit": "Edit",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Enable",
   "LabelEnd": "End",
   "LabelEpisode": "Episode",
@@ -230,6 +235,7 @@
   "LabelFinished": "Finished",
   "LabelFolder": "Folder",
   "LabelFolders": "Folders",
+  "LabelFormat": "Format",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",
   "LabelHardDeleteFile": "Hard delete file",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Media Type",
   "LabelMetadataProvider": "Metadata Provider",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minute",
   "LabelMissing": "Missing",
   "LabelMissingParts": "Missing Parts",
   "LabelMore": "More",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Name",
   "LabelNarrator": "Narrator",
   "LabelNarrators": "Narrators",
@@ -405,6 +413,7 @@
   "LabelTags": "Tags",
   "LabelTagsAccessibleToUser": "Tags Accessible to User",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Time Listened",
   "LabelTimeListenedToday": "Time Listened Today",
   "LabelTimeRemaining": "{0} remaining",

client/strings/es.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "Como protección contra una configuración errónea, los respaldos fallaran si se excede el tamaño configurado.",
   "LabelBackupsNumberToKeep": "Numero de respaldos para conservar",
   "LabelBackupsNumberToKeepHelp": "Solamente 1 respaldo se removerá a la vez. Si tiene mas respaldos guardados, necesita removerlos manualmente.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Libros",
   "LabelChangePassword": "Cambiar Contraseña",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "Capitulo Encontrado",
   "LabelChapterTitle": "Titulo del Capitulo",
   "LabelClosePlayer": "Close player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Colapsar Series",
   "LabelCollections": "Colecciones",
   "LabelComplete": "Completo",
@@ -213,6 +217,7 @@
   "LabelDuration": "Duración",
   "LabelDurationFound": "Duración Comprobada:",
   "LabelEdit": "Editar",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Habilitar",
   "LabelEnd": "Fin",
   "LabelEpisode": "Episodio",
@@ -230,6 +235,7 @@
   "LabelFinished": "Terminado",
   "LabelFolder": "Carpeta",
   "LabelFolders": "Carpetas",
+  "LabelFormat": "Format",
   "LabelGenre": "Genero",
   "LabelGenres": "Géneros",
   "LabelHardDeleteFile": "Eliminar Definitivamente",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Tipo de Multimedia",
   "LabelMetadataProvider": "Proveedor de Metadata",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minuto",
   "LabelMissing": "Ausente",
   "LabelMissingParts": "Partes Ausentes",
   "LabelMore": "Mas",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Nombre",
   "LabelNarrator": "Narrador",
   "LabelNarrators": "Narradores",
@@ -405,6 +413,7 @@
   "LabelTags": "Etiquetas",
   "LabelTagsAccessibleToUser": "Etiquetas Accessible para el Usuario",
   "LabelTasks": "Tareas Corriendo",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Tiempo Escuchando",
   "LabelTimeListenedToday": "Tiempo Escuchando Hoy",
   "LabelTimeRemaining": "{0} restante",

client/strings/fr.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "Afin de prévenir les mauvaises configuration, la sauvegarde échouera si elle excède la taille limite.",
   "LabelBackupsNumberToKeep": "Nombre de sauvegardes à maintenir",
   "LabelBackupsNumberToKeepHelp": "Une seule sauvegarde sera effacée à la fois. Si vous avez plus de sauvegardes à effacer, vous devrez le faire manuellement.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Livres",
   "LabelChangePassword": "Modifier le mot de passe",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "Chapitres trouvés",
   "LabelChapterTitle": "Titres du chapitre",
   "LabelClosePlayer": "Fermer le lecteur",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Réduire les séries",
   "LabelCollections": "Collections",
   "LabelComplete": "Complet",
@@ -213,6 +217,7 @@
   "LabelDuration": "Durée",
   "LabelDurationFound": "Durée trouvée :",
   "LabelEdit": "Modifier",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Activer",
   "LabelEnd": "Fin",
   "LabelEpisode": "Épisode",
@@ -230,6 +235,7 @@
   "LabelFinished": "Fini(e)",
   "LabelFolder": "Dossier",
   "LabelFolders": "Dossiers",
+  "LabelFormat": "Format",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",
   "LabelHardDeleteFile": "Suppression du fichier",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Type de média",
   "LabelMetadataProvider": "Fournisseur de métadonnées",
   "LabelMetaTag": "Etiquette de métadonnée",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minute",
   "LabelMissing": "Manquant",
   "LabelMissingParts": "Parties manquantes",
   "LabelMore": "Plus",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Nom",
   "LabelNarrator": "Narrateur",
   "LabelNarrators": "Narrateurs",
@@ -405,6 +413,7 @@
   "LabelTags": "Étiquettes",
   "LabelTagsAccessibleToUser": "Étiquettes accessibles à l’utilisateur",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Temps d’écoute",
   "LabelTimeListenedToday": "Nombres d’écoutes Aujourd’hui",
   "LabelTimeRemaining": "{0} restantes",

client/strings/gu.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "As a safeguard against misconfiguration, backups will fail if they exceed the configured size.",
   "LabelBackupsNumberToKeep": "Number of backups to keep",
   "LabelBackupsNumberToKeepHelp": "Only 1 backup will be removed at a time so if you already have more backups than this you should manually remove them.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Books",
   "LabelChangePassword": "Change Password",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "chapters found",
   "LabelChapterTitle": "Chapter Title",
   "LabelClosePlayer": "Close player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Collapse Series",
   "LabelCollections": "Collections",
   "LabelComplete": "Complete",
@@ -213,6 +217,7 @@
   "LabelDuration": "Duration",
   "LabelDurationFound": "Duration found:",
   "LabelEdit": "Edit",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Enable",
   "LabelEnd": "End",
   "LabelEpisode": "Episode",
@@ -230,6 +235,7 @@
   "LabelFinished": "Finished",
   "LabelFolder": "Folder",
   "LabelFolders": "Folders",
+  "LabelFormat": "Format",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",
   "LabelHardDeleteFile": "Hard delete file",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Media Type",
   "LabelMetadataProvider": "Metadata Provider",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minute",
   "LabelMissing": "Missing",
   "LabelMissingParts": "Missing Parts",
   "LabelMore": "More",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Name",
   "LabelNarrator": "Narrator",
   "LabelNarrators": "Narrators",
@@ -405,6 +413,7 @@
   "LabelTags": "Tags",
   "LabelTagsAccessibleToUser": "Tags Accessible to User",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Time Listened",
   "LabelTimeListenedToday": "Time Listened Today",
   "LabelTimeRemaining": "{0} remaining",

client/strings/hi.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "As a safeguard against misconfiguration, backups will fail if they exceed the configured size.",
   "LabelBackupsNumberToKeep": "Number of backups to keep",
   "LabelBackupsNumberToKeepHelp": "Only 1 backup will be removed at a time so if you already have more backups than this you should manually remove them.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Books",
   "LabelChangePassword": "Change Password",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "chapters found",
   "LabelChapterTitle": "Chapter Title",
   "LabelClosePlayer": "Close player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Collapse Series",
   "LabelCollections": "Collections",
   "LabelComplete": "Complete",
@@ -213,6 +217,7 @@
   "LabelDuration": "Duration",
   "LabelDurationFound": "Duration found:",
   "LabelEdit": "Edit",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Enable",
   "LabelEnd": "End",
   "LabelEpisode": "Episode",
@@ -230,6 +235,7 @@
   "LabelFinished": "Finished",
   "LabelFolder": "Folder",
   "LabelFolders": "Folders",
+  "LabelFormat": "Format",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",
   "LabelHardDeleteFile": "Hard delete file",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Media Type",
   "LabelMetadataProvider": "Metadata Provider",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minute",
   "LabelMissing": "Missing",
   "LabelMissingParts": "Missing Parts",
   "LabelMore": "More",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Name",
   "LabelNarrator": "Narrator",
   "LabelNarrators": "Narrators",
@@ -405,6 +413,7 @@
   "LabelTags": "Tags",
   "LabelTagsAccessibleToUser": "Tags Accessible to User",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Time Listened",
   "LabelTimeListenedToday": "Time Listened Today",
   "LabelTimeRemaining": "{0} remaining",

client/strings/hr.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "As a safeguard against misconfiguration, backups will fail if they exceed the configured size.",
   "LabelBackupsNumberToKeep": "Broj backupa zadržati",
   "LabelBackupsNumberToKeepHelp": "Samo 1 backup će biti odjednom obrisan. Ako koristite više njih, morati ćete ih ručno ukloniti.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Knjige",
   "LabelChangePassword": "Promijeni lozinku",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "poglavlja pronađena",
   "LabelChapterTitle": "Ime poglavlja",
   "LabelClosePlayer": "Close player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Collapse Series",
   "LabelCollections": "Kolekcije",
   "LabelComplete": "Complete",
@@ -213,6 +217,7 @@
   "LabelDuration": "Trajanje",
   "LabelDurationFound": "Pronađeno trajanje:",
   "LabelEdit": "Uredi",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Uključi",
   "LabelEnd": "Kraj",
   "LabelEpisode": "Epizoda",
@@ -230,6 +235,7 @@
   "LabelFinished": "Finished",
   "LabelFolder": "Folder",
   "LabelFolders": "Folderi",
+  "LabelFormat": "Format",
   "LabelGenre": "Genre",
   "LabelGenres": "Žanrovi",
   "LabelHardDeleteFile": "Obriši datoteku zauvijek",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Media Type",
   "LabelMetadataProvider": "Poslužitelj metapodataka ",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minuta",
   "LabelMissing": "Nedostaje",
   "LabelMissingParts": "Nedostajali dijelovi",
   "LabelMore": "Više",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Ime",
   "LabelNarrator": "Narrator",
   "LabelNarrators": "Naratori",
@@ -405,6 +413,7 @@
   "LabelTags": "Tags",
   "LabelTagsAccessibleToUser": "Tags dostupni korisniku",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Vremena odslušano",
   "LabelTimeListenedToday": "Vremena odslušano danas",
   "LabelTimeRemaining": "{0} preostalo",

client/strings/it.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "Come protezione contro gli errori di config, i backup falliranno se superano la dimensione configurata.",
   "LabelBackupsNumberToKeep": "Numero di backup da mantenere",
   "LabelBackupsNumberToKeepHelp": "Verrà rimosso solo 1 backup alla volta, quindi se hai più backup, dovrai rimuoverli manualmente.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Libri",
   "LabelChangePassword": "Cambia Password",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "Capitoli Trovati",
   "LabelChapterTitle": "Titoli dei Capitoli",
   "LabelClosePlayer": "Chiudi player",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Comprimi Serie",
   "LabelCollections": "Raccolte",
   "LabelComplete": "Completo",
@@ -213,6 +217,7 @@
   "LabelDuration": "Durata",
   "LabelDurationFound": "Durata Trovata:",
   "LabelEdit": "Modifica",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Abilita",
   "LabelEnd": "Fine",
   "LabelEpisode": "Episodio",
@@ -230,6 +235,7 @@
   "LabelFinished": "Finita",
   "LabelFolder": "Cartella",
   "LabelFolders": "Cartelle",
+  "LabelFormat": "Format",
   "LabelGenre": "Genere",
   "LabelGenres": "Generi",
   "LabelHardDeleteFile": "Elimina Definitivamente",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Tipo Media",
   "LabelMetadataProvider": "Metadata Provider",
   "LabelMetaTag": "Meta Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minuto",
   "LabelMissing": "Altro",
   "LabelMissingParts": "Parti rimantenti",
   "LabelMore": "Molto",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Nome",
   "LabelNarrator": "Narratore",
   "LabelNarrators": "Narratori",
@@ -405,6 +413,7 @@
   "LabelTags": "Tags",
   "LabelTagsAccessibleToUser": "Tags permessi agli Utenti",
   "LabelTasks": "Processi in esecuzione",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Tempo di Ascolto",
   "LabelTimeListenedToday": "Tempo di Ascolto Oggi",
   "LabelTimeRemaining": "{0} rimanente",

client/strings/pl.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "Jako zabezpieczenie przed błędną konfiguracją, kopie zapasowe nie będą wykonywane, jeśli przekroczą skonfigurowany rozmiar.",
   "LabelBackupsNumberToKeep": "Liczba kopii zapasowych do przechowywania",
   "LabelBackupsNumberToKeepHelp": "Tylko 1 kopia zapasowa zostanie usunięta, więc jeśli masz już więcej kopii zapasowych, powinieneś je ręcznie usunąć.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Książki",
   "LabelChangePassword": "Zmień hasło",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "Znalezione rozdziały",
   "LabelChapterTitle": "Tytuł rozdziału",
   "LabelClosePlayer": "Zamknij odtwarzacz",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Podsumuj serię",
   "LabelCollections": "Kolekcje",
   "LabelComplete": "Ukończone",
@@ -213,6 +217,7 @@
   "LabelDuration": "Czas trwania",
   "LabelDurationFound": "Znaleziona długość:",
   "LabelEdit": "Edytuj",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Włącz",
   "LabelEnd": "Zakończ",
   "LabelEpisode": "Odcinek",
@@ -230,6 +235,7 @@
   "LabelFinished": "Zakończone",
   "LabelFolder": "Folder",
   "LabelFolders": "Foldery",
+  "LabelFormat": "Format",
   "LabelGenre": "Gatunek",
   "LabelGenres": "Gatunki",
   "LabelHardDeleteFile": "Usuń trwale plik",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Typ mediów",
   "LabelMetadataProvider": "Dostawca metadanych",
   "LabelMetaTag": "Tag",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Minuta",
   "LabelMissing": "Brakujący",
   "LabelMissingParts": "Brakujące cześci",
   "LabelMore": "Więcej",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Nazwa",
   "LabelNarrator": "Narrator",
   "LabelNarrators": "Lektorzy",
@@ -405,6 +413,7 @@
   "LabelTags": "Tagi",
   "LabelTagsAccessibleToUser": "Tagi dostępne dla użytkownika",
   "LabelTasks": "Tasks Running",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Czas odtwarzania",
   "LabelTimeListenedToday": "Czas odtwarzania dzisiaj",
   "LabelTimeRemaining": "Pozostało {0}",

client/strings/ru.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "В качестве защиты процесс бэкапирования будет завершаться ошибкой, если будет превышен настроенный размер.",
   "LabelBackupsNumberToKeep": "Сохранять бэкапов",
   "LabelBackupsNumberToKeepHelp": "За один раз только 1 бэкап будет удален, так что если у вас будет больше бэкапов, то их нужно удалить вручную.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "Книги",
   "LabelChangePassword": "Изменить пароль",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "глав найдено",
   "LabelChapterTitle": "Название главы",
   "LabelClosePlayer": "Закрыть проигрыватель",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "Свернуть серии",
   "LabelCollections": "Коллекции",
   "LabelComplete": "Завершить",
@@ -213,6 +217,7 @@
   "LabelDuration": "Длина",
   "LabelDurationFound": "Найденная длина:",
   "LabelEdit": "Редактировать",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Включить",
   "LabelEnd": "Конец",
   "LabelEpisode": "Эпизод",
@@ -230,6 +235,7 @@
   "LabelFinished": "Закончен",
   "LabelFolder": "Папка",
   "LabelFolders": "Папки",
+  "LabelFormat": "Format",
   "LabelGenre": "Жанр",
   "LabelGenres": "Жанры",
   "LabelHardDeleteFile": "Жесткое удаление файла",
@@ -271,10 +277,12 @@
   "LabelMediaType": "Тип медиа",
   "LabelMetadataProvider": "Провайдер",
   "LabelMetaTag": "Мета тег",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "Минуты",
   "LabelMissing": "Потеряно",
   "LabelMissingParts": "Потерянные части",
   "LabelMore": "Еще",
+  "LabelMoreInfo": "More Info",
   "LabelName": "Имя",
   "LabelNarrator": "Читает",
   "LabelNarrators": "Чтецы",
@@ -405,6 +413,7 @@
   "LabelTags": "Теги",
   "LabelTagsAccessibleToUser": "Теги доступные для пользователя",
   "LabelTasks": "Запущенные задачи",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "Время прослушивания",
   "LabelTimeListenedToday": "Время прослушивания сегодня",
   "LabelTimeRemaining": "{0} осталось",

client/strings/zh-cn.json

@@ -183,11 +183,15 @@
   "LabelBackupsMaxBackupSizeHelp": "为了防止错误配置, 如果备份超过配置的大小, 备份将失败.",
   "LabelBackupsNumberToKeep": "要保留的备份个数",
   "LabelBackupsNumberToKeepHelp": "一次只能删除一个备份, 因此如果你已经有超过此数量的备份, 则应手动删除它们.",
+  "LabelBitrate": "Bitrate",
   "LabelBooks": "图书",
   "LabelChangePassword": "修改密码",
+  "LabelChannels": "Channels",
+  "LabelChapters": "Chapters",
   "LabelChaptersFound": "找到的章节",
   "LabelChapterTitle": "章节标题",
   "LabelClosePlayer": "关闭播放器",
+  "LabelCodec": "Codec",
   "LabelCollapseSeries": "折叠系列",
   "LabelCollections": "收藏",
   "LabelComplete": "已完成",
@@ -213,6 +217,7 @@
   "LabelDuration": "持续时间",
   "LabelDurationFound": "找到持续时间:",
   "LabelEdit": "编辑",
+  "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "启用",
   "LabelEnd": "结束",
   "LabelEpisode": "剧集",
@@ -230,6 +235,7 @@
   "LabelFinished": "已听完",
   "LabelFolder": "文件夹",
   "LabelFolders": "文件夹",
+  "LabelFormat": "Format",
   "LabelGenre": "流派",
   "LabelGenres": "流派",
   "LabelHardDeleteFile": "完全删除文件",
@@ -271,10 +277,12 @@
   "LabelMediaType": "媒体类型",
   "LabelMetadataProvider": "元数据提供者",
   "LabelMetaTag": "元数据标签",
+  "LabelMetaTags": "Meta Tags",
   "LabelMinute": "分钟",
   "LabelMissing": "丢失",
   "LabelMissingParts": "丢失的部分",
   "LabelMore": "更多",
+  "LabelMoreInfo": "More Info",
   "LabelName": "名称",
   "LabelNarrator": "演播者",
   "LabelNarrators": "演播者",
@@ -405,6 +413,7 @@
   "LabelTags": "标签",
   "LabelTagsAccessibleToUser": "用户可访问的标签",
   "LabelTasks": "正在运行的任务",
+  "LabelTimeBase": "Time Base",
   "LabelTimeListened": "收听时间",
   "LabelTimeListenedToday": "今日收听的时间",
   "LabelTimeRemaining": "剩余 {0}",