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

Fix:epub ereader on mobile #1854

Browse Source
This commit is contained in:
advplyr
2023-06-18 14:10:01 -05:00
parent a8bc1df3e7
commit 36b1f43f4c
3 changed files with 69 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/components/readers/EpubReader.vue
View File

@ -280,7 +280,10 @@ export default {
reader.rendition = reader.book.renderTo('viewer', {
width: this.readerWidth,
height: this.readerHeight * 0.8,
spread: 'auto'
spread: 'auto',
snap: true,
manager: 'continuous',
flow: 'paginated'
})
// load saved progress
@ -295,21 +298,11 @@ export default {
reader.rendition.on('relocated', reader.relocated)
reader.rendition.on('keydown', reader.keyUp)
let touchStart = 0
let touchEnd = 0
reader.rendition.on('touchstart', (event) => {
touchStart = event.changedTouches[0].screenX
this.$emit('touchstart', event)
})
reader.rendition.on('touchend', (event) => {
touchEnd = event.changedTouches[0].screenX
const touchDistanceX = Math.abs(touchEnd - touchStart)
if (touchStart < touchEnd && touchDistanceX > 120) {
this.next()
}
if (touchStart > touchEnd && touchDistanceX > 120) {
this.prev()
}
this.$emit('touchend', event)
})
// load ebook cfi locations