groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-02-28 21:19:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Refactor skip intro/outro to global settings instead of per-book

Browse source 
Settings are now stored as top-level user settings in localStorage
rather than nested under bookSkipSettings per libraryItemId. This
makes the settings always accessible regardless of playback state.
This commit is contained in:
Lunatic 2026-02-27 15:19:46 +08:00
parent d157388680
commit 8a34eff1e9
3 changed files with 26 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

60
client/components/modals/PlayerSettingsModal.vue
View file

@ -17,11 +17,10 @@
<div class="flex items-center mb-4">
<ui-select-input v-model="playbackRateIncrementDecrement" :label="$strings.LabelPlaybackRateIncrementDecrement" menuMaxHeight="250px" :items="playbackRateIncrementDecrementValues" @input="setPlaybackRateIncrementDecrementAmount" />
</div>
<!-- 书籍跳过配置 -->
<div class="border-t pt-4 mt-6" v-if="currentLibraryItemId">
<h4 class="text-lg font-medium mb-4">本书跳过设置</h4>
<div class="border-t pt-4 mt-6">
<h4 class="text-lg font-medium mb-4">章节跳过设置</h4>
<div class="flex items-center mb-4">
<ui-toggle-switch v-model="skipIntro" @input="setSkipIntro" />
<div class="pl-4 flex-1">
@ -30,7 +29,7 @@
<ui-text-input v-model="introDuration" type="number" min="0" max="60" @input="setIntroDuration" class="w-20" />
<span class="ml-2 text-sm text-gray-400">秒</span>
</div>
<div class="flex items-center mb-4">
<ui-toggle-switch v-model="skipOutro" @input="setSkipOutro" />
<div class="pl-4 flex-1">
@ -64,9 +63,6 @@ export default {
jumpBackwardAmount: 10,
playbackRateIncrementDecrementValues: [0.1, 0.05],
playbackRateIncrementDecrement: 0.1,
// 书籍跳过设置
currentLibraryItemId: null,
skipIntro: false,
introDuration: 10,
skipOutro: false,
@ -99,67 +95,37 @@ export default {
this.playbackRateIncrementDecrement = val
this.$store.dispatch('user/updateUserSettings', { playbackRateIncrementDecrement: val })
},
// 书籍跳过设置方法
setSkipIntro() {
this.updateBookSkipSetting('skipIntro', this.skipIntro)
this.$store.dispatch('user/updateUserSettings', { skipIntro: this.skipIntro })
},
setIntroDuration() {
this.introDuration = Math.max(0, Math.min(60, parseInt(this.introDuration) || 0))
this.updateBookSkipSetting('introDuration', this.introDuration)
this.$store.dispatch('user/updateUserSettings', { introDuration: this.introDuration })
},
setSkipOutro() {
this.updateBookSkipSetting('skipOutro', this.skipOutro)
this.$store.dispatch('user/updateUserSettings', { skipOutro: this.skipOutro })
},
setOutroDuration() {
this.outroDuration = Math.max(0, Math.min(60, parseInt(this.outroDuration) || 0))
this.updateBookSkipSetting('outroDuration', this.outroDuration)
},
updateBookSkipSetting(key, value) {
if (!this.currentLibraryItemId) return
const bookSkipSettings = { ...this.$store.getters['user/getUserSetting']('bookSkipSettings') || {} }
if (!bookSkipSettings[this.currentLibraryItemId]) {
bookSkipSettings[this.currentLibraryItemId] = {}
}
bookSkipSettings[this.currentLibraryItemId][key] = value
this.$store.dispatch('user/updateUserSettings', { bookSkipSettings })
this.$store.dispatch('user/updateUserSettings', { outroDuration: this.outroDuration })
},
settingsUpdated() {
this.useChapterTrack = this.$store.getters['user/getUserSetting']('useChapterTrack')
this.jumpForwardAmount = this.$store.getters['user/getUserSetting']('jumpForwardAmount')
this.jumpBackwardAmount = this.$store.getters['user/getUserSetting']('jumpBackwardAmount')
this.playbackRateIncrementDecrement = this.$store.getters['user/getUserSetting']('playbackRateIncrementDecrement')
// 加载当前书籍的跳过设置
this.loadBookSkipSettings()
},
loadBookSkipSettings() {
// 获取当前播放的书籍ID
const mediaPlayerContainer = this.$root.$refs.mediaPlayerContainer || this.$parent.$refs.mediaPlayerContainer
if (mediaPlayerContainer && mediaPlayerContainer.streamLibraryItem) {
this.currentLibraryItemId = mediaPlayerContainer.streamLibraryItem.id
const bookSkipSettings = this.$store.getters['user/getUserSetting']('bookSkipSettings') || {}
const currentBookSettings = bookSkipSettings[this.currentLibraryItemId] || {}
this.skipIntro = currentBookSettings.skipIntro || false
this.introDuration = currentBookSettings.introDuration || 10
this.skipOutro = currentBookSettings.skipOutro || false
this.outroDuration = currentBookSettings.outroDuration || 10
} else {
this.currentLibraryItemId = null
}
this.skipIntro = this.$store.getters['user/getUserSetting']('skipIntro') || false
this.introDuration = this.$store.getters['user/getUserSetting']('introDuration') || 10
this.skipOutro = this.$store.getters['user/getUserSetting']('skipOutro') || false
this.outroDuration = this.$store.getters['user/getUserSetting']('outroDuration') || 10
}
},
mounted() {
this.settingsUpdated()
this.$eventBus.$on('user-settings', this.settingsUpdated)
this.$eventBus.$on('playback-session-changed', this.loadBookSkipSettings)
},
beforeDestroy() {
this.$eventBus.$off('user-settings', this.settingsUpdated)
this.$eventBus.$off('playback-session-changed', this.loadBookSkipSettings)
}
}
</script>