Merge remote-tracking branch 'origin/master' into auth_passportjs

2025-05-13 01:19:55 +02:00 · 2023-05-27 10:56:05 +02:00 · 2023-05-27 10:56:05 +02:00 · 95e6fef3d1
commit 95e6fef3d1
parent 4359ca28df 1da471e136
65 changed files with 1739 additions and 378 deletions
--- a/client/assets/app.css
+++ b/client/assets/app.css
@ -112,7 +112,7 @@ input[type=number] {
  background-color: #373838;
 }

-.tracksTable tr:hover {
+.tracksTable tr:hover:not(:has(th)) {
  background-color: #474747;
 }

@ -232,6 +232,20 @@ Bookshelf Label
  -webkit-box-orient: vertical;
 }

+.episode-subtitle-long {
+  word-break: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-height: 16px;
+  /* fallback */
+  max-height: 72px;
+  /* fallback */
+  -webkit-line-clamp: 6;
+  /* number of lines to show */
+  -webkit-box-orient: vertical;
+}
+

 /* Padding for toastification toasts in the top right to not cover appbar/toolbar */
 .app-bar-and-toolbar .Vue-Toastification__container.top-right {
--- a/client/components/app/SideRail.vue
+++ b/client/components/app/SideRail.vue
@ -49,6 +49,14 @@
      <div v-show="paramId === 'collections'" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
    </nuxt-link>

+    <nuxt-link v-if="showPlaylists" :to="`/library/${currentLibraryId}/bookshelf/playlists`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isPlaylistsPage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
+      <span class="material-icons text-2.5xl">queue_music</span>
+
+      <p class="pt-0.5 text-center leading-4" style="font-size: 0.9rem">{{ $strings.ButtonPlaylists }}</p>
+
+      <div v-show="isPlaylistsPage" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
+    </nuxt-link>
+
    <nuxt-link v-if="isBookLibrary" :to="`/library/${currentLibraryId}/authors`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isAuthorsPage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
      <svg class="w-6 h-6" viewBox="0 0 24 24">
        <path
@ -62,6 +70,14 @@
      <div v-show="isAuthorsPage" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
    </nuxt-link>

+    <nuxt-link v-if="isBookLibrary" :to="`/library/${currentLibraryId}/narrators`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isNarratorsPage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
+      <span class="material-icons text-2xl">record_voice_over</span>
+
+      <p class="pt-1 text-center leading-4" style="font-size: 0.9rem">{{ $strings.LabelNarrators }}</p>
+
+      <div v-show="isNarratorsPage" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
+    </nuxt-link>
+
    <nuxt-link v-if="isPodcastLibrary && userIsAdminOrUp" :to="`/library/${currentLibraryId}/podcast/search`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isPodcastSearchPage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
      <span class="abs-icons icon-podcast text-xl"></span>

@ -78,14 +94,6 @@
      <div v-show="isMusicAlbumsPage" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
    </nuxt-link>

-    <nuxt-link v-if="showPlaylists" :to="`/library/${currentLibraryId}/bookshelf/playlists`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isPlaylistsPage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
-      <span class="material-icons text-2.5xl">queue_music</span>
-
-      <p class="pt-0.5 text-center leading-4" style="font-size: 0.9rem">{{ $strings.ButtonPlaylists }}</p>
-
-      <div v-show="isPlaylistsPage" class="h-full w-0.5 bg-yellow-400 absolute top-0 left-0" />
-    </nuxt-link>
-
    <nuxt-link v-if="isPodcastLibrary && userIsAdminOrUp" :to="`/library/${currentLibraryId}/podcast/download-queue`" class="w-full h-20 flex flex-col items-center justify-center text-white text-opacity-80 border-b border-primary border-opacity-70 hover:bg-primary cursor-pointer relative" :class="isPodcastDownloadQueuePage ? 'bg-primary bg-opacity-80' : 'bg-bg bg-opacity-60'">
      <span class="material-icons text-2xl">file_download</span>

@ -178,6 +186,9 @@ export default {
    isAuthorsPage() {
      return this.$route.name === 'library-library-authors'
    },
+    isNarratorsPage() {
+      return this.$route.name === 'library-library-narrators'
+    },
    isPlaylistsPage() {
      return this.paramId === 'playlists'
    },
--- a/client/components/app/StreamContainer.vue
+++ b/client/components/app/StreamContainer.vue
@ -15,7 +15,7 @@
            <div v-if="podcastAuthor" class="pl-1 sm:pl-1.5 text-xs sm:text-base">{{ podcastAuthor }}</div>
            <div v-else-if="musicArtists" class="pl-1 sm:pl-1.5 text-xs sm:text-base">{{ musicArtists }}</div>
            <div v-else-if="authors.length" class="pl-1 sm:pl-1.5 text-xs sm:text-base">
-              <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
+              <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}?library=${libraryId}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
            </div>
            <div v-else class="text-xs sm:text-base cursor-pointer pl-1 sm:pl-1.5">{{ $strings.LabelUnknown }}</div>
            <widgets-explicit-indicator :explicit="isExplicit"></widgets-explicit-indicator>
@ -366,9 +366,8 @@ export default {
        navigator.mediaSession.setActionHandler('seekbackward', this.mediaSessionSeekBackward)
        navigator.mediaSession.setActionHandler('seekforward', this.mediaSessionSeekForward)
        navigator.mediaSession.setActionHandler('seekto', this.mediaSessionSeekTo)
-        navigator.mediaSession.setActionHandler('previoustrack', this.mediaSessionPreviousTrack)
-        const hasNextChapter = this.$refs.audioPlayer && this.$refs.audioPlayer.hasNextChapter
-        navigator.mediaSession.setActionHandler('nexttrack', hasNextChapter ? this.mediaSessionNextTrack : null)
+        navigator.mediaSession.setActionHandler('previoustrack', this.mediaSessionSeekBackward)
+        navigator.mediaSession.setActionHandler('nexttrack', this.mediaSessionSeekForward)
      } else {
        console.warn('Media session not available')
      }
--- a/client/components/cards/AuthorCard.vue
+++ b/client/components/cards/AuthorCard.vue
@ -1,5 +1,5 @@
 <template>
-  <nuxt-link :to="`/author/${author.id}`">
+  <nuxt-link :to="`/author/${author.id}?library=${currentLibraryId}`">
    <div @mouseover="mouseover" @mouseleave="mouseleave">
      <div :style="{ width: width + 'px', height: height + 'px' }" class="bg-primary box-shadow-book rounded-md relative overflow-hidden">
        <!-- Image or placeholder -->
--- a/client/components/cards/ItemSearchCard.vue
+++ b/client/components/cards/ItemSearchCard.vue
@ -5,7 +5,7 @@
      <p v-if="matchKey !== 'title'" class="truncate text-sm">{{ title }}</p>
      <p v-else class="truncate text-sm" v-html="matchHtml" />

-      <p v-if="matchKey === 'subtitle'" class="truncate text-xs text-gray-300">{{ matchHtml }}</p>
+      <p v-if="matchKey === 'subtitle'" class="truncate text-xs text-gray-300" v-html="matchHtml" />

      <p v-if="matchKey !== 'authors'" class="text-xs text-gray-200 truncate">by {{ authorName }}</p>
      <p v-else class="truncate text-xs text-gray-200" v-html="matchHtml" />
@ -61,7 +61,6 @@ export default {
    },
    matchHtml() {
      if (!this.matchText || !this.search) return ''
-      if (this.matchKey === 'subtitle') return ''

      // This used to highlight the part of the search found
      //        but with removing commas periods etc this is no longer plausible
@ -69,6 +68,7 @@ export default {

      if (this.matchKey === 'episode') return `<p class="truncate">${this.$strings.LabelEpisode}: ${html}</p>`
      if (this.matchKey === 'tags') return `<p class="truncate">${this.$strings.LabelTags}: ${html}</p>`
+      if (this.matchKey === 'subtitle') return `<p class="truncate">${html}</p>`
      if (this.matchKey === 'authors') return `by ${html}`
      if (this.matchKey === 'isbn') return `<p class="truncate">ISBN: ${html}</p>`
      if (this.matchKey === 'asin') return `<p class="truncate">ASIN: ${html}</p>`
--- a/client/components/cards/LazyBookCard.vue
+++ b/client/components/cards/LazyBookCard.vue
@ -76,6 +76,10 @@
      <div ref="moreIcon" v-show="!isSelectionMode && moreMenuItems.length" class="hidden md:block absolute cursor-pointer hover:text-yellow-300 300 hover:scale-125 transform duration-150" :style="{ bottom: 0.375 * sizeMultiplier + 'rem', right: 0.375 * sizeMultiplier + 'rem' }" @click.stop.prevent="clickShowMore">
        <span class="material-icons" :style="{ fontSize: 1.2 * sizeMultiplier + 'rem' }">more_vert</span>
      </div>
+
+      <div v-if="ebookFormat" class="absolute" :style="{ bottom: 0.375 * sizeMultiplier + 'rem', left: 0.375 * sizeMultiplier + 'rem' }">
+        <span class="text-white/80" :style="{ fontSize: 0.8 * sizeMultiplier + 'rem' }">{{ ebookFormat }}</span>
+      </div>
    </div>

    <!-- Processing/loading spinner overlay -->
@ -221,7 +225,7 @@ export default {
    libraryId() {
      return this._libraryItem.libraryId
    },
-    hasEbook() {
+    ebookFormat() {
      return this.media.ebookFormat
    },
    numTracks() {
@ -360,13 +364,13 @@ export default {
      return this.store.getters['getIsStreamingFromDifferentLibrary']
    },
    showReadButton() {
-      return !this.isSelectionMode && !this.showPlayButton && this.hasEbook && (this.showExperimentalFeatures || this.enableEReader)
+      return !this.isSelectionMode && !this.showPlayButton && this.ebookFormat && (this.showExperimentalFeatures || this.enableEReader)
    },
    showPlayButton() {
      return !this.isSelectionMode && !this.isMissing && !this.isInvalid && !this.isStreaming && (this.numTracks || this.recentEpisode || this.isMusic)
    },
    showSmallEBookIcon() {
-      return !this.isSelectionMode && this.hasEbook && (this.showExperimentalFeatures || this.enableEReader)
+      return !this.isSelectionMode && this.ebookFormat && (this.showExperimentalFeatures || this.enableEReader)
    },
    isMissing() {
      return this._libraryItem.isMissing
@ -865,7 +869,8 @@ export default {
      this.createMoreMenu()
    },
    async clickReadEBook() {
-      var libraryItem = await this.$axios.$get(`/api/items/${this.libraryItemId}?expanded=1`).catch((error) => {
+      const axios = this.$axios || this.$nuxt.$axios
+      var libraryItem = await axios.$get(`/api/items/${this.libraryItemId}?expanded=1`).catch((error) => {
        console.error('Failed to get lirbary item', this.libraryItemId)
        return null
      })
--- a/client/components/cards/LazySeriesCard.vue
+++ b/client/components/cards/LazySeriesCard.vue
@ -7,7 +7,7 @@

    <div class="absolute z-10 top-1.5 right-1.5 rounded-md leading-3 text-sm p-1 font-semibold text-white flex items-center justify-center" style="background-color: #cd9d49dd">{{ books.length }}</div>

-    <div v-if="isSeriesFinished" class="absolute bottom-0 left-0 h-1 shadow-sm max-w-full z-10 rounded-b bg-success w-full" />
+    <div v-if="seriesPercentInProgress > 0" class="absolute bottom-0 left-0 h-1 shadow-sm max-w-full z-10 rounded-b w-full" :class="isSeriesFinished ? 'bg-success' : 'bg-yellow-400'" :style="{ width: seriesPercentInProgress * 100 + '%' }" />

    <div v-if="hasValidCovers" class="bg-black bg-opacity-60 absolute top-0 left-0 w-full h-full flex items-center justify-center text-center transition-opacity" :class="isHovering ? '' : 'opacity-0'" :style="{ padding: `${sizeMultiplier}rem` }">
      <p :style="{ fontSize: 1.2 * sizeMultiplier + 'rem' }">{{ displayTitle }}</p>
@ -85,13 +85,13 @@ export default {
        case 'addedAt':
          return `${this.$strings.LabelAdded} ${this.$formatDate(this.addedAt, this.dateFormat)}`
        case 'totalDuration':
-          return `${this.$strings.LabelDuration} ${this.$elapsedPrettyExtended(this.totalDuration, false)}` 
+          return `${this.$strings.LabelDuration} ${this.$elapsedPrettyExtended(this.totalDuration, false)}`
        case 'lastBookUpdated':
-          const lastUpdated = Math.max(...(this.books).map(x => x.updatedAt), 0)
+          const lastUpdated = Math.max(...this.books.map((x) => x.updatedAt), 0)
          return `${this.$strings.LabelLastBookUpdated} ${this.$formatDate(lastUpdated, this.dateFormat)}`
        case 'lastBookAdded':
-          const lastBookAdded = Math.max(...(this.books).map(x => x.addedAt), 0)
-          return `${this.$strings.LabelLastBookAdded} ${this.$formatDate(lastBookAdded, this.dateFormat)}` 
+          const lastBookAdded = Math.max(...this.books.map((x) => x.addedAt), 0)
+          return `${this.$strings.LabelLastBookAdded} ${this.$formatDate(lastBookAdded, this.dateFormat)}`
        default:
          return null
      }
@ -115,6 +115,14 @@ export default {
    seriesBooksFinished() {
      return this.seriesBookProgress.filter((p) => p.isFinished)
    },
+    hasSeriesBookInProgress() {
+      return this.seriesBookProgress.some((p) => !p.isFinished && p.progress > 0)
+    },
+    seriesPercentInProgress() {
+      let totalFinishedAndInProgress = this.seriesBooksFinished.length
+      if (this.hasSeriesBookInProgress) totalFinishedAndInProgress += 1
+      return Math.min(1, Math.max(0, totalFinishedAndInProgress / this.books.length))
+    },
    isSeriesFinished() {
      return this.books.length === this.seriesBooksFinished.length
    },
--- a/client/components/cards/NarratorCard.vue
+++ b/client/components/cards/NarratorCard.vue
@ -1,8 +1,8 @@
 <template>
  <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=narrators.${$encode(narrator.name)}`">
    <div :style="{ width: width + 'px', height: height + 'px' }" class="bg-primary box-shadow-book rounded-md relative overflow-hidden">
-      <div class="absolute inset-0 w-full h-full flex items-center justify-center pointer-events-none opacity-20">
-        <span class="material-icons-outlined text-8xl">record_voice_over</span>
+      <div class="absolute inset-0 w-full h-full flex items-center justify-center pointer-events-none opacity-40">
+        <span class="material-icons-outlined text-[10rem]">record_voice_over</span>
      </div>

      <!-- Narrator name & num books overlay -->
--- a/client/components/content/LibraryItemDetails.vue
+++ b/client/components/content/LibraryItemDetails.vue
@ -0,0 +1,212 @@
+<template>
+  <div>
+    <div v-if="narrators?.length" class="flex py-0.5 mt-4">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelNarrators }}</span>
+      </div>
+      <div class="max-w-[calc(100vw-10rem)] overflow-hidden overflow-ellipsis">
+        <template v-for="(narrator, index) in narrators">
+          <nuxt-link :key="narrator" :to="`/library/${libraryId}/bookshelf?filter=narrators.${$encode(narrator)}`" class="hover:underline">{{ narrator }}</nuxt-link
+          ><span :key="index" v-if="index < narrators.length - 1">,&nbsp;</span>
+        </template>
+      </div>
+    </div>
+    <div v-if="publishedYear" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelPublishYear }}</span>
+      </div>
+      <div>
+        {{ publishedYear }}
+      </div>
+    </div>
+    <div v-if="publisher" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelPublisher }}</span>
+      </div>
+      <div>
+        {{ publisher }}
+      </div>
+    </div>
+    <div v-if="musicAlbum" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">Album</span>
+      </div>
+      <div>
+        {{ musicAlbum }}
+      </div>
+    </div>
+    <div v-if="musicAlbumArtist" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">Album Artist</span>
+      </div>
+      <div>
+        {{ musicAlbumArtist }}
+      </div>
+    </div>
+    <div v-if="musicTrackPretty" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">Track</span>
+      </div>
+      <div>
+        {{ musicTrackPretty }}
+      </div>
+    </div>
+    <div v-if="musicDiscPretty" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">Disc</span>
+      </div>
+      <div>
+        {{ musicDiscPretty }}
+      </div>
+    </div>
+    <div v-if="podcastType" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelPodcastType }}</span>
+      </div>
+      <div class="capitalize">
+        {{ podcastType }}
+      </div>
+    </div>
+    <div class="flex py-0.5" v-if="genres.length">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelGenres }}</span>
+      </div>
+      <div class="max-w-[calc(100vw-10rem)] overflow-hidden overflow-ellipsis">
+        <template v-for="(genre, index) in genres">
+          <nuxt-link :key="genre" :to="`/library/${libraryId}/bookshelf?filter=genres.${$encode(genre)}`" class="hover:underline">{{ genre }}</nuxt-link
+          ><span :key="index" v-if="index < genres.length - 1">,&nbsp;</span>
+        </template>
+      </div>
+    </div>
+    <div class="flex py-0.5" v-if="tags.length">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelTags }}</span>
+      </div>
+      <div class="max-w-[calc(100vw-10rem)] overflow-hidden overflow-ellipsis">
+        <template v-for="(tag, index) in tags">
+          <nuxt-link :key="tag" :to="`/library/${libraryId}/bookshelf?filter=tags.${$encode(tag)}`" class="hover:underline">{{ tag }}</nuxt-link
+          ><span :key="index" v-if="index < tags.length - 1">,&nbsp;</span>
+        </template>
+      </div>
+    </div>
+    <div v-if="tracks.length || audioFile || (isPodcast && totalPodcastDuration)" class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelDuration }}</span>
+      </div>
+      <div>
+        {{ durationPretty }}
+      </div>
+    </div>
+    <div class="flex py-0.5">
+      <div class="w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelSize }}</span>
+      </div>
+      <div>
+        {{ sizePretty }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    libraryItem: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    libraryId() {
+      return this.libraryItem.libraryId
+    },
+    isPodcast() {
+      return this.libraryItem.mediaType === 'podcast'
+    },
+    audioFile() {
+      // Music track
+      return this.media.audioFile
+    },
+    media() {
+      return this.libraryItem.media || {}
+    },
+    tracks() {
+      return this.media.tracks || []
+    },
+    podcastEpisodes() {
+      return this.media.episodes || []
+    },
+    mediaMetadata() {
+      return this.media.metadata || {}
+    },
+    publishedYear() {
+      return this.mediaMetadata.publishedYear
+    },
+    genres() {
+      return this.mediaMetadata.genres || []
+    },
+    tags() {
+      return this.media.tags || []
+    },
+    podcastAuthor() {
+      return this.mediaMetadata.author || ''
+    },
+    authors() {
+      return this.mediaMetadata.authors || []
+    },
+    publisher() {
+      return this.mediaMetadata.publisher || ''
+    },
+    musicArtists() {
+      return this.mediaMetadata.artists || []
+    },
+    musicAlbum() {
+      return this.mediaMetadata.album || ''
+    },
+    musicAlbumArtist() {
+      return this.mediaMetadata.albumArtist || ''
+    },
+    musicTrackPretty() {
+      if (!this.mediaMetadata.trackNumber) return null
+      if (!this.mediaMetadata.trackTotal) return this.mediaMetadata.trackNumber
+      return `${this.mediaMetadata.trackNumber} / ${this.mediaMetadata.trackTotal}`
+    },
+    musicDiscPretty() {
+      if (!this.mediaMetadata.discNumber) return null
+      if (!this.mediaMetadata.discTotal) return this.mediaMetadata.discNumber
+      return `${this.mediaMetadata.discNumber} / ${this.mediaMetadata.discTotal}`
+    },
+    narrators() {
+      return this.mediaMetadata.narrators || []
+    },
+    durationPretty() {
+      if (this.isPodcast) return this.$elapsedPrettyExtended(this.totalPodcastDuration)
+
+      if (!this.tracks.length && !this.audioFile) return 'N/A'
+      if (this.audioFile) return this.$elapsedPrettyExtended(this.duration)
+      return this.$elapsedPretty(this.duration)
+    },
+    duration() {
+      if (!this.tracks.length && !this.audioFile) return 0
+      return this.media.duration
+    },
+    totalPodcastDuration() {
+      if (!this.podcastEpisodes.length) return 0
+      let totalDuration = 0
+      this.podcastEpisodes.forEach((ep) => (totalDuration += ep.duration || 0))
+      return totalDuration
+    },
+    sizePretty() {
+      return this.$bytesPretty(this.media.size)
+    },
+    podcastType() {
+      return this.mediaMetadata.type
+    }
+  },
+  methods: {},
+  mounted() {}
+}
+</script>
--- a/client/components/modals/SleepTimerModal.vue
+++ b/client/components/modals/SleepTimerModal.vue
@ -15,7 +15,7 @@
        </template>
        <form class="flex items-center justify-center px-6 py-3" @submit.prevent="submitCustomTime">
          <ui-text-input v-model="customTime" type="number" step="any" min="0.1" placeholder="Time in minutes" class="w-48" />
-          <ui-btn color="success" type="submit" padding-x="0" class="h-9 w-12 flex items-center justify-center ml-1">Set</ui-btn>
+          <ui-btn color="success" type="submit" :padding-x="0" class="h-9 w-12 flex items-center justify-center ml-1">Set</ui-btn>
        </form>
      </div>
      <div v-else class="w-full p-4">
--- a/client/components/modals/item/tabs/Cover.vue
+++ b/client/components/modals/item/tabs/Cover.vue
@ -17,10 +17,10 @@
      <div class="flex-grow sm:pl-2 md:pl-6 sm:pr-2 mt-2 md:mt-0">
        <div class="flex items-center">
          <div v-if="userCanUpload" class="w-10 md:w-40 pr-2 pt-4 md:min-w-32">
-            <ui-file-input ref="fileInput" @change="fileUploadSelected"
-              ><span class="hidden md:inline-block">{{ $strings.ButtonUploadCover }}</span
-              ><span class="material-icons text-2xl inline-block md:!hidden">upload</span></ui-file-input
-            >
+            <ui-file-input ref="fileInput" @change="fileUploadSelected">
+              <span class="hidden md:inline-block">{{ $strings.ButtonUploadCover }}</span>
+              <span class="material-icons text-2xl inline-block md:!hidden">upload</span>
+            </ui-file-input>
          </div>
          <form @submit.prevent="submitForm" class="flex flex-grow">
            <ui-text-input-with-label v-model="imageUrl" :label="$strings.LabelCoverImageURL" />
@ -128,7 +128,7 @@ export default {
    },
    providers() {
      if (this.isPodcast) return this.$store.state.scanners.podcastProviders
-      return [...this.$store.state.scanners.providers, ...this.$store.state.scanners.coverOnlyProviders]
+      return [{ text: 'All', value: 'all' }, ...this.$store.state.scanners.providers, ...this.$store.state.scanners.coverOnlyProviders]
    },
    searchTitleLabel() {
      if (this.provider.startsWith('audible')) return this.$strings.LabelSearchTitleOrASIN
@ -223,7 +223,7 @@ export default {
      this.searchTitle = this.mediaMetadata.title || ''
      this.searchAuthor = this.mediaMetadata.authorName || ''
      if (this.isPodcast) this.provider = 'itunes'
-      else this.provider = localStorage.getItem('book-provider') || 'google'
+      else this.provider = localStorage.getItem('book-cover-provider') || localStorage.getItem('book-provider') || 'google'
    },
    removeCover() {
      if (!this.media.coverPath) {
@ -288,13 +288,13 @@ export default {
    },
    getSearchQuery() {
      var searchQuery = `provider=${this.provider}&title=${this.searchTitle}`
-      if (this.searchAuthor) searchQuery += `&author=${this.searchAuthor}`
+      if (this.searchAuthor) searchQuery += `&author=${this.searchAuthor || ''}`
      if (this.isPodcast) searchQuery += '&podcast=1'
      return searchQuery
    },
    persistProvider() {
      try {
-        localStorage.setItem('book-provider', this.provider)
+        localStorage.setItem('book-cover-provider', this.provider)
      } catch (error) {
        console.error('PersistProvider', error)
      }
--- a/client/components/readers/PdfReader.vue
+++ b/client/components/readers/PdfReader.vue
@ -19,7 +19,7 @@
      <div class="flex items-center justify-center">
        <div :style="{ width: pdfWidth + 'px', height: pdfHeight + 'px' }" class="w-full h-full overflow-auto">
          <div v-if="loadedRatio > 0 && loadedRatio < 1" style="background-color: green; color: white; text-align: center" :style="{ width: loadedRatio * 100 + '%' }">{{ Math.floor(loadedRatio * 100) }}%</div>
-          <pdf ref="pdf" class="m-auto z-10 border border-black border-opacity-20 shadow-md" :src="url" :page="page" :rotate="rotate" @progress="loadedRatio = $event" @error="error" @num-pages="numPagesLoaded" @link-clicked="page = $event"></pdf>
+          <pdf ref="pdf" class="m-auto z-10 border border-black border-opacity-20 shadow-md" :src="url" :page="page" :rotate="rotate" @progress="progressEvt" @error="error" @num-pages="numPagesLoaded" @link-clicked="page = $event" @loaded="loadedEvt"></pdf>
        </div>
      </div>
    </div>
@ -30,14 +30,18 @@
 </template>

 <script>
-import pdf from 'vue-pdf'
+import pdf from '@teckel/vue-pdf'

 export default {
  components: {
    pdf
  },
  props: {
-    url: String
+    url: String,
+    libraryItem: {
+      type: Object,
+      default: () => {}
+    }
  },
  data() {
    return {
@ -48,6 +52,9 @@ export default {
    }
  },
  computed: {
+    libraryItemId() {
+      return this.libraryItem?.id
+    },
    pdfWidth() {
      return this.pdfHeight * 0.6667
    },
@ -59,19 +66,50 @@ export default {
    },
    canGoPrev() {
      return this.page > 1
+    },
+    userMediaProgress() {
+      if (!this.libraryItemId) return
+      return this.$store.getters['user/getUserMediaProgress'](this.libraryItemId)
+    },
+    savedPage() {
+      return Number(this.userMediaProgress?.ebookLocation || 0)
    }
  },
  methods: {
+    updateProgress() {
+      if (!this.numPages) {
+        console.error('Num pages not loaded')
+        return
+      }
+
+      const payload = {
+        ebookLocation: this.page,
+        ebookProgress: Math.max(0, Math.min(1, (Number(this.page) - 1) / Number(this.numPages)))
+      }
+      this.$axios.$patch(`/api/me/progress/${this.libraryItemId}`, payload).catch((error) => {
+        console.error('EpubReader.updateProgress failed:', error)
+      })
+    },
+    loadedEvt() {
+      if (this.savedPage && this.savedPage > 0 && this.savedPage <= this.numPages) {
+        this.page = this.savedPage
+      }
+    },
+    progressEvt(progress) {
+      this.loadedRatio = progress
+    },
    numPagesLoaded(e) {
      this.numPages = e
    },
    prev() {
      if (this.page <= 1) return
      this.page--
+      this.updateProgress()
    },
    next() {
      if (this.page >= this.numPages) return
      this.page++
+      this.updateProgress()
    },
    error(err) {
      console.error(err)
--- a/client/components/readers/Reader.vue
+++ b/client/components/readers/Reader.vue
@ -21,13 +21,18 @@

    <!-- TOC side nav -->
    <div v-if="tocOpen" class="w-full h-full fixed inset-0 bg-black/20 z-20" @click.stop.prevent="toggleToC"></div>
-    <div v-if="hasToC" class="w-72 h-full max-h-full absolute top-0 left-0 bg-bg shadow-xl transition-transform z-30" :class="tocOpen ? 'translate-x-0' : '-translate-x-72'" @click.stop.prevent="toggleToC">
-      <div class="p-4 h-full overflow-hidden">
+    <div v-if="hasToC" class="w-96 h-full max-h-full absolute top-0 left-0 bg-bg shadow-xl transition-transform z-30" :class="tocOpen ? 'translate-x-0' : '-translate-x-96'" @click.stop.prevent="toggleToC">
+      <div class="p-4 h-full">
        <p class="text-lg font-semibold mb-2">Table of Contents</p>
        <div class="tocContent">
          <ul>
            <li v-for="chapter in chapters" :key="chapter.id" class="py-1">
-              <a :href="chapter.href" @click.prevent="$refs.readerComponent.goToChapter(chapter.href)">{{ chapter.label }}</a>
+              <a :href="chapter.href" class="text-white/70 hover:text-white" @click.prevent="$refs.readerComponent.goToChapter(chapter.href)">{{ chapter.label }}</a>
+              <ul v-if="chapter.subitems.length">
+                <li v-for="subchapter in chapter.subitems" :key="subchapter.id" class="py-1 pl-4">
+                  <a :href="subchapter.href" class="text-white/70 hover:text-white" @click.prevent="$refs.readerComponent.goToChapter(subchapter.href)">{{ subchapter.label }}</a>
+                </li>
+              </ul>
            </li>
          </ul>
        </div>
@ -146,7 +151,6 @@ export default {
    },
    openSettings() {},
    hotkey(action) {
-      console.log('Reader hotkey', action)
      if (!this.$refs.readerComponent) return

      if (action === this.$hotkeys.EReader.NEXT_PAGE) {
@ -187,7 +191,6 @@ export default {
 </script>

 <style>
-/* @import url(@/assets/calibre/basic.css); */
 .ebook-viewer {
  height: calc(100% - 96px);
 }
--- a/client/components/tables/LibraryFilesTable.vue
+++ b/client/components/tables/LibraryFilesTable.vue
@ -70,6 +70,9 @@ export default {
      return this.libraryItem.libraryFiles || []
    },
    audioFiles() {
+      if (this.libraryItem.mediaType === 'podcast') {
+        return this.libraryItem.media?.episodes.map((ep) => ep.audioFile) || []
+      }
      return this.libraryItem.media?.audioFiles || []
    },
    filesWithAudioFile() {
--- a/client/components/tables/collection/BookTableRow.vue
+++ b/client/components/tables/collection/BookTableRow.vue
@ -1,16 +1,18 @@
 <template>
  <div class="w-full px-1 md:px-2 py-2 overflow-hidden relative" @mouseover="mouseover" @mouseleave="mouseleave" :class="isHovering ? 'bg-white bg-opacity-5' : ''">
-    <div v-if="book" class="flex h-16 md:h-20">
+    <div v-if="book" class="flex h-18 md:h-[5.5rem]">
      <div class="w-10 min-w-10 md:w-16 md:max-w-16 h-full">
        <div class="flex h-full items-center justify-center">
          <span class="material-icons drag-handle text-lg md:text-xl">menu</span>
        </div>
      </div>
-      <div class="h-full relative flex items-center" :style="{ width: coverWidth + 'px', minWidth: coverWidth + 'px', maxWidth: coverWidth + 'px' }">
-        <covers-book-cover :library-item="book" :width="coverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
-        <div class="absolute top-0 left-0 bg-black bg-opacity-50 flex items-center justify-center h-full w-full z-10" v-show="isHovering && showPlayBtn">
-          <div class="w-8 h-8 bg-white bg-opacity-20 rounded-full flex items-center justify-center hover:bg-opacity-40 cursor-pointer" @click="playClick">
-            <span class="material-icons text-2xl">play_arrow</span>
+      <div class="h-full flex items-center" :style="{ width: coverWidth + 'px', minWidth: coverWidth + 'px', maxWidth: coverWidth + 'px' }">
+        <div class="relative" :style="{ height: coverHeight + 'px', minHeight: coverHeight + 'px', maxHeight: coverHeight + 'px' }">
+          <covers-book-cover :library-item="book" :width="coverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
+          <div class="absolute top-0 left-0 flex items-center justify-center bg-black bg-opacity-50 h-full w-full z-10" v-show="isHovering && showPlayBtn">
+            <div class="w-8 h-8 bg-white bg-opacity-20 rounded-full flex items-center justify-center hover:bg-opacity-40 cursor-pointer" @click="playClick">
+              <span class="material-icons text-2xl">play_arrow</span>
+            </div>
          </div>
        </div>
      </div>
@ -19,9 +21,12 @@
          <div class="truncate max-w-48 md:max-w-md">
            <nuxt-link :to="`/item/${book.id}`" class="truncate hover:underline text-sm md:text-base">{{ bookTitle }}</nuxt-link>
          </div>
+          <div class="truncate max-w-48 md:max-w-md text-xs md:text-sm text-gray-300">
+            <nuxt-link v-for="_series in seriesList" :key="_series.id" :to="`/library/${book.libraryId}/series/${_series.id}`" class="hover:underline font-sans text-gray-300"> {{ _series.text }}</nuxt-link>
+          </div>
          <div class="truncate max-w-48 md:max-w-md text-xs md:text-sm text-gray-300">
            <template v-for="(author, index) in bookAuthors">
-              <nuxt-link :key="author.id" :to="`/author/${author.id}`" class="truncate hover:underline">{{ author.name }}</nuxt-link
+              <nuxt-link :key="author.id" :to="`/author/${author.id}?library=${book.libraryId}`" class="truncate hover:underline">{{ author.name }}</nuxt-link
              ><span :key="author.id + '-comma'" v-if="index < bookAuthors.length - 1">,&nbsp;</span>
            </template>
          </div>
@ -96,6 +101,19 @@ export default {
    bookDuration() {
      return this.$elapsedPretty(this.media.duration)
    },
+    series() {
+      return this.mediaMetadata.series || []
+    },
+    seriesList() {
+      return this.series.map((se) => {
+        let text = se.name
+        if (se.sequence) text += ` #${se.sequence}`
+        return {
+          ...se,
+          text
+        }
+      })
+    },
    isMissing() {
      return this.book.isMissing
    },
@ -117,6 +135,9 @@ export default {
    coverSize() {
      return this.$store.state.globals.isMobile ? 30 : 50
    },
+    coverHeight() {
+      return this.coverSize * 1.6
+    },
    coverWidth() {
      if (this.bookCoverAspectRatio === 1) return this.coverSize * 1.6
      return this.coverSize
--- a/client/components/tables/playlist/ItemTableRow.vue
+++ b/client/components/tables/playlist/ItemTableRow.vue
@ -21,7 +21,7 @@
          </div>
          <div class="truncate max-w-48 md:max-w-md text-xs md:text-sm text-gray-300">
            <template v-for="(author, index) in bookAuthors">
-              <nuxt-link :key="author.id" :to="`/author/${author.id}`" class="truncate hover:underline">{{ author.name }}</nuxt-link
+              <nuxt-link :key="author.id" :to="`/author/${author.id}?library=${libraryItem.libraryId}`" class="truncate hover:underline">{{ author.name }}</nuxt-link
              ><span :key="author.id + '-comma'" v-if="index < bookAuthors.length - 1">,&nbsp;</span>
            </template>
            <nuxt-link v-if="episode" :to="`/item/${libraryItem.id}`" class="truncate hover:underline">{{ mediaMetadata.title }}</nuxt-link>
--- a/client/components/tables/podcast/EpisodeTableRow.vue
+++ b/client/components/tables/podcast/EpisodeTableRow.vue
@ -7,8 +7,7 @@
          <widgets-podcast-type-indicator :type="episode.episodeType" />
        </div>

-        <p class="text-sm text-gray-200 episode-subtitle mt-1.5 mb-0.5">{{ subtitle }}</p>
-
+        <p class="text-sm text-gray-200 episode-subtitle mt-1.5 mb-0.5" v-html="subtitle"></p>
        <div class="flex justify-between pt-2 max-w-xl">
          <p v-if="episode.season" class="text-sm text-gray-300">Season #{{ episode.season }}</p>
          <p v-if="episode.episode" class="text-sm text-gray-300">Episode #{{ episode.episode }}</p>
@ -22,10 +21,6 @@
            <p class="pl-2 pr-1 text-sm font-semibold">{{ timeRemaining }}</p>
          </button>

-          <!-- <button v-if="libraryItemIdStreaming && !isStreamingFromDifferentLibrary" class="h-8 w-8 flex justify-center items-center mx-2" :class="isQueued ? 'text-success' : ''" @click.stop="queueBtnClick">
-            <span class="material-icons-outlined">{{ isQueued ? 'playlist_add_check' : 'queue' }}</span>
-          </button> -->
-
          <ui-tooltip v-if="libraryItemIdStreaming && !isStreamingFromDifferentLibrary" :text="isQueued ? $strings.MessageRemoveFromPlayerQueue : $strings.MessageAddToPlayerQueue" :class="isQueued ? 'text-success' : ''" direction="top">
            <ui-icon-btn :icon="isQueued ? 'playlist_add_check' : 'playlist_play'" borderless @click="queueBtnClick" />
          </ui-tooltip>
@ -89,7 +84,7 @@ export default {
      return this.episode.title || ''
    },
    subtitle() {
-      return this.episode.subtitle || ''
+      return this.episode.subtitle || this.description
    },
    description() {
      return this.episode.description || ''
--- a/client/nuxt.config.js
+++ b/client/nuxt.config.js
@ -27,11 +27,7 @@ module.exports = {
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' }
    ],
-    script: [
-      {
-        src: (process.env.ROUTER_BASE_PATH || '') + '/libs/sortable.js'
-      }
-    ],
+    script: [],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: (process.env.ROUTER_BASE_PATH || '') + '/favicon.ico' }
    ]
--- a/client/package-lock.json
+++ b/client/package-lock.json
@ -1,16 +1,17 @@
 {
  "name": "audiobookshelf-client",
-  "version": "2.2.19",
+  "version": "2.2.20",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "audiobookshelf-client",
-      "version": "2.2.19",
+      "version": "2.2.20",
      "license": "ISC",
      "dependencies": {
        "@nuxtjs/axios": "^5.13.6",
        "@nuxtjs/proxy": "^2.1.0",
+        "@teckel/vue-pdf": "^4.3.5",
        "core-js": "^3.16.0",
        "cron-parser": "^4.7.1",
        "date-fns": "^2.25.0",
@ -21,7 +22,6 @@
        "nuxt-socket-io": "^1.1.18",
        "trix": "^1.3.1",
        "v-click-outside": "^3.1.2",
-        "vue-pdf": "^4.2.0",
        "vue-toastification": "^1.7.11",
        "vuedraggable": "^2.24.3"
      },
@ -2983,6 +2983,43 @@
      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
    },
+    "node_modules/@teckel/vue-pdf": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/@teckel/vue-pdf/-/vue-pdf-4.3.5.tgz",
+      "integrity": "sha512-g2DAbZMPbPc7NPFImOsU/e7rt7wfdmBkmFa2kPsB4x+k+Bs8yC5Icmq/VnTSEq/Y8bNvEY7i6+JoicGnlfQL7Q==",
+      "dependencies": {
+        "babel-plugin-syntax-dynamic-import": "^6.18.0",
+        "loader-utils": "^1.4.0",
+        "pdfjs-dist": "^2.5.207 <2.8.0",
+        "raw-loader": "^4.0.1",
+        "vue-resize-sensor": "^2.0.0",
+        "worker-loader": "^2.0.0"
+      }
+    },
+    "node_modules/@teckel/vue-pdf/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/@teckel/vue-pdf/node_modules/loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
    "node_modules/@types/anymatch": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/@types/anymatch/-/anymatch-3.0.0.tgz",
@ -15921,43 +15958,6 @@
      "resolved": "https://registry.npmjs.org/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz",
      "integrity": "sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g=="
    },
-    "node_modules/vue-pdf": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vue-pdf/-/vue-pdf-4.3.0.tgz",
-      "integrity": "sha512-zd3lJj6CbtrawgaaDDciTDjkJMUKiLWtbEmBg5CvFn9Noe9oAO/GNy/fc5c59qGuFCJ14ibIV1baw4S07e5bSQ==",
-      "dependencies": {
-        "babel-plugin-syntax-dynamic-import": "^6.18.0",
-        "loader-utils": "^1.4.0",
-        "pdfjs-dist": "2.6.347",
-        "raw-loader": "^4.0.2",
-        "vue-resize-sensor": "^2.0.0",
-        "worker-loader": "^2.0.0"
-      }
-    },
-    "node_modules/vue-pdf/node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/vue-pdf/node_modules/loader-utils": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
    "node_modules/vue-resize-sensor": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz",
@ -19591,6 +19591,39 @@
      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
    },
+    "@teckel/vue-pdf": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/@teckel/vue-pdf/-/vue-pdf-4.3.5.tgz",
+      "integrity": "sha512-g2DAbZMPbPc7NPFImOsU/e7rt7wfdmBkmFa2kPsB4x+k+Bs8yC5Icmq/VnTSEq/Y8bNvEY7i6+JoicGnlfQL7Q==",
+      "requires": {
+        "babel-plugin-syntax-dynamic-import": "^6.18.0",
+        "loader-utils": "^1.4.0",
+        "pdfjs-dist": "^2.5.207 <2.8.0",
+        "raw-loader": "^4.0.1",
+        "vue-resize-sensor": "^2.0.0",
+        "worker-loader": "^2.0.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        }
+      }
+    },
    "@types/anymatch": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/@types/anymatch/-/anymatch-3.0.0.tgz",
@ -29618,39 +29651,6 @@
      "resolved": "https://registry.npmjs.org/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz",
      "integrity": "sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g=="
    },
-    "vue-pdf": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vue-pdf/-/vue-pdf-4.3.0.tgz",
-      "integrity": "sha512-zd3lJj6CbtrawgaaDDciTDjkJMUKiLWtbEmBg5CvFn9Noe9oAO/GNy/fc5c59qGuFCJ14ibIV1baw4S07e5bSQ==",
-      "requires": {
-        "babel-plugin-syntax-dynamic-import": "^6.18.0",
-        "loader-utils": "^1.4.0",
-        "pdfjs-dist": "2.6.347",
-        "raw-loader": "^4.0.2",
-        "vue-resize-sensor": "^2.0.0",
-        "worker-loader": "^2.0.0"
-      },
-      "dependencies": {
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
-    },
    "vue-resize-sensor": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz",
@ -30753,4 +30753,4 @@
      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
    }
  }
-}
+}
--- a/client/package.json
+++ b/client/package.json
@ -1,6 +1,6 @@
 {
  "name": "audiobookshelf-client",
-  "version": "2.2.19",
+  "version": "2.2.20",
  "description": "Self-hosted audiobook and podcast client",
  "main": "index.js",
  "scripts": {
@ -15,6 +15,7 @@
  "dependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/proxy": "^2.1.0",
+    "@teckel/vue-pdf": "^4.3.5",
    "core-js": "^3.16.0",
    "cron-parser": "^4.7.1",
    "date-fns": "^2.25.0",
@ -25,7 +26,6 @@
    "nuxt-socket-io": "^1.1.18",
    "trix": "^1.3.1",
    "v-click-outside": "^3.1.2",
-    "vue-pdf": "^4.2.0",
    "vue-toastification": "^1.7.11",
    "vuedraggable": "^2.24.3"
  },
@ -37,4 +37,4 @@
    "postcss": "^8.3.6",
    "tailwindcss": "^3.1.4"
  }
