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

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

View file

@ -548,16 +548,19 @@ export default {
}
},
//
getBookSkipSettings() {
if (!this.streamLibraryItem) return null
const bookSkipSettings = this.$store.getters['user/getUserSetting']('bookSkipSettings') || {}
return bookSkipSettings[this.streamLibraryItem.id] || {}
//
getSkipSettings() {
return {
skipIntro: this.$store.getters['user/getUserSetting']('skipIntro'),
introDuration: this.$store.getters['user/getUserSetting']('introDuration'),
skipOutro: this.$store.getters['user/getUserSetting']('skipOutro'),
outroDuration: this.$store.getters['user/getUserSetting']('outroDuration')
}
},
// intro/outro
checkAndSkipIntroOutro(currentTime) {
const skipSettings = this.getBookSkipSettings()
const skipSettings = this.getSkipSettings()
if (!skipSettings) return
const doSkipIntro = skipSettings.skipIntro && skipSettings.introDuration > 0

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>

View file

@ -19,7 +19,10 @@ export const state = () => ({
authorSortDesc: false,
jumpForwardAmount: 10,
jumpBackwardAmount: 10,
bookSkipSettings: {} // 书籍跳过配置 { [libraryItemId]: { skipIntro, introDuration, skipOutro, outroDuration } }
skipIntro: false,
introDuration: 10,
skipOutro: false,
outroDuration: 10
}
})