extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-02 20:19:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: use total time for chapter name resolution when in chapter track mode

Browse Source
This commit is contained in:
Alex Maras 2022-06-25 23:53:40 +08:00
parent f2fff34d4d
commit 729a756e21
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/components/player/PlayerTrackBar.vue
View File

@ -85,7 +85,7 @@ export default {
var perc = offsetX / this.trackWidth var perc = offsetX / this.trackWidth
const baseTime = this.useChapterTrack ? this.currentChapterStart : 0; const baseTime = this.useChapterTrack ? this.currentChapterStart : 0;
const duration = this.useChapterTrack ? this.currentChapterDuration : this.duration; const duration = this.useChapterTrack ? this.currentChapterDuration : this.duration;
var time = baseTime + (perc * duration); const time = baseTime + (perc * duration);
if (isNaN(time) || time === null) { if (isNaN(time) || time === null) {
console.error('Invalid time', perc, time) console.error('Invalid time', perc, time)
return return
@ -143,8 +143,10 @@ export default {
mousemoveTrack(e) { mousemoveTrack(e) {
var offsetX = e.offsetX var offsetX = e.offsetX
const duration = this.useChapterTrack ? this.currentChapterDuration : this.duration const baseTime = this.useChapterTrack ? this.currentChapterStart : 0;
const time = (offsetX / this.trackWidth) * duration const duration = this.useChapterTrack ? this.currentChapterDuration : this.duration;
const chapterTime = (offsetX / this.trackWidth) * duration;
const totalTime = baseTime + ((offsetX / this.trackWidth) * duration);
if (this.$refs.hoverTimestamp) { if (this.$refs.hoverTimestamp) {
var width = this.$refs.hoverTimestamp.clientWidth var width = this.$refs.hoverTimestamp.clientWidth
@ -165,9 +167,9 @@ export default {
this.$refs.hoverTimestampArrow.style.left = posLeft + 'px' this.$refs.hoverTimestampArrow.style.left = posLeft + 'px'
} }
if (this.$refs.hoverTimestampText) { if (this.$refs.hoverTimestampText) {
var hoverText = this.$secondsToTimestamp(time) var hoverText = this.$secondsToTimestamp(chapterTime)
var chapter = this.chapters.find((chapter) => chapter.start <= time && time < chapter.end) var chapter = this.chapters.find((chapter) => chapter.start <= totalTime && totalTime < chapter.end)
if (chapter && chapter.title) { if (chapter && chapter.title) {
hoverText += ` - ${chapter.title}` hoverText += ` - ${chapter.title}`
} }