Cutlery/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-11-04 03:17:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #777 from alexmaras/fix/chapter-seek-bar

Browse Source 
Fix/chapter seek bar
This commit is contained in:
advplyr 2022-06-25 11:03:23 -05:00 committed by GitHub
commit ab6da3914b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 progressTime = (offsetX / this.trackWidth) * duration;
const totalTime = baseTime + progressTime;
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(progressTime)
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}`
} }