-}
+}
--- a/client/pages/author/_id.vue
+++ b/client/pages/author/_id.vue
@ -43,8 +43,8 @@

 <script>
 export default {
-  async asyncData({ store, app, params, redirect }) {
-    const author = await app.$axios.$get(`/api/authors/${params.id}?library=${store.state.libraries.currentLibraryId}&include=items,series`).catch((error) => {
+  async asyncData({ store, app, params, redirect, query }) {
+    const author = await app.$axios.$get(`/api/authors/${params.id}?library=${query.library || store.state.libraries.currentLibraryId}&include=items,series`).catch((error) => {
      console.error('Failed to get author', error)
      return null
    })
@ -53,6 +53,10 @@ export default {
      return redirect(`/library/${store.state.libraries.currentLibraryId}/authors`)
    }

+    if (query.library) {
+      store.commit('libraries/setCurrentLibrary', query.library)
+    }
+
    return {
      author
    }
--- a/client/pages/config/index.vue
+++ b/client/pages/config/index.vue
@ -39,11 +39,15 @@
            <ui-multi-select v-model="newServerSettings.sortingPrefixes" small :items="newServerSettings.sortingPrefixes" :label="$strings.LabelPrefixesToIgnore" @input="updateSortingPrefixes" :disabled="updatingServerSettings" />
          </div>

-          <div class="flex items-center py-2">
+          <div class="flex items-center py-2 mb-2">
            <ui-toggle-switch labeledBy="settings-chromecast-support" v-model="newServerSettings.chromecastEnabled" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('chromecastEnabled', val)" />
            <p class="pl-4" id="settings-chromecast-support">{{ $strings.LabelSettingsChromecastSupport }}</p>
          </div>

+          <div class="w-44 mb-2">
+            <ui-dropdown v-model="newServerSettings.metadataFileFormat" small :items="metadataFileFormats" label="Metadata File Format" @input="updateMetadataFileFormat" :disabled="updatingServerSettings" />
+          </div>
+
          <div class="pt-4">
            <h2 class="font-semibold">{{ $strings.HeaderSettingsDisplay }}</h2>
          </div>
@ -272,7 +276,17 @@ export default {
      useBookshelfView: false,
      isPurgingCache: false,
      newServerSettings: {},
-      showConfirmPurgeCache: false
+      showConfirmPurgeCache: false,
+      metadataFileFormats: [
+        {
+          text: '.json',
+          value: 'json'
+        },
+        {
+          text: '.abs',
+          value: 'abs'
+        }
+      ]
    }
  },
  watch: {
@ -341,6 +355,10 @@ export default {
    updateServerLanguage(val) {
      this.updateSettingsKey('language', val)
    },
+    updateMetadataFileFormat(val) {
+      if (this.serverSettings.metadataFileFormat === val) return
+      this.updateSettingsKey('metadataFileFormat', val)
+    },
    updateSettingsKey(key, val) {
      this.updateServerSettings({
        [key]: val
@ -350,8 +368,7 @@ export default {
      this.updatingServerSettings = true
      this.$store
        .dispatch('updateServerSettings', payload)
-        .then((success) => {
-          console.log('Updated Server Settings', success)
+        .then(() => {
          this.updatingServerSettings = false
          this.$toast.success('Server settings updated')

--- a/client/pages/config/item-metadata-utils/tags.vue
+++ b/client/pages/config/item-metadata-utils/tags.vue
@ -17,8 +17,8 @@
          <ui-text-input v-else v-model="newTagName" />
          <div class="flex-grow" />
          <template v-if="editingTag !== tag">
-            <ui-icon-btn v-if="editingTag !== tag" icon="edit" borderless :size="8" icon-font-size="1.1rem" class="mx-1" @click="editTagClick(tag)" />
-            <ui-icon-btn v-if="editingTag !== tag" icon="delete" borderless :size="8" icon-font-size="1.1rem" @click="removeTagClick(tag)" />
+            <ui-icon-btn icon="edit" borderless :size="8" icon-font-size="1.1rem" class="mx-1" @click="editTagClick(tag)" />
+            <ui-icon-btn icon="delete" borderless :size="8" icon-font-size="1.1rem" @click="removeTagClick(tag)" />
          </template>
          <template v-else>
            <ui-btn color="success" small class="mx-2" @click.stop="saveTagClick">{{ $strings.ButtonSave }}</ui-btn>
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@ -42,89 +42,12 @@
                  <nuxt-link v-for="(artist, index) in musicArtists" :key="index" :to="`/artist/${$encode(artist)}`" class="hover:underline">{{ artist }}<span v-if="index < musicArtists.length - 1">,&nbsp;</span></nuxt-link>
                </p>
                <p v-else-if="authors.length" class="mb-2 mt-0.5 text-gray-200 text-lg md:text-xl max-w-[calc(100vw-2rem)] overflow-hidden overflow-ellipsis">
-                  by <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
+                  by <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}?library=${libraryItem.libraryId}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
                </p>
                <p v-else class="mb-2 mt-0.5 text-gray-200 text-xl">by Unknown</p>
              </template>

-              <div v-if="narrator" class="flex py-0.5 mt-4">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelNarrators }}</span>
-                </div>
-                <div class="max-w-[calc(100vw-10rem)] overflow-hidden overflow-ellipsis">
-                  <template v-for="(narrator, index) in narrators">
-                    <nuxt-link :key="narrator" :to="`/library/${libraryId}/bookshelf?filter=narrators.${$encode(narrator)}`" class="hover:underline">{{ narrator }}</nuxt-link
-                    ><span :key="index" v-if="index < narrators.length - 1">,&nbsp;</span>
-                  </template>
-                </div>
-              </div>
-              <div v-if="publishedYear" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelPublishYear }}</span>
-                </div>
-                <div>
-                  {{ publishedYear }}
-                </div>
-              </div>
-              <div v-if="musicAlbum" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">Album</span>
-                </div>
-                <div>
-                  {{ musicAlbum }}
-                </div>
-              </div>
-              <div v-if="musicAlbumArtist" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">Album Artist</span>
-                </div>
-                <div>
-                  {{ musicAlbumArtist }}
-                </div>
-              </div>
-              <div v-if="musicTrackPretty" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">Track</span>
-                </div>
-                <div>
-                  {{ musicTrackPretty }}
-                </div>
-              </div>
-              <div v-if="musicDiscPretty" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">Disc</span>
-                </div>
-                <div>
-                  {{ musicDiscPretty }}
-                </div>
-              </div>
-              <div class="flex py-0.5" v-if="genres.length">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelGenres }}</span>
-                </div>
-                <div class="max-w-[calc(100vw-10rem)] overflow-hidden overflow-ellipsis">
-                  <template v-for="(genre, index) in genres">
-                    <nuxt-link :key="genre" :to="`/library/${libraryId}/bookshelf?filter=genres.${$encode(genre)}`" class="hover:underline">{{ genre }}</nuxt-link
-                    ><span :key="index" v-if="index < genres.length - 1">,&nbsp;</span>
-                  </template>
-                </div>
-              </div>
-              <div v-if="tracks.length || audioFile || (isPodcast && totalPodcastDuration)" class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelDuration }}</span>
-                </div>
-                <div>
-                  {{ durationPretty }}
-                </div>
-              </div>
-              <div class="flex py-0.5">
-                <div class="w-32">
-                  <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelSize }}</span>
-                </div>
-                <div>
-                  {{ sizePretty }}
-                </div>
-              </div>
+              <content-library-item-details :library-item="libraryItem" />
            </div>
            <div class="hidden md:block flex-grow" />
          </div>
@ -339,9 +262,6 @@ export default {
    libraryId() {
      return this.libraryItem.libraryId
    },
-    folderId() {
-      return this.libraryItem.folderId
-    },
    libraryItemId() {
      return this.libraryItem.id
    },
@ -367,19 +287,10 @@ export default {
    title() {
      return this.mediaMetadata.title || 'No Title'
    },
-    publishedYear() {
-      return this.mediaMetadata.publishedYear
-    },
-    narrator() {
-      return this.mediaMetadata.narratorName
-    },
    bookSubtitle() {
      if (this.isPodcast) return null
      return this.mediaMetadata.subtitle
    },
-    genres() {
-      return this.mediaMetadata.genres || []
-    },
    podcastAuthor() {
      return this.mediaMetadata.author || ''
    },
@ -389,25 +300,6 @@ export default {
    musicArtists() {
      return this.mediaMetadata.artists || []
    },
-    musicAlbum() {
-      return this.mediaMetadata.album || ''
-    },
-    musicAlbumArtist() {
-      return this.mediaMetadata.albumArtist || ''
-    },
-    musicTrackPretty() {
-      if (!this.mediaMetadata.trackNumber) return null
-      if (!this.mediaMetadata.trackTotal) return this.mediaMetadata.trackNumber
-      return `${this.mediaMetadata.trackNumber} / ${this.mediaMetadata.trackTotal}`
-    },
-    musicDiscPretty() {
-      if (!this.mediaMetadata.discNumber) return null
-      if (!this.mediaMetadata.discTotal) return this.mediaMetadata.discNumber
-      return `${this.mediaMetadata.discNumber} / ${this.mediaMetadata.discTotal}`
-    },
-    narrators() {
-      return this.mediaMetadata.narrators || []
-    },
    series() {
      return this.mediaMetadata.series || []
    },
@ -421,26 +313,10 @@ export default {
        }
      })
    },
-    durationPretty() {
-      if (this.isPodcast) return this.$elapsedPrettyExtended(this.totalPodcastDuration)
-
-      if (!this.tracks.length && !this.audioFile) return 'N/A'
-      if (this.audioFile) return this.$elapsedPrettyExtended(this.duration)
-      return this.$elapsedPretty(this.duration)
-    },
    duration() {
      if (!this.tracks.length && !this.audioFile) return 0
      return this.media.duration
    },
-    totalPodcastDuration() {
-      if (!this.podcastEpisodes.length) return 0
-      let totalDuration = 0
-      this.podcastEpisodes.forEach((ep) => (totalDuration += ep.duration || 0))
-      return totalDuration
-    },
-    sizePretty() {
-      return this.$bytesPretty(this.media.size)
-    },
    libraryFiles() {
      return this.libraryItem.libraryFiles || []
    },
@ -726,10 +602,11 @@ export default {
      }
    },
    clearProgressClick() {
+      if (!this.userMediaProgress) return
      if (confirm(`Are you sure you want to reset your progress?`)) {
        this.resettingProgress = true
        this.$axios
-          .$delete(`/api/me/progress/${this.libraryItemId}`)
+          .$delete(`/api/me/progress/${this.userMediaProgress.id}`)
          .then(() => {
            console.log('Progress reset complete')
            this.$toast.success(`Your progress was reset`)
--- a/client/pages/library/_library/narrators.vue
+++ b/client/pages/library/_library/narrators.vue
@ -0,0 +1,161 @@
+<template>
+  <div class="page relative" :class="streamLibraryItem ? 'streaming' : ''">
+    <app-book-shelf-toolbar page="narrators" is-home />
+    <div id="bookshelf" class="w-full h-full px-1 py-4 md:p-8 relative overflow-y-auto">
+      <table class="tracksTable max-w-2xl mx-auto">
+        <tr>
+          <th class="text-left">{{ $strings.LabelName }}</th>
+          <th class="text-center w-24">{{ $strings.LabelBooks }}</th>
+          <th v-if="userCanUpdate" class="w-40"></th>
+        </tr>
+        <tr v-for="narrator in narrators" :key="narrator.id">
+          <td>
+            <p v-if="selectedNarrator?.id !== narrator.id" class="text-sm md:text-base text-gray-100">{{ narrator.name }}</p>
+            <form v-else @submit.prevent="saveClick">
+              <ui-text-input v-model="newNarratorName" />
+            </form>
+          </td>
+          <td class="text-center w-24">
+            <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=narrators.${narrator.id}`" class="hover:underline">{{ narrator.numBooks }}</nuxt-link>
+          </td>
+          <td v-if="userCanUpdate" class="w-40">
+            <div class="flex justify-end items-center h-10">
+              <template v-if="selectedNarrator?.id !== narrator.id">
+                <ui-icon-btn icon="edit" borderless :size="8" icon-font-size="1.1rem" class="mx-1" @click="editClick(narrator)" />
+                <ui-icon-btn icon="delete" borderless :size="8" icon-font-size="1.1rem" @click="removeClick(narrator)" />
+              </template>
+              <template v-else>
+                <ui-btn color="success" small class="mr-2" @click.stop="saveClick">{{ $strings.ButtonSave }}</ui-btn>
+                <ui-btn small @click.stop="cancelEditClick">{{ $strings.ButtonCancel }}</ui-btn>
+              </template>
+            </div>
+          </td>
+        </tr>
+      </table>
+    </div>
+
+    <div v-if="loading" class="absolute top-0 left-0 w-full h-[calc(100%-40px)] mt-10 flex items-center justify-center bg-black/25">
+      <ui-loading-indicator />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ store, params, redirect, query, app }) {
+    const libraryId = params.library
+    const libraryData = await store.dispatch('libraries/fetch', libraryId)
+    if (!libraryData) {
+      return redirect('/oops?message=Library not found')
+    }
+
+    const library = libraryData.library
+    if (library.mediaType === 'podcast') {
+      return redirect(`/library/${libraryId}`)
+    }
+
+    return {
+      libraryId
+    }
+  },
+  data() {
+    return {
+      loading: true,
+      narrators: [],
+      selectedNarrator: null,
+      newNarratorName: null
+    }
+  },
+  computed: {
+    streamLibraryItem() {
+      return this.$store.state.streamLibraryItem
+    },
+    currentLibraryId() {
+      return this.$store.state.libraries.currentLibraryId
+    },
+    userCanUpdate() {
+      return this.$store.getters['user/getUserCanUpdate']
+    }
+  },
+  methods: {
+    removeClick(narrator) {
+      const payload = {
+        message: this.$getString('MessageConfirmRemoveNarrator', [narrator.name]),
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.removeNarrator(narrator.id)
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    editClick(narrator) {
+      this.selectedNarrator = narrator
+      this.newNarratorName = narrator.name
+    },
+    cancelEditClick() {
+      this.selectedNarrator = null
+      this.newNarratorName = null
+    },
+    saveClick() {
+      if (!this.selectedNarrator) return
+      this.newNarratorName = this.newNarratorName?.trim() || ''
+      if (!this.newNarratorName || this.newNarratorName === this.selectedNarrator.name) {
+        this.cancelEditClick()
+        return
+      }
+
+      this.loading = true
+      this.$axios
+        .$patch(`/api/libraries/${this.currentLibraryId}/narrators/${this.selectedNarrator.id}`, { name: this.newNarratorName })
+        .then((data) => {
+          if (data.updated) {
+            this.$toast.success(this.$getString('MessageItemsUpdated', [data.updated]))
+          } else {
+            this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
+          }
+          this.cancelEditClick()
+          this.init()
+        })
+        .catch((error) => {
+          console.error('Failed to updated narrator', error)
+          this.$toast.error('Failed to update narrator')
+          this.loading = false
+        })
+    },
+    removeNarrator(id) {
+      this.loading = true
+      this.$axios
+        .$delete(`/api/libraries/${this.currentLibraryId}/narrators/${id}`)
+        .then((data) => {
+          if (data.updated) {
+            this.$toast.success(this.$getString('MessageItemsUpdated', [data.updated]))
+          } else {
+            this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
+          }
+          this.init()
+        })
+        .catch((error) => {
+          console.error('Failed to remove narrator', error)
+          this.$toast.error('Failed to remove narrator')
+          this.loading = false
+        })
+    },
+    async init() {
+      this.narrators = await this.$axios
+        .$get(`/api/libraries/${this.currentLibraryId}/narrators`)
+        .then((response) => response.narrators)
+        .catch((error) => {
+          console.error('Failed to load narrators', error)
+          return []
+        })
+      this.loading = false
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  beforeDestroy() {}
+}
+</script>
--- a/client/pages/library/_library/podcast/latest.vue
+++ b/client/pages/library/_library/podcast/latest.vue
@ -45,7 +45,7 @@
                <widgets-podcast-type-indicator :type="episode.episodeType" />
              </div>

-              <p class="text-sm text-gray-200 mb-4">{{ episode.subtitle }}</p>
+              <p class="text-sm text-gray-200 mb-4 episode-subtitle-long" v-html="episode.subtitle || episode.description" />

              <div class="flex items-center">
                <button class="h-8 px-4 border border-white border-opacity-20 hover:bg-white hover:bg-opacity-10 rounded-full flex items-center justify-center cursor-pointer focus:outline-none" :class="episode.progress && episode.progress.isFinished ? 'text-white text-opacity-40' : ''" @click.stop="playClick(episode)">
--- a/client/players/PlayerHandler.js
+++ b/client/players/PlayerHandler.js
@ -24,7 +24,6 @@ export default class PlayerHandler {

    this.failedProgressSyncs = 0
    this.lastSyncTime = 0
-    this.lastSyncedAt = 0
    this.listeningTimeSinceSync = 0

    this.playInterval = null
@ -210,6 +209,8 @@ export default class PlayerHandler {
    this.playWhenReady = false
    this.initialPlaybackRate = playbackRate
    this.startTimeOverride = undefined
+    this.lastSyncTime = 0
+    this.listeningTimeSinceSync = 0

    this.prepareSession(session)
  }
@ -287,7 +288,8 @@ export default class PlayerHandler {
      const exactTimeElapsed = ((Date.now() - lastTick) / 1000)
      lastTick = Date.now()
      this.listeningTimeSinceSync += exactTimeElapsed
-      if (this.listeningTimeSinceSync >= 5) {
+      const TimeToWaitBeforeSync = this.lastSyncTime > 0 ? 5 : 20
+      if (this.listeningTimeSinceSync >= TimeToWaitBeforeSync) {
        this.sendProgressSync(currentTime)
      }
    }, 1000)
@ -297,13 +299,17 @@ export default class PlayerHandler {
    let syncData = null
    if (this.player) {
      const listeningTimeToAdd = Math.max(0, Math.floor(this.listeningTimeSinceSync))
-      syncData = {
-        timeListened: listeningTimeToAdd,
-        duration: this.getDuration(),
-        currentTime: this.getCurrentTime()
+      // When opening player and quickly closing dont save progress
+      if (listeningTimeToAdd > 20 || this.lastSyncTime > 0) {
+        syncData = {
+          timeListened: listeningTimeToAdd,
+          duration: this.getDuration(),
+          currentTime: this.getCurrentTime()
+        }
      }
    }
    this.listeningTimeSinceSync = 0
+    this.lastSyncTime = 0
    return this.ctx.$axios.$post(`/api/session/${this.currentSessionId}/close`, syncData, { timeout: 1000 }).catch((error) => {
      console.error('Failed to close session', error)
    })
@ -322,6 +328,7 @@ export default class PlayerHandler {
      duration: this.getDuration(),
      currentTime
    }
+
    this.listeningTimeSinceSync = 0
    this.ctx.$axios.$post(`/api/session/${this.currentSessionId}/sync`, syncData, { timeout: 3000 }).then(() => {
      this.failedProgressSyncs = 0
--- a/client/plugins/i18n.js
+++ b/client/plugins/i18n.js
@ -11,6 +11,7 @@ const languageCodeMap = {
  'fr': { label: 'Français', dateFnsLocale: 'fr' },
  'hr': { label: 'Hrvatski', dateFnsLocale: 'hr' },
  'it': { label: 'Italiano', dateFnsLocale: 'it' },
+  'nl': { label: 'Nederlands', dateFnsLocale: 'nl' },
  'pl': { label: 'Polski', dateFnsLocale: 'pl' },
  'ru': { label: 'Русский', dateFnsLocale: 'ru' },
  'zh-cn': { label: '简体中文 (Simplified Chinese)', dateFnsLocale: 'zhCN' },
@ -74,10 +75,9 @@ async function loadi18n(code) {
  for (const key in Vue.prototype.$strings) {
    Vue.prototype.$strings[key] = strings[key] || translations[defaultCode][key]
  }
-  console.log(`dateFnsLocale = ${languageCodeMap[code].dateFnsLocale}`)
+
  Vue.prototype.$setDateFnsLocale(languageCodeMap[code].dateFnsLocale)

-  console.log('i18n strings=', Vue.prototype.$strings)
  this.$eventBus.$emit('change-lang', code)
  return true
 }
--- a/client/static/libs/sortable.js
+++ b/client/static/libs/sortable.js
--- a/client/strings/de.json
+++ b/client/strings/de.json
@ -323,7 +323,7 @@
  "LabelPlayMethod": "Abspielmethode",
  "LabelPodcast": "Podcast",
  "LabelPodcasts": "Podcasts",
-  "LabelPodcastType": "Podcast Type",
+  "LabelPodcastType": "Podcast Typ",
  "LabelPrefixesToIgnore": "Zu ignorierende(s) Vorwort(e) (Groß- und Kleinschreibung wird nicht berücksichtigt)",
  "LabelPreventIndexing": "Verhindere, dass dein Feed von iTunes- und Google-Podcast-Verzeichnissen indiziert wird",
  "LabelProgress": "Fortschritt",
@ -413,7 +413,7 @@
  "LabelTag": "Schlagwort",
  "LabelTags": "Schlagwörter",
  "LabelTagsAccessibleToUser": "Für Benutzer zugängliche Schlagwörter",
-  "LabelTagsNotAccessibleToUser": "Tags not Accessible to User",
+  "LabelTagsNotAccessibleToUser": "Für Benutzer nicht zugängliche Schlagwörter",
  "LabelTasks": "Laufende Aufgaben",
  "LabelTimeBase": "Basiszeit",
  "LabelTimeListened": "Gehörte Zeit",
@ -464,7 +464,7 @@
  "MessageBackupsDescription": "In einer Sicherung werden Benutzer, Benutzerfortschritte, Details zu den Bibliotheksobjekten, Servereinstellungen und Bilder welche in <code>/metadata/items</code> & <code>/metadata/authors</code> gespeichert sind gespeichert. Sicherungen enthalten keine Dateien welche in den einzelnen Bibliotheksordnern (Medien-Ordnern) gespeichert sind.",
  "MessageBatchQuickMatchDescription": "Der Schnellabgleich versucht, fehlende Titelbilder und Metadaten für die ausgewählten Artikel hinzuzufügen. Aktivieren Sie die nachstehenden Optionen, damit der Schnellabgleich vorhandene Titelbilder und/oder Metadaten überschreiben kann.",
  "MessageBookshelfNoCollections": "Es wurden noch keine Sammlungen erstellt",
-  "MessageBookshelfNoResultsForFilter": "Keine Ergebnisse für filter \"{0}: {1}\"",
+  "MessageBookshelfNoResultsForFilter": "Keine Ergebnisse für Filter \"{0}: {1}\"",
  "MessageBookshelfNoRSSFeeds": "Keine RSS-Feeds geöffnet",
  "MessageBookshelfNoSeries": "Keine Serien vorhanden",
  "MessageChapterEndIsAfter": "Ungültige Kapitelendzeit: Kapitelende > Mediumende (Kapitelende liegt nach dem Ende des Mediums)",
@ -479,10 +479,11 @@
  "MessageConfirmForceReScan": "Sind Sie sicher, dass Sie einen erneuten Scanvorgang erzwingen wollen?",
  "MessageConfirmMarkSeriesFinished": "Sind Sie sicher, dass Sie alle Medien dieser Reihe als abgeschlossen markieren wollen?",
  "MessageConfirmMarkSeriesNotFinished": "Sind Sie sicher, dass Sie alle Medien dieser Reihe als nicht abgeschlossen markieren wollen?",
-  "MessageConfirmRemoveAllChapters": "Are you sure you want to remove all chapters?",
+  "MessageConfirmRemoveAllChapters": "Sind Sie sicher, dass Sie alle Kapitel entfernen möchten?",
  "MessageConfirmRemoveCollection": "Sind Sie sicher, dass Sie die Sammlung \"{0}\" löschen wollen?",
  "MessageConfirmRemoveEpisode": "Sind Sie sicher, dass Sie die Episode \"{0}\" löschen möchten?",
  "MessageConfirmRemoveEpisodes": "Sind Sie sicher, dass Sie {0} Episoden löschen wollen?",
+  "MessageConfirmRemoveNarrator": "Sind Sie sicher, dass Sie den Erzähler \"{0}\" löschen möchten?",
  "MessageConfirmRemovePlaylist": "Sind Sie sicher, dass Sie die Wiedergabeliste \"{0}\" entfernen möchten?",
  "MessageConfirmRenameGenre": "Sind Sie sicher, dass Sie die Kategorie \"{0}\" in \"{1}\" für alle Hörbücher/Podcasts umbenennen wollen?",
  "MessageConfirmRenameGenreMergeNote": "Hinweis: Kategorie existiert bereits -> Kategorien werden zusammengelegt.",
--- a/client/strings/en-us.json
+++ b/client/strings/en-us.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Are you sure you want to remove collection \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Are you sure you want to remove episode \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Are you sure you want to remove {0} episodes?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Are you sure you want to remove your playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Are you sure you want to rename genre \"{0}\" to \"{1}\" for all items?",
  "MessageConfirmRenameGenreMergeNote": "Note: This genre already exists so they will be merged.",
--- a/client/strings/es.json
+++ b/client/strings/es.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Esta seguro que desea remover la colección \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Esta seguro que desea remover el episodio \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Esta seguro que desea remover {0} episodios?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Esta seguro que desea remover su lista de reproducción \"{0}\"?",
  "MessageConfirmRenameGenre": "Esta seguro que desea renombrar el genero \"{0}\" a \"{1}\" de todos los elementos?",
  "MessageConfirmRenameGenreMergeNote": "Nota: Este genero ya existe por lo que se fusionarán.",
--- a/client/strings/fr.json
+++ b/client/strings/fr.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Êtes-vous sûr de vouloir supprimer la collection « {0} » ?",
  "MessageConfirmRemoveEpisode": "Êtes-vous sûr de vouloir supprimer l’épisode « {0} » ?",
  "MessageConfirmRemoveEpisodes": "Êtes-vous sûr de vouloir supprimer {0} épisodes ?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Êtes-vous sûr de vouloir supprimer la liste de lecture « {0} » ?",
  "MessageConfirmRenameGenre": "Êtes-vous sûr de vouloir renommer le genre « {0} » vers « {1} » pour tous les articles ?",
  "MessageConfirmRenameGenreMergeNote": "Information: Ce genre existe déjà et sera fusionné.",
--- a/client/strings/gu.json
+++ b/client/strings/gu.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Are you sure you want to remove collection \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Are you sure you want to remove episode \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Are you sure you want to remove {0} episodes?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Are you sure you want to remove your playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Are you sure you want to rename genre \"{0}\" to \"{1}\" for all items?",
  "MessageConfirmRenameGenreMergeNote": "Note: This genre already exists so they will be merged.",
--- a/client/strings/hi.json
+++ b/client/strings/hi.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Are you sure you want to remove collection \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Are you sure you want to remove episode \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Are you sure you want to remove {0} episodes?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Are you sure you want to remove your playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Are you sure you want to rename genre \"{0}\" to \"{1}\" for all items?",
  "MessageConfirmRenameGenreMergeNote": "Note: This genre already exists so they will be merged.",
--- a/client/strings/hr.json
+++ b/client/strings/hr.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "AJeste li sigurni da želite obrisati kolekciju \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Jeste li sigurni da želite obrisati epizodu \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Jeste li sigurni da želite obrisati {0} epizoda/-u?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Are you sure you want to remove your playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Are you sure you want to rename genre \"{0}\" to \"{1}\" for all items?",
  "MessageConfirmRenameGenreMergeNote": "Note: This genre already exists so they will be merged.",
--- a/client/strings/it.json
+++ b/client/strings/it.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Sei sicuro di voler rimuovere la Raccolta \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Sei sicuro di voler rimuovere l'episodio \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Sei sicuro di voler rimuovere  {0} episodi?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Sei sicuro di voler rimuovere la tua playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Sei sicuro di voler rinominare il genere \"{0}\" in \"{1}\" per tutti gli oggetti?",
  "MessageConfirmRenameGenreMergeNote": "Note: Questo genere esiste già quindi verra unito.",
--- a/client/strings/nl.json
+++ b/client/strings/nl.json
@ -0,0 +1,657 @@
+{
+  "ButtonAdd": "Toevoegen",
+  "ButtonAddChapters": "Hoofdstukken toevoegen",
+  "ButtonAddPodcasts": "Podcasts toevoegen",
+  "ButtonAddYourFirstLibrary": "Voeg je eerste bibliotheek toe",
+  "ButtonApply": "Pas toe",
+  "ButtonApplyChapters": "Hoofdstukken toepassen",
+  "ButtonAuthors": "Auteurs",
+  "ButtonBrowseForFolder": "Bladeren naar map",
+  "ButtonCancel": "Annuleren",
+  "ButtonCancelEncode": "Encoding annuleren",
+  "ButtonChangeRootPassword": "Root-wachtwoord wijzigen",
+  "ButtonCheckAndDownloadNewEpisodes": "Check & Download nieuwe afleveringen",
+  "ButtonChooseAFolder": "Map kiezen",
+  "ButtonChooseFiles": "Bestanden kiezen",
+  "ButtonClearFilter": "Filter verwijderen",
+  "ButtonCloseFeed": "Feed sluiten",
+  "ButtonCollections": "Collecties",
+  "ButtonConfigureScanner": "Configureer scanner",
+  "ButtonCreate": "Creëer",
+  "ButtonCreateBackup": "Maak back-up",
+  "ButtonDelete": "Verwijder",
+  "ButtonDownloadQueue": "Wachtrij",
+  "ButtonEdit": "Wijzig",
+  "ButtonEditChapters": "Hoofdstukken wijzigen",
+  "ButtonEditPodcast": "Podcast wijzigen",
+  "ButtonForceReScan": "Forceer nieuwe scan",
+  "ButtonFullPath": "Volledig pad",
+  "ButtonHide": "Verberg",
+  "ButtonHome": "Home",
+  "ButtonIssues": "Issues",
+  "ButtonLatest": "Meest recent",
+  "ButtonLibrary": "Bibliotheek",
+  "ButtonLogout": "Log uit",
+  "ButtonLookup": "Zoeken",
+  "ButtonManageTracks": "Beheer tracks",
+  "ButtonMapChapterTitles": "Hoofdstuktitels mappen",
+  "ButtonMatchAllAuthors": "Alle auteurs matchen",
+  "ButtonMatchBooks": "Alle boeken matchen",
+  "ButtonNevermind": "Laat maar",
+  "ButtonOk": "Ok",
+  "ButtonOpenFeed": "Feed openen",
+  "ButtonOpenManager": "Manager openen",
+  "ButtonPlay": "Afspelen",
+  "ButtonPlaying": "Speelt",
+  "ButtonPlaylists": "Afspeellijsten",
+  "ButtonPurgeAllCache": "Volledige cache legen",
+  "ButtonPurgeItemsCache": "Onderdelen-cache legen",
+  "ButtonPurgeMediaProgress": "Mediavoortgang legen",
+  "ButtonQueueAddItem": "In wachtrij zetten",
+  "ButtonQueueRemoveItem": "Uit wachtrij verwijderen",
+  "ButtonQuickMatch": "Snelle match",
+  "ButtonRead": "Lees",
+  "ButtonRemove": "Verwijder",
+  "ButtonRemoveAll": "Alles verwijderen",
+  "ButtonRemoveAllLibraryItems": "Verwijder volledige bibliotheekinhoud",
+  "ButtonRemoveFromContinueListening": "Vewijder uit Verder luisteren",
+  "ButtonRemoveSeriesFromContinueSeries": "Verwijder serie uit Serie vervolgen",
+  "ButtonReScan": "Nieuwe scan",
+  "ButtonReset": "Reset",
+  "ButtonRestore": "Herstel",
+  "ButtonSave": "Opslaan",
+  "ButtonSaveAndClose": "Opslaan & sluiten",
+  "ButtonSaveTracklist": "Afspeellijst opslaan",
+  "ButtonScan": "Scan",
+  "ButtonScanLibrary": "Scan bibliotheek",
+  "ButtonSearch": "Zoeken",
+  "ButtonSelectFolderPath": "Maplocatie selecteren",
+  "ButtonSeries": "Series",
+  "ButtonSetChaptersFromTracks": "Maak hoofdstukken op basis van tracks",
+  "ButtonShiftTimes": "Tijden verschuiven",
+  "ButtonShow": "Toon",
+  "ButtonStartM4BEncode": "Start M4B-encoding",
+  "ButtonStartMetadataEmbed": "Start insluiten metadata",
+  "ButtonSubmit": "Indienen",
+  "ButtonUpload": "Upload",
+  "ButtonUploadBackup": "Upload back-up",
+  "ButtonUploadCover": "Upload cover",
+  "ButtonUploadOPMLFile": "Upload OPML-bestand",
+  "ButtonUserDelete": "Verwijder gebruiker {0}",
+  "ButtonUserEdit": "Wijzig gebruiker {0}",
+  "ButtonViewAll": "Toon alle",
+  "ButtonYes": "Ja",
+  "HeaderAccount": "Account",
+  "HeaderAdvanced": "Geavanceerd",
+  "HeaderAppriseNotificationSettings": "Apprise-notificatie instellingen",
+  "HeaderAudiobookTools": "Audioboekbestandbeheer tools",
+  "HeaderAudioTracks": "Audiotracks",
+  "HeaderBackups": "Back-ups",
+  "HeaderChangePassword": "Wachtwoord wijzigen",
+  "HeaderChapters": "Hoofdstukken",
+  "HeaderChooseAFolder": "Map kiezen",
+  "HeaderCollection": "Collectie",
+  "HeaderCollectionItems": "Collectie-objecten",
+  "HeaderCover": "Cover",
+  "HeaderCurrentDownloads": "Huidige downloads",
+  "HeaderDetails": "Details",
+  "HeaderDownloadQueue": "Download-wachtrij",
+  "HeaderEpisodes": "Afleveringen",
+  "HeaderFiles": "Bestanden",
+  "HeaderFindChapters": "Zoek hoofdstukken",
+  "HeaderIgnoredFiles": "Genegeerde bestanden",
+  "HeaderItemFiles": "Onderdeel-bestanden",
+  "HeaderItemMetadataUtils": "Onderdeel-metadata Utils",
+  "HeaderLastListeningSession": "Laatste luistersessie",
+  "HeaderLatestEpisodes": "Laatste afleveringen",
+  "HeaderLibraries": "Bibliotheken",
+  "HeaderLibraryFiles": "Bibliotheekbestanden",
+  "HeaderLibraryStats": "Bibliotheekstatistieken",
+  "HeaderListeningSessions": "Luistersessies",
+  "HeaderListeningStats": "Luisterstatistieken",
+  "HeaderLogin": "Login",
+  "HeaderLogs": "Logs",
+  "HeaderManageGenres": "Genres beheren",
+  "HeaderManageTags": "Tags beheren",
+  "HeaderMapDetails": "Map details",
+  "HeaderMatch": "Match",
+  "HeaderMetadataToEmbed": "In te sluiten metadata",
+  "HeaderNewAccount": "Nieuwe account",
+  "HeaderNewLibrary": "Nieuwe bibliotheek",
+  "HeaderNotifications": "Notificaties",
+  "HeaderOpenRSSFeed": "Open RSS-feed",
+  "HeaderOtherFiles": "Andere bestanden",
+  "HeaderPermissions": "Toestemmingen",
+  "HeaderPlayerQueue": "Afspeelwachtrij",
+  "HeaderPlaylist": "Afspeellijst",
+  "HeaderPlaylistItems": "Onderdelen in afspeellijst",
+  "HeaderPodcastsToAdd": "Toe te voegen podcasts",
+  "HeaderPreviewCover": "Preview cover",
+  "HeaderRemoveEpisode": "Aflevering verwijderen",
+  "HeaderRemoveEpisodes": "Verwijder {0} afleveringen",
+  "HeaderRSSFeedGeneral": "RSS-details",
+  "HeaderRSSFeedIsOpen": "RSS-feed is open",
+  "HeaderSavedMediaProgress": "Opgeslagen mediavoortgang",
+  "HeaderSchedule": "Schema",
+  "HeaderScheduleLibraryScans": "Schema automatische bibliotheekscans",
+  "HeaderSession": "Sessie",
+  "HeaderSetBackupSchedule": "Kies schema voor back-up",
+  "HeaderSettings": "Instellingen",
+  "HeaderSettingsDisplay": "Toon",
+  "HeaderSettingsExperimental": "Experimentele functies",
+  "HeaderSettingsGeneral": "Algemeen",
+  "HeaderSettingsScanner": "Scanner",
+  "HeaderSleepTimer": "Slaaptimer",
+  "HeaderStatsLargestItems": "Grootste items",
+  "HeaderStatsLongestItems": "Langste items (uren)",
+  "HeaderStatsMinutesListeningChart": "Minuten geluisterd (laatste 7 dagen)",
+  "HeaderStatsRecentSessions": "Recente sessies",
+  "HeaderStatsTop10Authors": "Top 10 auteurs",
+  "HeaderStatsTop5Genres": "Top 5 genres",
+  "HeaderTools": "Tools",
+  "HeaderUpdateAccount": "Account bijwerken",
+  "HeaderUpdateAuthor": "Auteur bijwerken",
+  "HeaderUpdateDetails": "Details bijwerken",
+  "HeaderUpdateLibrary": "Bibliotheek bijwerken",
+  "HeaderUsers": "Gebruikers",
+  "HeaderYourStats": "Je statistieken",
+  "LabelAbridged": "Verkort",
+  "LabelAccountType": "Accounttype",
+  "LabelAccountTypeAdmin": "Beheerder",
+  "LabelAccountTypeGuest": "Gast",
+  "LabelAccountTypeUser": "Gebruiker",
+  "LabelActivity": "Activiteit",
+  "LabelAdded": "Toegevoegd",
+  "LabelAddedAt": "Toegevoegd op",
+  "LabelAddToCollection": "Toevoegen aan collectie",
+  "LabelAddToCollectionBatch": "{0} boeken toevoegen aan collectie",
+  "LabelAddToPlaylist": "Toevoegen aan afspeellijst",
+  "LabelAddToPlaylistBatch": "{0} onderdelen toevoegen aan afspeellijst",
+  "LabelAll": "Alle",
+  "LabelAllUsers": "Alle gebruikers",
+  "LabelAlreadyInYourLibrary": "Reeds in je bibliotheek",
+  "LabelAppend": "Append",
+  "LabelAuthor": "Auteur",
+  "LabelAuthorFirstLast": "Auteur (Voornaam Achternaam)",
+  "LabelAuthorLastFirst": "Auteur (Achternaam, Voornaam)",
+  "LabelAuthors": "Auteurs",
+  "LabelAutoDownloadEpisodes": "Afleveringen automatisch downloaden",
+  "LabelBackToUser": "Terug naar gebruiker",
+  "LabelBackupsEnableAutomaticBackups": "Automatische back-ups inschakelen",
+  "LabelBackupsEnableAutomaticBackupsHelp": "Back-ups opgeslagen in /metadata/backups",
+  "LabelBackupsMaxBackupSize": "Maximale back-up-grootte (in GB)",
+  "LabelBackupsMaxBackupSizeHelp": "Als een beveiliging tegen verkeerde instelling, zullen back-up mislukken als ze de ingestelde grootte overschrijden.",
+  "LabelBackupsNumberToKeep": "Aantal te bewaren back-ups",
+  "LabelBackupsNumberToKeepHelp": "Er wordt slechts 1 back-up per keer verwijderd, dus als je reeds meer back-ups dan dit hebt moet je ze handmatig verwijderen.",
+  "LabelBitrate": "Bitrate",
+  "LabelBooks": "Boeken",
+  "LabelChangePassword": "Wachtwoord wijzigen",
+  "LabelChannels": "Kanalen",
+  "LabelChapters": "Hoofdstukken",
+  "LabelChaptersFound": "Hoofdstukken gevonden",
+  "LabelChapterTitle": "Hoofdstuktitel",
+  "LabelClosePlayer": "Sluit speler",
+  "LabelCodec": "Codec",
+  "LabelCollapseSeries": "Series inklappen",
+  "LabelCollections": "Collecties",
+  "LabelComplete": "Compleet",
+  "LabelConfirmPassword": "Bevestig wachtwoord",
+  "LabelContinueListening": "Verder luisteren",
+  "LabelContinueSeries": "Ga verder met serie",
+  "LabelCover": "Cover",
+  "LabelCoverImageURL": "Coverafbeelding URL",
+  "LabelCreatedAt": "Gecreëerd op",
+  "LabelCronExpression": "Cron-uitdrukking",
+  "LabelCurrent": "Huidig",
+  "LabelCurrently": "Op dit moment:",
+  "LabelCustomCronExpression": "Aangepaste Cron-uitdrukking:",
+  "LabelDatetime": "Datum-tijd",
+  "LabelDescription": "Beschrijving",
+  "LabelDeselectAll": "Deselecteer alle",
+  "LabelDevice": "Apparaat",
+  "LabelDeviceInfo": "Apparaat info",
+  "LabelDirectory": "Map",
+  "LabelDiscFromFilename": "Schijf uit bestandsnaam",
+  "LabelDiscFromMetadata": "Schijf uit metadata",
+  "LabelDownload": "Download",
+  "LabelDuration": "Duur",
+  "LabelDurationFound": "Gevonden duur:",
+  "LabelEdit": "Wijzig",
+  "LabelEmbeddedCover": "Ingesloten cover",
+  "LabelEnable": "Inschakelen",
+  "LabelEnd": "Einde",
+  "LabelEpisode": "Aflevering",
+  "LabelEpisodeTitle": "Afleveringtitel",
+  "LabelEpisodeType": "Afleveringtype",
+  "LabelExample": "Voorbeeld",
+  "LabelExplicit": "Expliciet",
+  "LabelFeedURL": "Feed URL",
+  "LabelFile": "Bestand",
+  "LabelFileBirthtime": "Aanmaaktijd bestand",
+  "LabelFileModified": "Bestand gewijzigd",
+  "LabelFilename": "Bestandsnaam",
+  "LabelFilterByUser": "Filter op gebruiker",
+  "LabelFindEpisodes": "Zoek afleveringen",
+  "LabelFinished": "Voltooid",
+  "LabelFolder": "Map",
+  "LabelFolders": "Mappen",
+  "LabelFormat": "Format",
+  "LabelGenre": "Genre",
+  "LabelGenres": "Genres",
+  "LabelHardDeleteFile": "Hard-delete bestand",
+  "LabelHour": "Uur",
+  "LabelIcon": "Icoon",
+  "LabelIncludeInTracklist": "Includeer in tracklijst",
+  "LabelIncomplete": "Incompleet",
+  "LabelInProgress": "Bezig",
+  "LabelInterval": "Interval",
+  "LabelIntervalCustomDailyWeekly": "Aangepast dagelijks/wekelijks",
+  "LabelIntervalEvery12Hours": "Iedere 12 uur",
+  "LabelIntervalEvery15Minutes": "Iedere 15 minuten",
+  "LabelIntervalEvery2Hours": "Iedere 2 uur",
+  "LabelIntervalEvery30Minutes": "Iedere 30 minuten",
+  "LabelIntervalEvery6Hours": "Iedere 6 uur",
+  "LabelIntervalEveryDay": "Iedere dag",
+  "LabelIntervalEveryHour": "Ieder uur",
+  "LabelInvalidParts": "Ongeldige delen",
+  "LabelInvert": "Omdraaien",
+  "LabelItem": "Onderdeel",
+  "LabelLanguage": "Taal",
+  "LabelLanguageDefaultServer": "Standaard servertaal",
+  "LabelLastBookAdded": "Laatst toegevoegde boek",
+  "LabelLastBookUpdated": "Laatst bijgewerkte boek",
+  "LabelLastSeen": "Laatst gezien",
+  "LabelLastTime": "Laatste keer",
+  "LabelLastUpdate": "Laatste update",
+  "LabelLess": "Minder",
+  "LabelLibrariesAccessibleToUser": "Voor gebruiker toegankelijke bibliotheken",
+  "LabelLibrary": "Bibliotheek",
+  "LabelLibraryItem": "Library Item",
+  "LabelLibraryName": "Library Name",
+  "LabelLimit": "Limiet",
+  "LabelListenAgain": "Luister opnieuw",
+  "LabelLogLevelDebug": "Debug",
+  "LabelLogLevelInfo": "Info",
+  "LabelLogLevelWarn": "Waarschuwing",
+  "LabelLookForNewEpisodesAfterDate": "Zoek naar nieuwe afleveringen na deze datum",
+  "LabelMediaPlayer": "Mediaspeler",
+  "LabelMediaType": "Mediatype",
+  "LabelMetadataProvider": "Metadatabron",
+  "LabelMetaTag": "Meta-tag",
+  "LabelMetaTags": "Meta-tags",
+  "LabelMinute": "Minuut",
+  "LabelMissing": "Ontbrekend",
+  "LabelMissingParts": "Ontbrekende delen",
+  "LabelMore": "Meer",
+  "LabelMoreInfo": "Meer info",
+  "LabelName": "Naam",
+  "LabelNarrator": "Verteller",
+  "LabelNarrators": "Vertellers",
+  "LabelNew": "Nieuw",
+  "LabelNewestAuthors": "Nieuwste auteurs",
+  "LabelNewestEpisodes": "Nieuwste afleveringen",
+  "LabelNewPassword": "Nieuw wachtwoord",
+  "LabelNextBackupDate": "Volgende back-up datum",
+  "LabelNextScheduledRun": "Volgende geplande run",
+  "LabelNotes": "Notities",
+  "LabelNotFinished": "Niet Voltooid",
+  "LabelNotificationAppriseURL": "Apprise URL(s)",
+  "LabelNotificationAvailableVariables": "Beschikbare variabelen",
+  "LabelNotificationBodyTemplate": "Body-template",
+  "LabelNotificationEvent": "Notificatie gebeurtenis",
+  "LabelNotificationsMaxFailedAttempts": "Max mislukte pogingen",
+  "LabelNotificationsMaxFailedAttemptsHelp": "Notificaties worden uitgeschakeld als verzenden zo vaak mislukt",
+  "LabelNotificationsMaxQueueSize": "Max rijgrootte voor notificatie gebeurtenissen",
+  "LabelNotificationsMaxQueueSizeHelp": "Gebeurtenissen zijn beperkt tot 1 aftrap per seconde. Gebeurtenissen zullen genegeerd worden als de rij aan de maximale grootte zit. Dit voorkomt notificatie-spamming.",
+  "LabelNotificationTitleTemplate": "Titel-template",
+  "LabelNotStarted": "Niet Gestart",
+  "LabelNumberOfBooks": "Aantal Boeken",
+  "LabelNumberOfEpisodes": "# afleveringen",
+  "LabelOpenRSSFeed": "Open RSS-feed",
+  "LabelOverwrite": "Overschrijf",
+  "LabelPassword": "Wachtwoord",
+  "LabelPath": "Pad",
+  "LabelPermissionsAccessAllLibraries": "Heeft toegang tot all bibliotheken",
+  "LabelPermissionsAccessAllTags": "Heeft toegang tot alle tags",
+  "LabelPermissionsAccessExplicitContent": "Heeft toegang tot expliciete inhoud",
+  "LabelPermissionsDelete": "Kan verwijderen",
+  "LabelPermissionsDownload": "Kan downloaden",
+  "LabelPermissionsUpdate": "Kan bijwerken",
+  "LabelPermissionsUpload": "Kan uploaden",
+  "LabelPhotoPathURL": "Foto pad/URL",
+  "LabelPlaylists": "Afspeellijsten",
+  "LabelPlayMethod": "Afspeelwijze",
+  "LabelPodcast": "Podcast",
+  "LabelPodcasts": "Podcasts",
+  "LabelPodcastType": "Podcasttype",
+  "LabelPrefixesToIgnore": "Te negeren voorzetsels (ongeacht hoofdlettergebruik)",
+  "LabelPreventIndexing": "Voorkom indexering van je feed door iTunes- en Google podcastmappen",
+  "LabelProgress": "Voortgang",
+  "LabelProvider": "Bron",
+  "LabelPubDate": "Publicatiedatum",
+  "LabelPublisher": "Uitgever",
+  "LabelPublishYear": "Jaar van uitgave",
+  "LabelRecentlyAdded": "Recent toegevoegd",
+  "LabelRecentSeries": "Recente series",
+  "LabelRecommended": "Aangeraden",
+  "LabelRegion": "Regio",
+  "LabelReleaseDate": "Verschijningsdatum",
+  "LabelRemoveCover": "Verwijder cover",
+  "LabelRSSFeedCustomOwnerEmail": "Aangepast e-mailadres eigenaar",
+  "LabelRSSFeedCustomOwnerName": "Aangepaste naam eigenaar",
+  "LabelRSSFeedOpen": "RSS-feed open",
+  "LabelRSSFeedPreventIndexing": "Voorkom indexering",
+  "LabelRSSFeedSlug": "RSS-feed slug",
+  "LabelRSSFeedURL": "RSS-feed URL",
+  "LabelSearchTerm": "Zoekterm",
+  "LabelSearchTitle": "Zoek titel",
+  "LabelSearchTitleOrASIN": "Zoek titel of ASIN",
+  "LabelSeason": "Seizoen",
+  "LabelSequence": "Sequentie",
+  "LabelSeries": "Serie",
+  "LabelSeriesName": "Naam serie",
+  "LabelSeriesProgress": "Voortgang serie",
+  "LabelSettingsBookshelfViewHelp": "Skeumorphisch design met houten planken",
+  "LabelSettingsChromecastSupport": "Chromecast support",
+  "LabelSettingsDateFormat": "Datum format",
+  "LabelSettingsDisableWatcher": "Watcher uitschakelen",
+  "LabelSettingsDisableWatcherForLibrary": "Map-watcher voor bibliotheek uitschakelen",
+  "LabelSettingsDisableWatcherHelp": "Schakelt het automatisch toevoegen/bijwerken van onderdelen wanneer bestandswijzigingen gedetecteerd zijn uit. *Vereist herstart server",
+  "LabelSettingsEnableEReader": "E-reader inschakelen voor alle gebruikers",
+  "LabelSettingsEnableEReaderHelp": "E-reader is nog in ontwikkeling, maar gebruik deze instelling om het beschikbaar te maken voor al je gebruikers (of gebruik de \"Experimentele functies\"-schakelaar voor eigen gebruik)",
+  "LabelSettingsExperimentalFeatures": "Experimentele functies",
+  "LabelSettingsExperimentalFeaturesHelp": "Functies in ontwikkeling die je feedback en testing kunnen gebruiken. Klik om de Github-discussie te openen.",
+  "LabelSettingsFindCovers": "Zoek covers",
+  "LabelSettingsFindCoversHelp": "Als je audioboek geen ingesloten cover of cover in de map heeft, zal de scanner proberen een cover te vinden.<br>Opmerking: Dit zal de scan-duur verlengen",
+  "LabelSettingsHomePageBookshelfView": "Boekenplank-view voor homepagina",
+  "LabelSettingsLibraryBookshelfView": "Boekenplank-view voor bibliotheek",
+  "LabelSettingsOverdriveMediaMarkers": "Gebruik Overdrive media markers voor hoofdstukken",
+  "LabelSettingsOverdriveMediaMarkersHelp": "MP3-bestanden van Overdrive hebben hoofdstuktiming ingesloten als custom ingesloten metadata. Door dit in te schakelen worden deze tags voor hoofdstuktiming automatisch gebruikt.",
+  "LabelSettingsParseSubtitles": "Parseer subtitel",
+  "LabelSettingsParseSubtitlesHelp": "Haal subtitels uit mapnaam van audioboek.<br>Subtitel moet gescheiden zijn met \" - \"<br>b.v. \"Boektitel - Een Subtitel Hier\" heeft als subtitel \"Een Subtitel Hier\"",
+  "LabelSettingsPreferAudioMetadata": "Prefereer audio-metadata",
+  "LabelSettingsPreferAudioMetadataHelp": "Audiobestand ID3 metatags zullen worden gebruikt voor boekdetails in plaats van mapnamen",
+  "LabelSettingsPreferMatchedMetadata": "Prefereer gematchte metadata",
+  "LabelSettingsPreferMatchedMetadataHelp": "Gematchte data zal onderdeeldetails overschrijven bij gebruik van Quick Match. Standaard vult Quick Match uitsluitend ontbrekende details aan.",
+  "LabelSettingsPreferOPFMetadata": "Prefereer OPF-metadata",
+  "LabelSettingsPreferOPFMetadataHelp": "OPF-bestand metadata zal worden gebruik in plaats van mapnamen",
+  "LabelSettingsSkipMatchingBooksWithASIN": "Sla matchen van boeken over die al over een ASIN beschikken",
+  "LabelSettingsSkipMatchingBooksWithISBN": "Sla matchen van boeken over die al over een ISBN beschikken",
+  "LabelSettingsSortingIgnorePrefixes": "Negeer voorvoegsels bij sorteren",
+  "LabelSettingsSortingIgnorePrefixesHelp": "b.v. voor voorvoegsel \"The\" wordt titel \"The Title\" dan gesorteerd als \"Title, The\"",
+  "LabelSettingsSquareBookCovers": "Gebruik vierkante boekcovers",
+  "LabelSettingsSquareBookCoversHelp": "Prefereer gebruik van vierkante covers boven standaard 1.6:1 boekcovers",
+  "LabelSettingsStoreCoversWithItem": "Bewaar covers bij onderdeel",
+  "LabelSettingsStoreCoversWithItemHelp": "Standaard worden covers bewaard in /metadata/items, door deze instelling in te schakelen zullen covers in de map van je bibliotheekonderdeel bewaard worden. Slechts een bestand genaamd \"cover\" zal worden bewaard",
+  "LabelSettingsStoreMetadataWithItem": "Bewaar metadata bij onderdeel",
+  "LabelSettingsStoreMetadataWithItemHelp": "Standaard worden metadata-bestanden bewaard in /metadata/items, door deze instelling in te schakelen zullen metadata bestanden in de map van je bibliotheekonderdeel bewaard worden. Gebruikt .abs-extensie",
+  "LabelSettingsTimeFormat": "Tijdformat",
+  "LabelShowAll": "Toon alle",
+  "LabelSize": "Grootte",
+  "LabelSleepTimer": "Slaaptimer",
+  "LabelStart": "Start",
+  "LabelStarted": "Gestart",
+  "LabelStartedAt": "Gestart op",
+  "LabelStartTime": "Starttijd",
+  "LabelStatsAudioTracks": "Audiotracks",
+  "LabelStatsAuthors": "Auteurs",
+  "LabelStatsBestDay": "Beste dag",
+  "LabelStatsDailyAverage": "Dagelijks gemiddelde",
+  "LabelStatsDays": "Dagen",
+  "LabelStatsDaysListened": "Dagen geluisterd",
+  "LabelStatsHours": "Uren",
+  "LabelStatsInARow": "op een rij",
+  "LabelStatsItemsFinished": "Onderdelen voltooid",
+  "LabelStatsItemsInLibrary": "Onderdeel in bibliotheek",
+  "LabelStatsMinutes": "minuten",
+  "LabelStatsMinutesListening": "Minuten luisterend",
+  "LabelStatsOverallDays": "Overall dagen",
+  "LabelStatsOverallHours": "Overall uren",
+  "LabelStatsWeekListening": "Week luisterend",
+  "LabelSubtitle": "Subtitel",
+  "LabelSupportedFileTypes": "Ondersteunde bestandstypes",
+  "LabelTag": "Tag",
+  "LabelTags": "Tags",
+  "LabelTagsAccessibleToUser": "Tags toegankelijk voor de gebruiker",
+  "LabelTagsNotAccessibleToUser": "Tags niet toegankelijk voor de gebruiker",
+  "LabelTasks": "Lopende taken",
+  "LabelTimeBase": "Tijdsbasis",
+  "LabelTimeListened": "Tijd geluisterd",
+  "LabelTimeListenedToday": "Tijd geluisterd vandaag",
+  "LabelTimeRemaining": "{0} te gaan",
+  "LabelTimeToShift": "Tijd op te schuiven in seconden",
+  "LabelTitle": "Titel",
+  "LabelToolsEmbedMetadata": "Metadata insluiten",
+  "LabelToolsEmbedMetadataDescription": "Metadata insluiten in audiobestanden, inclusief coverafbeelding en hoofdstukken.",
+  "LabelToolsMakeM4b": "Maak M4B-audioboekbestand",
+  "LabelToolsMakeM4bDescription": "Genereer een .M4B-audioboekbestand met ingesloten metadata, coverafbeelding en hoofdstukken.",
+  "LabelToolsSplitM4b": "Splitst M4B in MP3's",
+  "LabelToolsSplitM4bDescription": "Maak MP3's van een M4B, gesplitst per hoofdstuk met ingesloten metadata, coverafbeelding en hoofdstukken.",
+  "LabelTotalDuration": "Totale duur",
+  "LabelTotalTimeListened": "Totale tijd geluisterd",
+  "LabelTrackFromFilename": "Track vanuit bestandsnaam",
+  "LabelTrackFromMetadata": "Track vanuit metadata",
+  "LabelTracks": "Tracks",
+  "LabelTracksMultiTrack": "Multi-track",
+  "LabelTracksSingleTrack": "Single-track",
+  "LabelType": "Type",
+  "LabelUnabridged": "Onverkort",
+  "LabelUnknown": "Onbekend",
+  "LabelUpdateCover": "Cover bijwerken",
+  "LabelUpdateCoverHelp": "Sta overschrijven van bestaande covers toe voor de geselecteerde boeken wanneer een match is gevonden",
+  "LabelUpdatedAt": "Bijgewerkt op",
+  "LabelUpdateDetails": "Details bijwerken",
+  "LabelUpdateDetailsHelp": "Sta overschrijven van bestaande details toe voor de geselecteerde boeken wanneer een match is gevonden",
+  "LabelUploaderDragAndDrop": "Slepen & neerzeten van bestanden of mappen",
+  "LabelUploaderDropFiles": "Bestanden neerzetten",
+  "LabelUseChapterTrack": "Gebruik hoofdstuktrack",
+  "LabelUseFullTrack": "Gebruik volledige track",
+  "LabelUser": "Gebruiker",
+  "LabelUsername": "Gebruikersnaam",
+  "LabelValue": "Waarde",
+  "LabelVersion": "Versie",
+  "LabelViewBookmarks": "Bekijk boekwijzers",
+  "LabelViewChapters": "Bekijk hoofdstukken",
+  "LabelViewQueue": "Bekijk afspeelwachtrij",
+  "LabelVolume": "Volume",
+  "LabelWeekdaysToRun": "Weekdagen om te draaien",
+  "LabelYourAudiobookDuration": "Je audioboekduur",
+  "LabelYourBookmarks": "Je boekwijzers",
+  "LabelYourPlaylists": "Je afspeellijsten",
+  "LabelYourProgress": "Je voortgang",
+  "MessageAddToPlayerQueue": "Toevoegen aan wachtrij",
+  "MessageAppriseDescription": "Om deze functie te gebruiken heb je een draaiende instantie van <a href=\"https://github.com/caronc/apprise-api\" target=\"_blank\">Apprise API</a> nodig of een api die dezelfde requests afhandelt. <br />De Apprise API Url moet het volledige URL-pad zijn om de notificatie te verzenden, b.v., als je API-instantie draait op <code>http://192.168.1.1:8337</code> dan zou je <code>http://192.168.1.1:8337/notify</code> gebruiken.",
+  "MessageBackupsDescription": "Back-ups omvatten gebruikers, gebruikers' voortgang, bibliotheekonderdeeldetails, serverinstellingen en afbeeldingen bewaard in <code>/metadata/items</code> & <code>/metadata/authors</code>. Back-ups <strong>bevatten niet</strong> de bestanden bewaard in je bibliotheekmappen.",
+  "MessageBatchQuickMatchDescription": "Quick Match zal proberen ontbrekende covers en metadata voor de geselecteerde onderdelen te matchten. Schakel de opties hieronder in om Quick Match toe te staan bestaande covers en/of metadata te overschrijven.",
+  "MessageBookshelfNoCollections": "Je hebt nog geen collecties gemaakt",
+  "MessageBookshelfNoResultsForFilter": "Geen resultaten voor filter \"{0}: {1}\"",
+  "MessageBookshelfNoRSSFeeds": "Geen RSS-feeds geopend",
+  "MessageBookshelfNoSeries": "Je hebt geen series",
+  "MessageChapterEndIsAfter": "Hoofdstukeinde is na het einde van je audioboek",
+  "MessageChapterErrorFirstNotZero": "Eerste hoofdstuk moet starten op 0",
+  "MessageChapterErrorStartGteDuration": "Ongeldig: starttijd moet kleiner zijn dan duur van audioboek",
+  "MessageChapterErrorStartLtPrev": "Ongeldig: starttijd moet be groter zijn dan of equal aan starttijd van vorig hoofdstuk",
+  "MessageChapterStartIsAfter": "Start van hoofdstuk is na het einde van je audioboek",
+  "MessageCheckingCron": "Cron aan het checken...",
+  "MessageConfirmDeleteBackup": "Weet je zeker dat je de backup voor {0} wil verwijderen?",
+  "MessageConfirmDeleteLibrary": "Weet je zeker dat je de bibliotheek \"{0}\" permanent wil verwijderen?",
+  "MessageConfirmDeleteSession": "Weet je zeker dat je deze sessie wil verwijderen?",
+  "MessageConfirmForceReScan": "Weet je zeker dat je geforceerd opnieuw wil scannen?",
+  "MessageConfirmMarkSeriesFinished": "Weet je zeker dat je alle boeken in deze serie wil markeren als voltooid?",
+  "MessageConfirmMarkSeriesNotFinished": "Weet je zeker dat je alle boeken in deze serie wil markeren als niet voltooid?",
+  "MessageConfirmRemoveAllChapters": "Weet je zeker dat je alle hoofdstukken wil verwijderen?",
+  "MessageConfirmRemoveCollection": "Weet je zeker dat je de collectie \"{0}\" wil verwijderen?",
+  "MessageConfirmRemoveEpisode": "Weet je zeker dat je de aflevering \"{0}\" wil verwijderen?",
+  "MessageConfirmRemoveEpisodes": "Weet je zeker dat je {0} afleveringen wil verwijderen?",
+  "MessageConfirmRemoveNarrator": "Weet je zeker dat je verteller \"{0}\" wil verwijderen?",
+  "MessageConfirmRemovePlaylist": "Weet je zeker dat je je afspeellijst \"{0}\" wil verwijderen?",
+  "MessageConfirmRenameGenre": "Weet je zeker dat je genre \"{0}\" wil hernoemen naar \"{1}\" voor alle onderdelen?",
+  "MessageConfirmRenameGenreMergeNote": "Opmerking: Dit genre bestaat al, dus zullen ze worden samengevoegd.",
+  "MessageConfirmRenameGenreWarning": "Waarschuwing! Een gelijknamig genre met ander hoofdlettergebruik bestaat al: \"{0}\".",
+  "MessageConfirmRenameTag": "Weet je zeker dat je tag \"{0}\" wil hernoemen naar\"{1}\" voor alle onderdelen?",
+  "MessageConfirmRenameTagMergeNote": "Opmerking: Deze tag bestaat al, dus zullen ze worden samengevoegd.",
+  "MessageConfirmRenameTagWarning": "Waarschuwing! Een gelijknamige tag met ander hoofdlettergebruik bestaat al: \"{0}\".",
+  "MessageDownloadingEpisode": "Aflevering aan het dowloaden",
+  "MessageDragFilesIntoTrackOrder": "Sleep bestanden in de juiste trackvolgorde",
+  "MessageEmbedFinished": "Insluiting voltooid!",
+  "MessageEpisodesQueuedForDownload": "{0} aflevering(en) in de rij om te downloaden",
+  "MessageFeedURLWillBe": "Feed URL zal {0} zijn",
+  "MessageFetching": "Aan het ophalen...",
+  "MessageForceReScanDescription": "zal alle bestanden opnieuw scannen als een verse scan. Audiobestanden ID3-tags, OPF-bestanden en textbestanden zullen als nieuw worden gescand.",
+  "MessageImportantNotice": "Belangrijke opmerking!",
+  "MessageInsertChapterBelow": "Hoofdstuk hieronder invoegen",
+  "MessageItemsSelected": "{0} onderdelen geselecteerd",
+  "MessageItemsUpdated": "{0} onderdelen bijgewerkt",
+  "MessageJoinUsOn": "Doe mee op",
+  "MessageListeningSessionsInTheLastYear": "{0} luistersessies in het laatste jaar",
+  "MessageLoading": "Aan het laden...",
+  "MessageLoadingFolders": "Mappen aan het laden...",
+  "MessageM4BFailed": "M4B mislukt!",
+  "MessageM4BFinished": "M4B voltooid!",
+  "MessageMapChapterTitles": "Map hoofdstuktitels naar je bestaande audioboekhoofdstukken zonder aanpassing van tijden",
+  "MessageMarkAsFinished": "Markeer als Voltooid",
+  "MessageMarkAsNotFinished": "Markeer als Niet Voltooid",
+  "MessageMatchBooksDescription": "zal proberen boeken in de bibliotheek te matchen met een boek uit de geselecteerde bron en lege details en coverafbeelding te vullen. Overschrijft details niet.",
+  "MessageNoAudioTracks": "Geen audiotracks",
+  "MessageNoAuthors": "Geen auteurs",
+  "MessageNoBackups": "Geen back-ups",
+  "MessageNoBookmarks": "Geen boekwijzers",
+  "MessageNoChapters": "Geen hoofdstukken",
+  "MessageNoCollections": "Geen collecties",
+  "MessageNoCoversFound": "Geen covers gevonden",
+  "MessageNoDescription": "Geen beschrijving",
+  "MessageNoDownloadsInProgress": "Geen downloads bezig op dit moment",
+  "MessageNoDownloadsQueued": "Geen downloads in de wachtrij",
+  "MessageNoEpisodeMatchesFound": "Geen afleveringsmatches gevonden",
+  "MessageNoEpisodes": "Geen afleveringen",
+  "MessageNoFoldersAvailable": "Geen mappen beschikbaar",
+  "MessageNoGenres": "Geen genres",
+  "MessageNoIssues": "Geen issues",
+  "MessageNoItems": "Geen onderdelen",
+  "MessageNoItemsFound": "Geen onderdelen gevonden",
+  "MessageNoListeningSessions": "Geen luistersessies",
+  "MessageNoLogs": "Geen logs",
+  "MessageNoMediaProgress": "Geen mediavoortgang",
+  "MessageNoNotifications": "Geen notificaties",
+  "MessageNoPodcastsFound": "Geen podcasts gevonden",
+  "MessageNoResults": "Geen resultaten",
+  "MessageNoSearchResultsFor": "Geen zoekresultaten voor \"{0}\"",
+  "MessageNoSeries": "Geen series",
+  "MessageNoTags": "Geen tags",
+  "MessageNoTasksRunning": "Geen lopende taken",
+  "MessageNotYetImplemented": "Nog niet geimplementeerd",
+  "MessageNoUpdateNecessary": "Geen bijwerking noodzakelijk",
+  "MessageNoUpdatesWereNecessary": "Geen bijwerkingen waren noodzakelijk",
+  "MessageNoUserPlaylists": "Je hebt geen afspeellijsten",
+  "MessageOr": "of",
+  "MessagePauseChapter": "Pauzeer afspelen hoofdstuk",
+  "MessagePlayChapter": "Luister naar begin van hoofdstuk",
+  "MessagePlaylistCreateFromCollection": "Afspeellijst aanmaken vanuit collectie",
+  "MessagePodcastHasNoRSSFeedForMatching": "Podcast heeft geen RSS-feed URL om te gebruiken voor matching",
+  "MessageQuickMatchDescription": "Vul lege onderdeeldetails & cover met eerste matchresultaat van '{0}'. Overschrijft geen details tenzij 'Prefereer gematchte metadata' serverinstelling is ingeschakeld.",
+  "MessageRemoveAllItemsWarning": "WAARSCHUWING! Deze actie zal alle onderdelen in de bibliotheek verwijderen uit de database, inclusief enige bijwerkingen of matches die je hebt gemaakt. Dit doet niets met je onderliggende bestanden. Weet je het zeker?",
+  "MessageRemoveChapter": "Verwijder hoofdstuk",
+  "MessageRemoveEpisodes": "Verwijder {0} aflevering(en)",
+  "MessageRemoveFromPlayerQueue": "Verwijder uit afspeelwachtrij",
+  "MessageRemoveUserWarning": "Weet je zeker dat je gebruiker \"{0}\" permanent wil verwijderen?",
+  "MessageReportBugsAndContribute": "Rapporteer bugs, vraag functionaliteiten aan en draag bij op",
+  "MessageResetChaptersConfirm": "Weet je zeker dat je de hoofdstukken wil resetten en de wijzigingen die je gemaakt hebt ongedaan wil maken?",
+  "MessageRestoreBackupConfirm": "Weet je zeker dat je wil herstellen met behulp van de back-up gemaakt op",
+  "MessageRestoreBackupWarning": "Herstellen met een back-up zal de volledige database in /config en de covers in /metadata/items & /metadata/authors overschrijven.<br /><br />Back-ups wijzigen geen bestanden in je bibliotheekmappen. Als je de serverinstelling gebruikt om covers en metadata in je bibliotheekmappen te bewaren dan worden deze niet geback-upt of overschreven.<br /><br />Alle clients die van je server gebruik maken zullen automatisch worden ververst.",
+  "MessageSearchResultsFor": "Zoekresultaten voor",
+  "MessageServerCouldNotBeReached": "Server niet bereikbaar",
+  "MessageSetChaptersFromTracksDescription": "Stel hoofdstukken in met ieder audiobestand als een hoofdstuk en de audiobestandsnaam als hoofdstuktitel",
+  "MessageStartPlaybackAtTime": "Afspelen van \"{0}\" beginnen op {1}?",
+  "MessageThinking": "Aan het denken...",
+  "MessageUploaderItemFailed": "Uploaden mislukt",
+  "MessageUploaderItemSuccess": "Uploaden gelukt!",
+  "MessageUploading": "Aan het uploaden...",
+  "MessageValidCronExpression": "Geldige cron-uitdrukking",
+  "MessageWatcherIsDisabledGlobally": "Watcher is globaal uitgeschakeld in serverinstellingen",
+  "MessageXLibraryIsEmpty": "{0} bibliotheek is leeg!",
+  "MessageYourAudiobookDurationIsLonger": "Duur van je audioboek is langer dan de gevonden duur",
+  "MessageYourAudiobookDurationIsShorter": "Duur van je audioboek is korter dan de gevonden duur",
+  "NoteChangeRootPassword": "Root-gebruiker is de enige gebruiker die een leeg wachtwoord kan hebben",
+  "NoteChapterEditorTimes": "Opmerking: Starttijd van het eerste hoofdstuk moet op 0:00 blijven en de starttijd van het laatste hoofdstuk mag niet de duur van het audioboek overschrijden.",
+  "NoteFolderPicker": "Opmerking: Reeds gemapte mappen worden niet getoond",
+  "NoteFolderPickerDebian": "Opmerking: Mappenkiezer voor de debian installatie is niet volledig geimplementeerd. Je moet het pad naar je map zelf invoeren.",
+  "NoteRSSFeedPodcastAppsHttps": "Waarschuwing: De meeste podcast-apps zullen eisen dat de RSS-feed URL HTTPS gebruikt",
+  "NoteRSSFeedPodcastAppsPubDate": "Waarschuwing: 1 of meer van je afleveringen hebben geen Pub Datum. Sommige podcast-apps vereisen dit.",
+  "NoteUploaderFoldersWithMediaFiles": "Mappen met mediabestanden zullen worden behandeld als aparte bibliotheekonderdelen.",
+  "NoteUploaderOnlyAudioFiles": "Bij uploaden van uitsluitend audiobestanden wordt ieder audiobestand als apart audiobook worden behandeld.",
+  "NoteUploaderUnsupportedFiles": "Niet-ondersteunde bestanden worden genegeerd. Bij het kiezen of neerzetten van een map worden andere bestanden die niet in de map staan genegeerd.",
+  "PlaceholderNewCollection": "Nieuwe naam collectie",
+  "PlaceholderNewFolderPath": "Nieuwe locatie map",
+  "PlaceholderNewPlaylist": "Nieuwe naam afspeellijst",
+  "PlaceholderSearch": "Zoeken..",
+  "PlaceholderSearchEpisode": "Aflevering zoeken..",
+  "ToastAccountUpdateFailed": "Bijwerken account mislukt",
+  "ToastAccountUpdateSuccess": "Account bijgewerkt",
+  "ToastAuthorImageRemoveFailed": "Afbeelding verwijderen mislukt",
+  "ToastAuthorImageRemoveSuccess": "Afbeelding auteur verwijderd",
+  "ToastAuthorUpdateFailed": "Bijwerken auteur mislukt",
+  "ToastAuthorUpdateMerged": "Auteur samengevoegd",
+  "ToastAuthorUpdateSuccess": "Auteur bijgewerkt",
+  "ToastAuthorUpdateSuccessNoImageFound": "Auteur bijgewerkt (geen afbeelding gevonden)",
+  "ToastBackupCreateFailed": "Back-up maken mislukt",
+  "ToastBackupCreateSuccess": "Back-up gemaakt",
+  "ToastBackupDeleteFailed": "Verwijderen back-up mislukt",
+  "ToastBackupDeleteSuccess": "Back-up verwijderd",
+  "ToastBackupRestoreFailed": "Herstellen back-up mislukt",
+  "ToastBackupUploadFailed": "Uploaden back-up mislukt",
+  "ToastBackupUploadSuccess": "Back-up geüpload",
+  "ToastBatchUpdateFailed": "Bulk-bijwerking mislukt",
+  "ToastBatchUpdateSuccess": "Bulk-bijwerking gelukt",
+  "ToastBookmarkCreateFailed": "Aanmaken boekwijzer mislukt",
+  "ToastBookmarkCreateSuccess": "boekwijzer toegevoegd",
+  "ToastBookmarkRemoveFailed": "Verwijderen boekwijzer mislukt",
+  "ToastBookmarkRemoveSuccess": "Boekwijzer verwijderd",
+  "ToastBookmarkUpdateFailed": "Bijwerken boekwijzer mislukt",
+  "ToastBookmarkUpdateSuccess": "Boekwijzer bijgewerkt",
+  "ToastChaptersHaveErrors": "Hoofdstukken bevatten fouten",
+  "ToastChaptersMustHaveTitles": "Hoofdstukken moeten titels hebben",
+  "ToastCollectionItemsRemoveFailed": "Verwijderen onderdeel (of onderdelen) uit collectie mislukt",
+  "ToastCollectionItemsRemoveSuccess": "Onderdeel (of onderdelen) verwijderd uit collectie",
+  "ToastCollectionRemoveFailed": "Verwijderen collectie mislukt",
+  "ToastCollectionRemoveSuccess": "Collectie verwijderd",
+  "ToastCollectionUpdateFailed": "Bijwerken collectie mislukt",
+  "ToastCollectionUpdateSuccess": "Collectie bijgewerkt",
+  "ToastItemCoverUpdateFailed": "Bijwerken cover onderdeel mislukt",
+  "ToastItemCoverUpdateSuccess": "Cover onderdeel bijgewerkt",
+  "ToastItemDetailsUpdateFailed": "Bijwerken details onderdeel mislukt",
+  "ToastItemDetailsUpdateSuccess": "Details onderdeel bijgewerkt",
+  "ToastItemDetailsUpdateUnneeded": "Geen bijwerking nodig voor details onderdeel",
+  "ToastItemMarkedAsFinishedFailed": "Markeren als Voltooid mislukt",
+  "ToastItemMarkedAsFinishedSuccess": "Onderdeel gemarkeerd als Voltooid",
+  "ToastItemMarkedAsNotFinishedFailed": "Markeren als Niet Voltooid mislukt",
+  "ToastItemMarkedAsNotFinishedSuccess": "Onderdeel gemarkeerd als Niet Voltooid",
+  "ToastLibraryCreateFailed": "Bibliotheek aanmaken mislukt",
+  "ToastLibraryCreateSuccess": "Bibliotheek \"{0}\" aangemaakt",
+  "ToastLibraryDeleteFailed": "Bibliotheek verwijderen mislukt",
+  "ToastLibraryDeleteSuccess": "Bibliotheek verwijderd",
+  "ToastLibraryScanFailedToStart": "Starten scan mislukt",
+  "ToastLibraryScanStarted": "Scannen bibliotheek gestart",
+  "ToastLibraryUpdateFailed": "Bijwerken bibliotheek mislukt",
+  "ToastLibraryUpdateSuccess": "Bibliotheek \"{0}\" bijgewerkt",
+  "ToastPlaylistCreateFailed": "Aanmaken afspeellijst mislukt",
+  "ToastPlaylistCreateSuccess": "Afspeellijst aangemaakt",
+  "ToastPlaylistRemoveFailed": "Verwijderen afspeellijst mislukt",
+  "ToastPlaylistRemoveSuccess": "Afspeellijst verwijderd",
+  "ToastPlaylistUpdateFailed": "Afspeellijst bijwerken mislukt",
+  "ToastPlaylistUpdateSuccess": "Afspeellijst bijgewerkt",
+  "ToastPodcastCreateFailed": "Podcast aanmaken mislukt",
+  "ToastPodcastCreateSuccess": "Podcast aangemaakt",
+  "ToastRemoveItemFromCollectionFailed": "Onderdeel verwijderen uit collectie mislukt",
+  "ToastRemoveItemFromCollectionSuccess": "Onderdeel verwijderd uit collectie",
+  "ToastRSSFeedCloseFailed": "Sluiten RSS-feed mislukt",
+  "ToastRSSFeedCloseSuccess": "RSS-feed gesloten",
+  "ToastSeriesUpdateFailed": "Bijwerken serie mislukt",
+  "ToastSeriesUpdateSuccess": "Bijwerken serie gelukt",
+  "ToastSessionDeleteFailed": "Verwijderen sessie mislukt",
+  "ToastSessionDeleteSuccess": "Sessie verwijderd",
+  "ToastSocketConnected": "Socket verbonden",
+  "ToastSocketDisconnected": "Socket niet verbonden",
+  "ToastSocketFailedToConnect": "Verbinding Socket mislukt",
+  "ToastUserDeleteFailed": "Verwijderen gebruiker mislukt",
+  "ToastUserDeleteSuccess": "Gebruiker verwijderd"
+}
--- a/client/strings/pl.json
+++ b/client/strings/pl.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Czy na pewno chcesz usunąć kolekcję \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Czy na pewno chcesz usunąć odcinek \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Czy na pewno chcesz usunąć {0} odcinki?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Are you sure you want to remove your playlist \"{0}\"?",
  "MessageConfirmRenameGenre": "Are you sure you want to rename genre \"{0}\" to \"{1}\" for all items?",
  "MessageConfirmRenameGenreMergeNote": "Note: This genre already exists so they will be merged.",
--- a/client/strings/ru.json
+++ b/client/strings/ru.json
@ -483,6 +483,7 @@
  "MessageConfirmRemoveCollection": "Вы уверены, что хотите удалить коллекцию \"{0}\"?",
  "MessageConfirmRemoveEpisode": "Вы уверены, что хотите удалить эпизод \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "Вы уверены, что хотите удалить {0} эпизодов?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "Вы уверены, что хотите удалить плейлист \"{0}\"?",
  "MessageConfirmRenameGenre": "Вы уверены, что хотите переименовать жанр \"{0}\" в \"{1}\" для всех элементов?",
  "MessageConfirmRenameGenreMergeNote": "Примечание: Этот жанр уже существует, поэтому они будут объединены.",
--- a/client/strings/zh-cn.json
+++ b/client/strings/zh-cn.json
@ -155,13 +155,13 @@
  "HeaderUpdateLibrary": "更新媒体库",
  "HeaderUsers": "用户",
  "HeaderYourStats": "你的统计数据",
-  "LabelAbridged": "Abridged",
+  "LabelAbridged": "概要",
  "LabelAccountType": "帐户类型",
  "LabelAccountTypeAdmin": "管理员",
  "LabelAccountTypeGuest": "来宾",
  "LabelAccountTypeUser": "用户",
  "LabelActivity": "活动",
-  "LabelAdded": "Added",
+  "LabelAdded": "添加",
  "LabelAddedAt": "添加于",
  "LabelAddToCollection": "添加到收藏",
  "LabelAddToCollectionBatch": "批量添加 {0} 个媒体到收藏",
@ -183,15 +183,15 @@
  "LabelBackupsMaxBackupSizeHelp": "为了防止错误配置, 如果备份超过配置的大小, 备份将失败.",
  "LabelBackupsNumberToKeep": "要保留的备份个数",
  "LabelBackupsNumberToKeepHelp": "一次只能删除一个备份, 因此如果你已经有超过此数量的备份, 则应手动删除它们.",
-  "LabelBitrate": "Bitrate",
+  "LabelBitrate": "比特率",
  "LabelBooks": "图书",
  "LabelChangePassword": "修改密码",
-  "LabelChannels": "Channels",
-  "LabelChapters": "Chapters",
+  "LabelChannels": "声道",
+  "LabelChapters": "章节",
  "LabelChaptersFound": "找到的章节",
  "LabelChapterTitle": "章节标题",
  "LabelClosePlayer": "关闭播放器",
-  "LabelCodec": "Codec",
+  "LabelCodec": "编解码",
  "LabelCollapseSeries": "折叠系列",
  "LabelCollections": "收藏",
  "LabelComplete": "已完成",
@ -217,7 +217,7 @@
  "LabelDuration": "持续时间",
  "LabelDurationFound": "找到持续时间:",
  "LabelEdit": "编辑",
-  "LabelEmbeddedCover": "Embedded Cover",
+  "LabelEmbeddedCover": "嵌入封面",
  "LabelEnable": "启用",
  "LabelEnd": "结束",
  "LabelEpisode": "剧集",
@ -235,7 +235,7 @@
  "LabelFinished": "已听完",
  "LabelFolder": "文件夹",
  "LabelFolders": "文件夹",
-  "LabelFormat": "Format",
+  "LabelFormat": "编码格式",
  "LabelGenre": "流派",
  "LabelGenres": "流派",
  "LabelHardDeleteFile": "完全删除文件",
@ -254,12 +254,12 @@
  "LabelIntervalEveryDay": "每天",
  "LabelIntervalEveryHour": "每小时",
  "LabelInvalidParts": "无效部件",
-  "LabelInvert": "Invert",
+  "LabelInvert": "倒转",
  "LabelItem": "项目",
  "LabelLanguage": "语言",
  "LabelLanguageDefaultServer": "默认服务器语言",
-  "LabelLastBookAdded": "Last Book Added",
-  "LabelLastBookUpdated": "Last Book Updated",
+  "LabelLastBookAdded": "最后添加的书",
+  "LabelLastBookUpdated": "最后更新的书",
  "LabelLastSeen": "上次查看时间",
  "LabelLastTime": "最近一次",
  "LabelLastUpdate": "最近更新",
@ -278,12 +278,12 @@
  "LabelMediaType": "媒体类型",
  "LabelMetadataProvider": "元数据提供者",
  "LabelMetaTag": "元数据标签",
-  "LabelMetaTags": "Meta Tags",
+  "LabelMetaTags": "元标签",
  "LabelMinute": "分钟",
  "LabelMissing": "丢失",
  "LabelMissingParts": "丢失的部分",
  "LabelMore": "更多",
-  "LabelMoreInfo": "More Info",
+  "LabelMoreInfo": "更多..",
  "LabelName": "名称",
  "LabelNarrator": "演播者",
  "LabelNarrators": "演播者",
@ -413,9 +413,9 @@
  "LabelTag": "标签",
  "LabelTags": "标签",
  "LabelTagsAccessibleToUser": "用户可访问的标签",
-  "LabelTagsNotAccessibleToUser": "Tags not Accessible to User",
+  "LabelTagsNotAccessibleToUser": "用户无法访问标签",
  "LabelTasks": "正在运行的任务",
-  "LabelTimeBase": "Time Base",
+  "LabelTimeBase": "时间基准",
  "LabelTimeListened": "收听时间",
  "LabelTimeListenedToday": "今日收听的时间",
  "LabelTimeRemaining": "剩余 {0}",
@ -435,7 +435,7 @@
  "LabelTracksMultiTrack": "多轨",
  "LabelTracksSingleTrack": "单轨",
  "LabelType": "类型",
-  "LabelUnabridged": "Unabridged",
+  "LabelUnabridged": "未删节",
  "LabelUnknown": "未知",
  "LabelUpdateCover": "更新封面",
  "LabelUpdateCoverHelp": "找到匹配项时允许覆盖所选书籍存在的封面",
@ -479,10 +479,11 @@
  "MessageConfirmForceReScan": "你确定要强制重新扫描吗?",
  "MessageConfirmMarkSeriesFinished": "你确定要将此系列中的所有书籍都标记为已听完吗?",
  "MessageConfirmMarkSeriesNotFinished": "你确定要将此系列中的所有书籍都标记为未听完吗?",
-  "MessageConfirmRemoveAllChapters": "Are you sure you want to remove all chapters?",
+  "MessageConfirmRemoveAllChapters": "你确定要移除所有章节吗?",
  "MessageConfirmRemoveCollection": "您确定要移除收藏 \"{0}\"?",
  "MessageConfirmRemoveEpisode": "您确定要移除剧集 \"{0}\"?",
  "MessageConfirmRemoveEpisodes": "你确定要移除 {0} 剧集?",
+  "MessageConfirmRemoveNarrator": "Are you sure you want to remove narrator \"{0}\"?",
  "MessageConfirmRemovePlaylist": "你确定要移除播放列表 \"{0}\"?",
  "MessageConfirmRenameGenre": "你确定要将所有项目流派 \"{0}\" 重命名到 \"{1}\"?",
  "MessageConfirmRenameGenreMergeNote": "注意: 该流派已经存在, 因此它们将被合并.",
@ -583,7 +584,7 @@
  "PlaceholderNewFolderPath": "输入文件夹路径",
  "PlaceholderNewPlaylist": "输入播放列表名称",
  "PlaceholderSearch": "查找..",
-  "PlaceholderSearchEpisode": "Search episode..",
+  "PlaceholderSearchEpisode": "搜索剧集..",
  "ToastAccountUpdateFailed": "账户更新失败",
  "ToastAccountUpdateSuccess": "帐户已更新",
  "ToastAuthorImageRemoveFailed": "作者图像删除失败",
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "audiobookshelf",
-  "version": "2.2.19",
+  "version": "2.2.20",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "audiobookshelf",
-      "version": "2.2.19",
+      "version": "2.2.20",
      "license": "GPL-3.0",
      "dependencies": {
        "axios": "^0.27.2",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "audiobookshelf",
-  "version": "2.2.19",
+  "version": "2.2.20",
  "description": "Self-hosted audiobook and podcast server",
  "main": "index.js",
  "scripts": {
--- a/server/controllers/LibraryController.js
+++ b/server/controllers/LibraryController.js
@ -684,13 +684,12 @@ class LibraryController {
  }

  async getAuthors(req, res) {
-    var libraryItems = req.libraryItems
-    var authors = {}
-    libraryItems.forEach((li) => {
+    const authors = {}
+    req.libraryItems.forEach((li) => {
      if (li.media.metadata.authors && li.media.metadata.authors.length) {
        li.media.metadata.authors.forEach((au) => {
          if (!authors[au.id]) {
-            var _author = this.db.authors.find(_au => _au.id === au.id)
+            const _author = this.db.authors.find(_au => _au.id === au.id)
            if (_author) {
              authors[au.id] = _author.toJSON()
              authors[au.id].numBooks = 1
@ -707,6 +706,85 @@ class LibraryController {
    })
  }

+  async getNarrators(req, res) {
+    const narrators = {}
+    req.libraryItems.forEach((li) => {
+      if (li.media.metadata.narrators?.length) {
+        li.media.metadata.narrators.forEach((n) => {
+          if (typeof n !== 'string') {
+            Logger.error(`[LibraryController] getNarrators: Invalid narrator "${n}" on book "${li.media.metadata.title}"`)
+          } else if (!narrators[n]) {
+            narrators[n] = {
+              id: encodeURIComponent(Buffer.from(n).toString('base64')),
+              name: n,
+              numBooks: 1
+            }
+          } else {
+            narrators[n].numBooks++
+          }
+        })
+      }
+    })
+
+    res.json({
+      narrators: naturalSort(Object.values(narrators)).asc(n => n.name)
+    })
+  }
+
+  async updateNarrator(req, res) {
+    if (!req.user.canUpdate) {
+      Logger.error(`[LibraryController] Unauthorized user "${req.user.username}" attempted to update narrator`)
+      return res.sendStatus(403)
+    }
+
+    const narratorName = libraryHelpers.decode(req.params.narratorId)
+    const updatedName = req.body.name
+    if (!updatedName) {
+      return res.status(400).send('Invalid request payload. Name not specified.')
+    }
+
+    const itemsUpdated = []
+    for (const libraryItem of req.libraryItems) {
+      if (libraryItem.media.metadata.updateNarrator(narratorName, updatedName)) {
+        itemsUpdated.push(libraryItem)
+      }
+    }
+
+    if (itemsUpdated.length) {
+      await this.db.updateLibraryItems(itemsUpdated)
+      SocketAuthority.emitter('items_updated', itemsUpdated.map(li => li.toJSONExpanded()))
+    }
+
+    res.json({
+      updated: itemsUpdated.length
+    })
+  }
+
+  async removeNarrator(req, res) {
+    if (!req.user.canUpdate) {
+      Logger.error(`[LibraryController] Unauthorized user "${req.user.username}" attempted to remove narrator`)
+      return res.sendStatus(403)
+    }
+
+    const narratorName = libraryHelpers.decode(req.params.narratorId)
+
+    const itemsUpdated = []
+    for (const libraryItem of req.libraryItems) {
+      if (libraryItem.media.metadata.removeNarrator(narratorName)) {
+        itemsUpdated.push(libraryItem)
+      }
+    }
+
+    if (itemsUpdated.length) {
+      await this.db.updateLibraryItems(itemsUpdated)
+      SocketAuthority.emitter('items_updated', itemsUpdated.map(li => li.toJSONExpanded()))
+    }
+
+    res.json({
+      updated: itemsUpdated.length
+    })
+  }
+
  async matchAll(req, res) {
    if (!req.user.isAdminOrUp) {
      Logger.error(`[LibraryController] Non-root user attempted to match library items`, req.user)
@ -776,7 +854,7 @@ class LibraryController {
      return res.sendStatus(404)
    }

-    var library = this.db.libraries.find(lib => lib.id === req.params.id)
+    const library = this.db.libraries.find(lib => lib.id === req.params.id)
    if (!library) {
      return res.status(404).send('Library not found')
    }
--- a/server/controllers/MeController.js
+++ b/server/controllers/MeController.js
@ -48,8 +48,7 @@ class MeController {

  // DELETE: api/me/progress/:id
  async removeMediaProgress(req, res) {
-    var wasRemoved = req.user.removeMediaProgress(req.params.id)
-    if (!wasRemoved) {
+    if (!req.user.removeMediaProgress(req.params.id)) {
      return res.sendStatus(200)
    }
    await this.db.updateEntity('user', req.user)
--- a/server/finders/BookFinder.js
+++ b/server/finders/BookFinder.js
@ -18,6 +18,8 @@ class BookFinder {
    this.fantLab = new FantLab()
    this.audiobookCovers = new AudiobookCovers()

+    this.providers = ['google', 'itunes', 'openlibrary', 'fantlab', 'audiobookcovers', 'audible', 'audible.ca', 'audible.uk', 'audible.au', 'audible.fr', 'audible.de', 'audible.jp', 'audible.it', 'audible.in', 'audible.es']
+
    this.verbose = false
  }

@ -183,7 +185,7 @@ class BookFinder {
    var books = []
    var maxTitleDistance = !isNaN(options.titleDistance) ? Number(options.titleDistance) : 4
    var maxAuthorDistance = !isNaN(options.authorDistance) ? Number(options.authorDistance) : 4
-    Logger.debug(`Book Search: title: "${title}", author: "${author}", provider: ${provider}`)
+    Logger.debug(`Book Search: title: "${title}", author: "${author || ''}", provider: ${provider}`)

    if (provider === 'google') {
      books = await this.getGoogleBooksResults(title, author)
@ -222,19 +224,29 @@ class BookFinder {
  }

  async findCovers(provider, title, author, options = {}) {
-    var searchResults = await this.search(provider, title, author, options)
+    let searchResults = []
+
+    if (provider === 'all') {
+      for (const providerString of this.providers) {
+        const providerResults = await this.search(providerString, title, author, options)
+        Logger.debug(`[BookFinder] Found ${providerResults.length} covers from ${providerString}`)
+        searchResults.push(...providerResults)
+      }
+    } else {
+      searchResults = await this.search(provider, title, author, options)
+    }
    Logger.debug(`[BookFinder] FindCovers search results: ${searchResults.length}`)

-    var covers = []
+    const covers = []
    searchResults.forEach((result) => {
      if (result.covers && result.covers.length) {
-        covers = covers.concat(result.covers)
+        covers.push(...result.covers)
      }
      if (result.cover) {
        covers.push(result.cover)
      }
    })
-    return covers
+    return [...(new Set(covers))]
  }

  findChapters(asin, region) {
--- a/server/managers/AbMergeManager.js
+++ b/server/managers/AbMergeManager.js
@ -112,7 +112,7 @@ class AbMergeManager {
    let toneJsonPath = null
    try {
      toneJsonPath = Path.join(task.data.itemCachePath, 'metadata.json')
-      await toneHelpers.writeToneMetadataJsonFile(libraryItem, libraryItem.media.chapters, toneJsonPath, 1)
+      await toneHelpers.writeToneMetadataJsonFile(libraryItem, libraryItem.media.chapters, toneJsonPath, 1, 'audio/mp4')
    } catch (error) {
      Logger.error(`[AbMergeManager] Write metadata.json failed`, error)
      toneJsonPath = null
--- a/server/managers/AudioMetadataManager.js
+++ b/server/managers/AudioMetadataManager.js
@ -34,7 +34,10 @@ class AudioMetadataMangaer {
  }

  getToneMetadataObjectForApi(libraryItem) {
-    return toneHelpers.getToneMetadataObject(libraryItem, libraryItem.media.chapters, libraryItem.media.tracks.length)
+    const audioFiles = libraryItem.media.includedAudioFiles
+    let mimeType = audioFiles[0].mimeType
+    if (audioFiles.some(a => a.mimeType !== mimeType)) mimeType = null
+    return toneHelpers.getToneMetadataObject(libraryItem, libraryItem.media.chapters, libraryItem.media.tracks.length, mimeType)
  }

  handleBatchEmbed(user, libraryItems, options = {}) {
@ -56,6 +59,9 @@ class AudioMetadataMangaer {
    // Only writing chapters for single file audiobooks
    const chapters = (audioFiles.length == 1 || forceEmbedChapters) ? libraryItem.media.chapters.map(c => ({ ...c })) : null

+    let mimeType = audioFiles[0].mimeType
+    if (audioFiles.some(a => a.mimeType !== mimeType)) mimeType = null
+
    // Create task
    const taskData = {
      libraryItemId: libraryItem.id,
@ -71,7 +77,7 @@ class AudioMetadataMangaer {
        }
      )),
      coverPath: libraryItem.media.coverPath,
-      metadataObject: toneHelpers.getToneMetadataObject(libraryItem, chapters, audioFiles.length),
+      metadataObject: toneHelpers.getToneMetadataObject(libraryItem, chapters, audioFiles.length, mimeType),
      itemCachePath,
      chapters,
      options: {
--- a/server/managers/CronManager.js
+++ b/server/managers/CronManager.js
@ -132,7 +132,7 @@ class CronManager {
    for (const libraryItem of libraryItems) {
      const keepAutoDownloading = await this.podcastManager.runEpisodeCheck(libraryItem)
      if (!keepAutoDownloading) { // auto download was disabled
-        podcastCron.libraryItemIds = podcastCron.libraryItemIds.filter(lid => lid !== libraryItemId) // Filter it out
+        podcastCron.libraryItemIds = podcastCron.libraryItemIds.filter(lid => lid !== libraryItem.id) // Filter it out
      }
    }

--- a/server/objects/LibraryItem.js
+++ b/server/objects/LibraryItem.js
@ -9,6 +9,7 @@ const Podcast = require('./mediaTypes/Podcast')
 const Video = require('./mediaTypes/Video')
 const Music = require('./mediaTypes/Music')
 const { areEquivalent, copyValue, getId, cleanStringForSearch } = require('../utils/index')
+const { filePathToPOSIX } = require('../utils/fileUtils')

 class LibraryItem {
  constructor(libraryItem = null) {
@ -368,7 +369,7 @@ class LibraryItem {
      const fileFoundCheck = this.checkFileFound(lf, true)
      if (fileFoundCheck === null) {
        newLibraryFiles.push(lf)
-      } else if (fileFoundCheck && lf.metadata.format !== 'abs') { // Ignore abs file updates
+      } else if (fileFoundCheck && lf.metadata.format !== 'abs' && lf.metadata.filename !== 'metadata.json') { // Ignore abs file updates
        hasUpdated = true
        existingLibraryFiles.push(lf)
      } else {
@ -499,14 +500,56 @@ class LibraryItem {
      // Make sure metadata book dir exists
      await fs.ensureDir(metadataPath)
    }
-    metadataPath = Path.join(metadataPath, 'metadata.abs')

-    return abmetadataGenerator.generate(this, metadataPath).then((success) => {
-      this.isSavingMetadata = false
-      if (!success) Logger.error(`[LibraryItem] Failed saving abmetadata to "${metadataPath}"`)
-      else Logger.debug(`[LibraryItem] Success saving abmetadata to "${metadataPath}"`)
-      return success
-    })
+    const metadataFileFormat = global.ServerSettings.metadataFileFormat
+    const metadataFilePath = Path.join(metadataPath, `metadata.${metadataFileFormat}`)
+    if (metadataFileFormat === 'json') {
+      // Remove metadata.abs if it exists
+      if (await fs.pathExists(Path.join(metadataPath, `metadata.abs`))) {
+        Logger.debug(`[LibraryItem] Removing metadata.abs for item "${this.media.metadata.title}"`)
+        await fs.remove(Path.join(metadataPath, `metadata.abs`))
+        this.libraryFiles = this.libraryFiles.filter(lf => lf.metadata.path !== filePathToPOSIX(Path.join(metadataPath, `metadata.abs`)))
+      }
+
+      return fs.writeFile(metadataFilePath, JSON.stringify(this.media.toJSONForMetadataFile(), null, 2)).then(async () => {
+        this.isSavingMetadata = false
+        // Add metadata.json to libraryFiles array if it is new
+        if (global.ServerSettings.storeMetadataWithItem && !this.libraryFiles.some(lf => lf.metadata.path === filePathToPOSIX(metadataFilePath))) {
+          const newLibraryFile = new LibraryFile()
+          await newLibraryFile.setDataFromPath(metadataFilePath, `metadata.json`)
+          this.libraryFiles.push(newLibraryFile)
+        }
+
+        return true
+      }).catch((error) => {
+        this.isSavingMetadata = false
+        Logger.error(`[LibraryItem] Failed to save json file at "${metadataFilePath}"`, error)
+        return false
+      })
+    } else {
+      // Remove metadata.json if it exists
+      if (await fs.pathExists(Path.join(metadataPath, `metadata.json`))) {
+        Logger.debug(`[LibraryItem] Removing metadata.json for item "${this.media.metadata.title}"`)
+        await fs.remove(Path.join(metadataPath, `metadata.json`))
+        this.libraryFiles = this.libraryFiles.filter(lf => lf.metadata.path !== filePathToPOSIX(Path.join(metadataPath, `metadata.json`)))
+      }
+
+      return abmetadataGenerator.generate(this, metadataFilePath).then(async (success) => {
+        this.isSavingMetadata = false
+        if (!success) Logger.error(`[LibraryItem] Failed saving abmetadata to "${metadataFilePath}"`)
+        else {
+          // Add metadata.abs to libraryFiles array if it is new
+          if (global.ServerSettings.storeMetadataWithItem && !this.libraryFiles.some(lf => lf.metadata.path === filePathToPOSIX(metadataFilePath))) {
+            const newLibraryFile = new LibraryFile()
+            await newLibraryFile.setDataFromPath(metadataFilePath, `metadata.abs`)
+            this.libraryFiles.push(newLibraryFile)
+          }
+
+          Logger.debug(`[LibraryItem] Success saving abmetadata to "${metadataFilePath}"`)
+        }
+        return success
+      })
+    }
  }

  removeLibraryFile(ino) {
--- a/server/objects/PlaybackSession.js
+++ b/server/objects/PlaybackSession.js
@ -177,7 +177,7 @@ class PlaybackSession {
    this.episodeId = episodeId
    this.mediaType = libraryItem.mediaType
    this.mediaMetadata = libraryItem.media.metadata.clone()
-    this.chapters = (libraryItem.media.chapters || []).map(c => ({ ...c })) // Only book mediaType has chapters
+    this.chapters = libraryItem.media.getChapters(episodeId)
    this.displayTitle = libraryItem.media.getPlaybackTitle(episodeId)
    this.displayAuthor = libraryItem.media.getPlaybackAuthor()
    this.coverPath = libraryItem.media.coverPath
--- a/server/objects/files/LibraryFile.js
+++ b/server/objects/files/LibraryFile.js
@ -1,5 +1,5 @@
 const Path = require('path')
-const { getFileTimestampsWithIno } = require('../../utils/fileUtils')
+const { getFileTimestampsWithIno, filePathToPOSIX } = require('../../utils/fileUtils')
 const globals = require('../../utils/globals')
 const FileMetadata = require('../metadata/FileMetadata')

@ -59,8 +59,8 @@ class LibraryFile {
    var fileMetadata = new FileMetadata()
    fileMetadata.setData(fileTsData)
    fileMetadata.filename = Path.basename(relPath)
-    fileMetadata.path = path
-    fileMetadata.relPath = relPath
+    fileMetadata.path = filePathToPOSIX(path)
+    fileMetadata.relPath = filePathToPOSIX(relPath)
    fileMetadata.ext = Path.extname(relPath)
    this.ino = fileTsData.ino
    this.metadata = fileMetadata
--- a/server/objects/mediaTypes/Book.js
+++ b/server/objects/mediaTypes/Book.js
@ -89,6 +89,14 @@ class Book {
    }
  }

+  toJSONForMetadataFile() {
+    return {
+      tags: [...this.tags],
+      chapters: this.chapters.map(c => ({ ...c })),
+      metadata: this.metadata.toJSONForMetadataFile()
+    }
+  }
+
  get size() {
    var total = 0
    this.audioFiles.forEach((af) => total += af.metadata.size)
@ -229,7 +237,7 @@ class Book {
  // Look for desc.txt, reader.txt, metadata.abs and opf file then update details if found
  async syncMetadataFiles(textMetadataFiles, opfMetadataOverrideDetails) {
    let metadataUpdatePayload = {}
-    let tagsUpdated = false
+    let hasUpdated = false

    const descTxt = textMetadataFiles.find(lf => lf.metadata.filename === 'desc.txt')
    if (descTxt) {
@ -248,17 +256,25 @@ class Book {
      }
    }

+    const metadataIsJSON = global.ServerSettings.metadataFileFormat === 'json'
    const metadataAbs = textMetadataFiles.find(lf => lf.metadata.filename === 'metadata.abs')
-    if (metadataAbs) {
-      Logger.debug(`[Book] Found metadata.abs file for "${this.metadata.title}"`)
-      const metadataText = await readTextFile(metadataAbs.metadata.path)
-      const abmetadataUpdates = abmetadataGenerator.parseAndCheckForUpdates(metadataText, this, 'book')
+    const metadataJson = textMetadataFiles.find(lf => lf.metadata.filename === 'metadata.json')
+
+    const metadataFile = metadataIsJSON ? metadataJson : metadataAbs
+    if (metadataFile) {
+      Logger.debug(`[Book] Found ${metadataFile.metadata.filename} file for "${this.metadata.title}"`)
+      const metadataText = await readTextFile(metadataFile.metadata.path)
+      const abmetadataUpdates = abmetadataGenerator.parseAndCheckForUpdates(metadataText, this, 'book', metadataIsJSON)
      if (abmetadataUpdates && Object.keys(abmetadataUpdates).length) {
        Logger.debug(`[Book] "${this.metadata.title}" changes found in metadata.abs file`, abmetadataUpdates)

        if (abmetadataUpdates.tags) { // Set media tags if updated
          this.tags = abmetadataUpdates.tags
-          tagsUpdated = true
+          hasUpdated = true
+        }
+        if (abmetadataUpdates.chapters) { // Set chapters if updated
+          this.chapters = abmetadataUpdates.chapters
+          hasUpdated = true
        }
        if (abmetadataUpdates.metadata) {
          metadataUpdatePayload = {
@ -267,6 +283,9 @@ class Book {
          }
        }
      }
+    } else if (metadataAbs || metadataJson) { // Has different metadata file format so mark as updated
+      Logger.debug(`[Book] Found different format metadata file ${(metadataAbs || metadataJson).metadata.filename}, expecting .${global.ServerSettings.metadataFileFormat} for "${this.metadata.title}"`)
+      hasUpdated = true
    }

    const metadataOpf = textMetadataFiles.find(lf => lf.isOPFFile || lf.metadata.filename === 'metadata.xml')
@ -280,7 +299,7 @@ class Book {
            if (key === 'tags') { // Add tags only if tags are empty
              if (opfMetadata.tags.length && (!this.tags.length || opfMetadataOverrideDetails)) {
                this.tags = opfMetadata.tags
-                tagsUpdated = true
+                hasUpdated = true
              }
            } else if (key === 'genres') { // Add genres only if genres are empty
              if (opfMetadata.genres.length && (!this.metadata.genres.length || opfMetadataOverrideDetails)) {
@ -312,9 +331,9 @@ class Book {
    }

    if (Object.keys(metadataUpdatePayload).length) {
-      return this.metadata.update(metadataUpdatePayload) || tagsUpdated
+      return this.metadata.update(metadataUpdatePayload) || hasUpdated
    }
-    return tagsUpdated
+    return hasUpdated
  }

  searchQuery(query) {
@ -509,5 +528,9 @@ class Book {
  getPlaybackAuthor() {
    return this.metadata.authorName
  }
+
+  getChapters() {
+    return this.chapters?.map(ch => ({ ...ch })) || []
+  }
 }
 module.exports = Book
--- a/server/objects/mediaTypes/Podcast.js
+++ b/server/objects/mediaTypes/Podcast.js
@ -94,6 +94,13 @@ class Podcast {
    }
  }

+  toJSONForMetadataFile() {
+    return {
+      tags: [...this.tags],
+      metadata: this.metadata.toJSON()
+    }
+  }
+
  get size() {
    var total = 0
    this.episodes.forEach((ep) => total += ep.size)
@ -199,10 +206,11 @@ class Podcast {
    let metadataUpdatePayload = {}
    let tagsUpdated = false

-    const metadataAbs = textMetadataFiles.find(lf => lf.metadata.filename === 'metadata.abs')
+    const metadataAbs = textMetadataFiles.find(lf => lf.metadata.filename === 'metadata.abs' || lf.metadata.filename === 'metadata.json')
    if (metadataAbs) {
+      const isJSON = metadataAbs.metadata.filename === 'metadata.json'
      const metadataText = await readTextFile(metadataAbs.metadata.path)
-      const abmetadataUpdates = abmetadataGenerator.parseAndCheckForUpdates(metadataText, this, 'podcast')
+      const abmetadataUpdates = abmetadataGenerator.parseAndCheckForUpdates(metadataText, this, 'podcast', isJSON)
      if (abmetadataUpdates && Object.keys(abmetadataUpdates).length) {
        Logger.debug(`[Podcast] "${this.metadata.title}" changes found in metadata.abs file`, abmetadataUpdates)

@ -331,5 +339,9 @@ class Podcast {
    if (!audioFile?.metaTags) return false
    return this.metadata.setDataFromAudioMetaTags(audioFile.metaTags, overrideExistingDetails)
  }
+
+  getChapters(episodeId) {
+    return this.getEpisode(episodeId)?.chapters?.map(ch => ({ ...ch })) || []
+  }
 }
 module.exports = Podcast
--- a/server/objects/metadata/BookMetadata.js
+++ b/server/objects/metadata/BookMetadata.js
@ -27,9 +27,9 @@ class BookMetadata {
  construct(metadata) {
    this.title = metadata.title
    this.subtitle = metadata.subtitle
-    this.authors = (metadata.authors && metadata.authors.map) ? metadata.authors.map(a => ({ ...a })) : []
-    this.narrators = metadata.narrators ? [...metadata.narrators] : []
-    this.series = (metadata.series && metadata.series.map) ? metadata.series.map(s => ({ ...s })) : []
+    this.authors = (metadata.authors?.map) ? metadata.authors.map(a => ({ ...a })) : []
+    this.narrators = metadata.narrators ? [...metadata.narrators].filter(n => n) : []
+    this.series = (metadata.series?.map) ? metadata.series.map(s => ({ ...s })) : []
    this.genres = metadata.genres ? [...metadata.genres] : []
    this.publishedYear = metadata.publishedYear || null
    this.publishedDate = metadata.publishedDate || null
@ -109,6 +109,16 @@ class BookMetadata {
    }
  }

+  toJSONForMetadataFile() {
+    const json = this.toJSON()
+    json.authors = json.authors.map(au => au.name)
+    json.series = json.series.map(se => {
+      if (!se.sequence) return se.name
+      return `${se.name} #${se.sequence}`
+    })
+    return json
+  }
+
  clone() {
    return new BookMetadata(this.toJSON())
  }
@ -191,8 +201,9 @@ class BookMetadata {
  }

  update(payload) {
-    var json = this.toJSON()
-    var hasUpdates = false
+    const json = this.toJSON()
+    let hasUpdates = false
+
    for (const key in json) {
      if (payload[key] !== undefined) {
        if (!areEquivalent(payload[key], json[key])) {
@ -221,6 +232,32 @@ class BookMetadata {
    })
  }

+  /**
+   * Update narrator name if narrator is in book
+   * @param {String} oldNarratorName - Narrator name to get updated
+   * @param {String} newNarratorName - Updated narrator name
+   * @return {Boolean} True if narrator was updated
+   */
+  updateNarrator(oldNarratorName, newNarratorName) {
+    if (!this.hasNarrator(oldNarratorName)) return false
+    this.narrators = this.narrators.filter(n => n !== oldNarratorName)
+    if (newNarratorName && !this.hasNarrator(newNarratorName)) {
+      this.narrators.push(newNarratorName)
+    }
+    return true
+  }
+
+  /**
+   * Remove narrator name if narrator is in book
+   * @param {String} narratorName - Narrator name to remove
+   * @return {Boolean} True if narrator was updated
+   */
+  removeNarrator(narratorName) {
+    if (!this.hasNarrator(narratorName)) return false
+    this.narrators = this.narrators.filter(n => n !== narratorName)
+    return true
+  }
+
  setData(scanMediaData = {}) {
    this.title = scanMediaData.title || null
    this.subtitle = scanMediaData.subtitle || null
@ -347,8 +384,10 @@ class BookMetadata {
    const parsed = parseNameString.parse(authorsTag)
    if (!parsed) return []
    return (parsed.names || []).map((au) => {
+      const findAuthor = this.authors.find(_au => _au.name == au)
+
      return {
-        id: `new-${Math.floor(Math.random() * 1000000)}`,
+        id: findAuthor?.id || `new-${Math.floor(Math.random() * 1000000)}`,
        name: au
      }
    })
@ -385,7 +424,7 @@ class BookMetadata {
    return this.narrators.filter(n => cleanStringForSearch(n).includes(query))
  }
  searchQuery(query) { // Returns key if match is found
-    const keysToCheck = ['title', 'asin', 'isbn']
+    const keysToCheck = ['title', 'asin', 'isbn', 'subtitle']
    for (const key of keysToCheck) {
      if (this[key] && cleanStringForSearch(String(this[key])).includes(query)) {
        return {
--- a/server/objects/settings/ServerSettings.js
+++ b/server/objects/settings/ServerSettings.js
@ -20,6 +20,7 @@ class ServerSettings {
    // Metadata - choose to store inside users library item folder
    this.storeCoverWithItem = false
    this.storeMetadataWithItem = false
+    this.metadataFileFormat = 'json'

    // Security/Rate limits
    this.rateLimitLoginRequests = 10
@ -94,6 +95,7 @@ class ServerSettings {

    this.storeCoverWithItem = !!settings.storeCoverWithItem
    this.storeMetadataWithItem = !!settings.storeMetadataWithItem
+    this.metadataFileFormat = settings.metadataFileFormat || 'json'

    this.rateLimitLoginRequests = !isNaN(settings.rateLimitLoginRequests) ? Number(settings.rateLimitLoginRequests) : 10
    this.rateLimitLoginWindow = !isNaN(settings.rateLimitLoginWindow) ? Number(settings.rateLimitLoginWindow) : 10 * 60 * 1000 // 10 Minutes
@ -175,6 +177,16 @@ class ServerSettings {
    if (settings.homeBookshelfView == undefined) { // homeBookshelfView was added in 2.1.3
      this.homeBookshelfView = settings.bookshelfView
    }
+    if (settings.metadataFileFormat == undefined) { // metadataFileFormat was added in 2.2.21
+      // All users using old settings will stay abs until changed
+      this.metadataFileFormat = 'abs'
+    }
+
+    // Validation
+    if (!['abs', 'json'].includes(this.metadataFileFormat)) {
+      Logger.error(`[ServerSettings] construct: Invalid metadataFileFormat ${this.metadataFileFormat}`)
+      this.metadataFileFormat = 'json'
+    }

    if (this.logLevel !== Logger.logLevel) {
      Logger.setLogLevel(this.logLevel)
@ -196,6 +208,7 @@ class ServerSettings {
      scannerUseTone: this.scannerUseTone,
      storeCoverWithItem: this.storeCoverWithItem,
      storeMetadataWithItem: this.storeMetadataWithItem,
+      metadataFileFormat: this.metadataFileFormat,
      rateLimitLoginRequests: this.rateLimitLoginRequests,
      rateLimitLoginWindow: this.rateLimitLoginWindow,
      backupSchedule: this.backupSchedule,
--- a/server/objects/user/MediaProgress.js
+++ b/server/objects/user/MediaProgress.js
@ -10,7 +10,7 @@ class MediaProgress {
    this.isFinished = false
    this.hideFromContinueListening = false

-    this.ebookLocation = null // current cfi tag
+    this.ebookLocation = null // cfi tag for epub, page number for pdf
    this.ebookProgress = null // 0 to 1

    this.lastUpdate = null
@ -46,11 +46,11 @@ class MediaProgress {
    this.episodeId = progress.episodeId
    this.duration = progress.duration || 0
    this.progress = progress.progress
-    this.currentTime = progress.currentTime
+    this.currentTime = progress.currentTime || 0
    this.isFinished = !!progress.isFinished
    this.hideFromContinueListening = !!progress.hideFromContinueListening
    this.ebookLocation = progress.ebookLocation || null
-    this.ebookProgress = progress.ebookProgress
+    this.ebookProgress = progress.ebookProgress || null
    this.lastUpdate = progress.lastUpdate
    this.startedAt = progress.startedAt
    this.finishedAt = progress.finishedAt || null
--- a/server/providers/Audible.js
+++ b/server/providers/Audible.js
@ -13,7 +13,7 @@ class Audible {
            'de': '.de',
            'jp': '.co.jp',
            'it': '.it',
-            'in': '.co.in',
+            'in': '.in',
            'es': '.es'
        }
    }
--- a/server/routers/ApiRouter.js
+++ b/server/routers/ApiRouter.js
@ -84,6 +84,9 @@ class ApiRouter {
    this.router.get('/libraries/:id/search', LibraryController.middleware.bind(this), LibraryController.search.bind(this))
    this.router.get('/libraries/:id/stats', LibraryController.middleware.bind(this), LibraryController.stats.bind(this))
    this.router.get('/libraries/:id/authors', LibraryController.middleware.bind(this), LibraryController.getAuthors.bind(this))
+    this.router.get('/libraries/:id/narrators', LibraryController.middleware.bind(this), LibraryController.getNarrators.bind(this))
+    this.router.patch('/libraries/:id/narrators/:narratorId', LibraryController.middleware.bind(this), LibraryController.updateNarrator.bind(this))
+    this.router.delete('/libraries/:id/narrators/:narratorId', LibraryController.middleware.bind(this), LibraryController.removeNarrator.bind(this))
    this.router.get('/libraries/:id/matchall', LibraryController.middleware.bind(this), LibraryController.matchAll.bind(this))
    this.router.post('/libraries/:id/scan', LibraryController.middleware.bind(this), LibraryController.scan.bind(this))
    this.router.get('/libraries/:id/recent-episodes', LibraryController.middleware.bind(this), LibraryController.getRecentEpisodes.bind(this))
--- a/server/scanner/Scanner.js
+++ b/server/scanner/Scanner.js
@ -111,8 +111,8 @@ class Scanner {
    }

    if (hasUpdated) {
-      SocketAuthority.emitter('item_updated', libraryItem.toJSONExpanded())
      await this.db.updateLibraryItem(libraryItem)
+      SocketAuthority.emitter('item_updated', libraryItem.toJSONExpanded())
      return ScanResult.UPDATED
    }
    return ScanResult.UPTODATE
--- a/server/utils/abmetadataGenerator.js
+++ b/server/utils/abmetadataGenerator.js
@ -2,7 +2,8 @@ const fs = require('../libs/fsExtra')
 const filePerms = require('./filePerms')
 const package = require('../../package.json')
 const Logger = require('../Logger')
-const { getId, copyValue } = require('./index')
+const { getId } = require('./index')
+const areEquivalent = require('../utils/areEquivalent')


 const CurrentAbMetadataVersion = 2
@ -328,11 +329,11 @@ function parseAbMetadataText(text, mediaType) {
 module.exports.parse = parseAbMetadataText

 function checkUpdatedBookAuthors(abmetadataAuthors, authors) {
-  var finalAuthors = []
-  var hasUpdates = false
+  const finalAuthors = []
+  let hasUpdates = false

  abmetadataAuthors.forEach((authorName) => {
-    var findAuthor = authors.find(au => au.name.toLowerCase() == authorName.toLowerCase())
+    const findAuthor = authors.find(au => au.name.toLowerCase() == authorName.toLowerCase())
    if (!findAuthor) {
      hasUpdates = true
      finalAuthors.push({
@ -397,18 +398,81 @@ function checkArraysChanged(abmetadataArray, mediaArray) {
  return abmetadataArray.join(',') != mediaArray.join(',')
 }

+function parseJsonMetadataText(text) {
+  try {
+    const abmetadataData = JSON.parse(text)
+    if (abmetadataData.metadata?.series?.length) {
+      abmetadataData.metadata.series = abmetadataData.metadata.series.map(series => {
+        let sequence = null
+        let name = series
+        // Series sequence match any characters after " #" other than whitespace and another #
+        //  e.g. "Name #1a" is valid. "Name #1#a" or "Name #1 a" is not valid.
+        const matchResults = series.match(/ #([^#\s]+)$/) // Pull out sequence #
+        if (matchResults && matchResults.length && matchResults.length > 1) {
+          sequence = matchResults[1] // Group 1
+          name = series.replace(matchResults[0], '')
+        }
+        return {
+          name,
+          sequence
+        }
+      })
+    }
+    return abmetadataData
+  } catch (error) {
+    Logger.error(`[abmetadataGenerator] Invalid metadata.json JSON`, error)
+    return null
+  }
+}
+
+function cleanChaptersArray(chaptersArray, mediaTitle) {
+  const chapters = []
+  let index = 0
+  for (const chap of chaptersArray) {
+    if (chap.start === null || isNaN(chap.start)) {
+      Logger.error(`[abmetadataGenerator] Invalid chapter start time ${chap.start} for "${mediaTitle}" metadata file`)
+      return null
+    }
+    if (chap.end === null || isNaN(chap.end)) {
+      Logger.error(`[abmetadataGenerator] Invalid chapter end time ${chap.end} for "${mediaTitle}" metadata file`)
+      return null
+    }
+    if (!chap.title || typeof chap.title !== 'string') {
+      Logger.error(`[abmetadataGenerator] Invalid chapter title ${chap.title} for "${mediaTitle}" metadata file`)
+      return null
+    }
+
+    chapters.push({
+      id: index++,
+      start: chap.start,
+      end: chap.end,
+      title: chap.title
+    })
+  }
+  return chapters
+}
+
 // Input text from abmetadata file and return object of media changes
 //  only returns object of changes. empty object means no changes
-function parseAndCheckForUpdates(text, media, mediaType) {
+function parseAndCheckForUpdates(text, media, mediaType, isJSON) {
  if (!text || !media || !media.metadata || !mediaType) {
    Logger.error(`Invalid inputs to parseAndCheckForUpdates`)
    return null
  }
+
  const mediaMetadata = media.metadata
  const metadataUpdatePayload = {} // Only updated key/values

-  const abmetadataData = parseAbMetadataText(text, mediaType)
+  let abmetadataData = null
+
+  if (isJSON) {
+    abmetadataData = parseJsonMetadataText(text)
+  } else {
+    abmetadataData = parseAbMetadataText(text, mediaType)
+  }
+
  if (!abmetadataData || !abmetadataData.metadata) {
+    Logger.error(`[abmetadataGenerator] Invalid metadata file`)
    return null
  }

@ -441,6 +505,15 @@ function parseAndCheckForUpdates(text, media, mediaType) {
    }
  }

+  if (abmetadataData.chapters && mediaType === 'book') {
+    const abmetadataChaptersCleaned = cleanChaptersArray(abmetadataData.chapters)
+    if (abmetadataChaptersCleaned) {
+      if (!areEquivalent(abmetadataChaptersCleaned, media.chapters)) {
+        updatePayload.chapters = abmetadataChaptersCleaned
+      }
+    }
+  }
+
  if (Object.keys(metadataUpdatePayload).length) {
    updatePayload.metadata = metadataUpdatePayload
  }
--- a/server/utils/globals.js
+++ b/server/utils/globals.js
@ -4,7 +4,7 @@ const globals = {
  SupportedEbookTypes: ['epub', 'pdf', 'mobi', 'azw3', 'cbr', 'cbz'],
  SupportedVideoTypes: ['mp4'],
  TextFileTypes: ['txt', 'nfo'],
-  MetadataFileTypes: ['opf', 'abs', 'xml']
+  MetadataFileTypes: ['opf', 'abs', 'xml', 'json']
 }

 module.exports = globals
--- a/server/utils/index.js
+++ b/server/utils/index.js
@ -4,6 +4,8 @@ const { parseString } = require("xml2js")
 const areEquivalent = require('./areEquivalent')

 const levenshteinDistance = (str1, str2, caseSensitive = false) => {
+  str1 = String(str1)
+  str2 = String(str2)
  if (!caseSensitive) {
    str1 = str1.toLowerCase()
    str2 = str2.toLowerCase()
--- a/server/utils/prober.js
+++ b/server/utils/prober.js
@ -170,7 +170,7 @@ function parseTags(format, verbose) {
    file_tag_titlesort: tryGrabTags(format, 'title-sort', 'tsot'),
    file_tag_subtitle: tryGrabTags(format, 'subtitle', 'tit3', 'tt3'),
    file_tag_track: tryGrabTags(format, 'track', 'trck', 'trk'),
-    file_tag_disc: tryGrabTags(format, 'discnumber', 'disc', 'disk', 'tpos'),
+    file_tag_disc: tryGrabTags(format, 'discnumber', 'disc', 'disk', 'tpos', 'tpa'),
    file_tag_album: tryGrabTags(format, 'album', 'talb', 'tal'),
    file_tag_albumsort: tryGrabTags(format, 'album-sort', 'tsoa'),
    file_tag_artist: tryGrabTags(format, 'artist', 'tpe1', 'tp1'),
@ -183,7 +183,7 @@ function parseTags(format, verbose) {
    file_tag_description: tryGrabTags(format, 'description', 'desc'),
    file_tag_genre: tryGrabTags(format, 'genre', 'tcon', 'tco'),
    file_tag_series: tryGrabTags(format, 'series', 'show', 'mvnm'),
-    file_tag_seriespart: tryGrabTags(format, 'series-part', 'episode_id', 'mvin'),
+    file_tag_seriespart: tryGrabTags(format, 'series-part', 'episode_id', 'mvin', 'part'),
    file_tag_isbn: tryGrabTags(format, 'isbn'), // custom
    file_tag_language: tryGrabTags(format, 'language', 'lang'),
    file_tag_asin: tryGrabTags(format, 'asin', 'audible_asin'), // custom
--- a/server/utils/toneHelpers.js
+++ b/server/utils/toneHelpers.js
@ -2,10 +2,13 @@ const tone = require('node-tone')
 const fs = require('../libs/fsExtra')
 const Logger = require('../Logger')

-function getToneMetadataObject(libraryItem, chapters, trackTotal) {
+function getToneMetadataObject(libraryItem, chapters, trackTotal, mimeType = null) {
  const bookMetadata = libraryItem.media.metadata
  const coverPath = libraryItem.media.coverPath

+  const isMp4 = mimeType === 'audio/mp4'
+  const isMp3 = mimeType === 'audio/mpeg'
+
  const metadataObject = {
    'album': bookMetadata.title || '',
    'title': bookMetadata.title || '',
@ -28,10 +31,24 @@ function getToneMetadataObject(libraryItem, chapters, trackTotal) {
    metadataObject['composer'] = bookMetadata.narratorName
  }
  if (bookMetadata.firstSeriesName) {
+    if (!isMp3) {
+      metadataObject.additionalFields['----:com.pilabor.tone:SERIES'] = bookMetadata.firstSeriesName
+    }
    metadataObject['movementName'] = bookMetadata.firstSeriesName
  }
  if (bookMetadata.firstSeriesSequence) {
-    metadataObject['movement'] = bookMetadata.firstSeriesSequence
+    // Non-mp3 
+    if (!isMp3) {
+      metadataObject.additionalFields['----:com.pilabor.tone:PART'] = bookMetadata.firstSeriesSequence
+    }
+    // MP3 Files with non-integer sequence
+    const isNonIntegerSequence = String(bookMetadata.firstSeriesSequence).includes('.') || isNaN(bookMetadata.firstSeriesSequence)
+    if (isMp3 && isNonIntegerSequence) {
+      metadataObject.additionalFields['PART'] = bookMetadata.firstSeriesSequence
+    }
+    if (!isNonIntegerSequence) {
+      metadataObject['movement'] = bookMetadata.firstSeriesSequence
+    }
  }
  if (bookMetadata.genres.length) {
    metadataObject['genre'] = bookMetadata.genres.join('/')
@ -40,7 +57,12 @@ function getToneMetadataObject(libraryItem, chapters, trackTotal) {
    metadataObject['publisher'] = bookMetadata.publisher
  }
  if (bookMetadata.asin) {
-    metadataObject.additionalFields['asin'] = bookMetadata.asin
+    if (!isMp3) {
+      metadataObject.additionalFields['----:com.pilabor.tone:AUDIBLE_ASIN'] = bookMetadata.asin
+    }
+    if (!isMp4) {
+      metadataObject.additionalFields['asin'] = bookMetadata.asin
+    }
  }
  if (bookMetadata.isbn) {
    metadataObject.additionalFields['isbn'] = bookMetadata.isbn
@ -67,8 +89,8 @@ function getToneMetadataObject(libraryItem, chapters, trackTotal) {
 }
 module.exports.getToneMetadataObject = getToneMetadataObject

-module.exports.writeToneMetadataJsonFile = (libraryItem, chapters, filePath, trackTotal) => {
-  const metadataObject = getToneMetadataObject(libraryItem, chapters, trackTotal)
+module.exports.writeToneMetadataJsonFile = (libraryItem, chapters, filePath, trackTotal, mimeType) => {
+  const metadataObject = getToneMetadataObject(libraryItem, chapters, trackTotal, mimeType)
  return fs.writeFile(filePath, JSON.stringify({ meta: metadataObject }, null, 2))
 }