mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-31 23:20:35 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Turn page while playing (#1383) fixes #1365

Browse source 
* Add an EReader setting for turning when playing

This allows to allow the navigation with the Volume buttons even when
audiobooks are playing.

---------

Co-authored-by: advplyr <advplyr@protonmail.com>
This commit is contained in:
RaHoni 2024-12-13 23:20:13 +01:00 • committed by GitHub
parent b02c1311ff
commit 2452f09714
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 47 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

31
components/readers/Reader.vue
View file

@ -54,7 +54,7 @@
</modals-fullscreen-modal>
<!-- ereader settings modal -->
<modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme" half-screen>
<modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme">
<div style="box-shadow: 0px -8px 8px #11111155">
<div class="flex items-end justify-between h-14 px-4 pb-2 mb-6">
<h1 class="text-lg">{{ $strings.HeaderEreaderSettings }}</h1>
@ -94,12 +94,18 @@
</div>
<ui-toggle-btns v-model="ereaderSettings.spread" :items="spreadItems" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelNavigateWithVolume }}:</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolume" :items="navigateWithVolumeItems" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="w-32">
<p class="text-base">{{ $strings.LabelNavigateWithVolumeWhilePlaying }}:</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolumeWhilePlaying" :items="navigateWithVolumeWhilePlayingItems" @input="settingsUpdated" />
</div>
</div>
</div>
</div>
@ -132,7 +138,8 @@ export default {
lineSpacing: 115,
spread: 'auto',
textStroke: 0,
navigateWithVolume: 'enabled'
navigateWithVolume: 'enabled',
navigateWithVolumeWhilePlaying: false
}
}
},
@ -196,7 +203,7 @@ export default {
navigateWithVolumeItems() {
return [
{
text: this.$strings.LabelNavigateWithVolumeEnabled,
text: this.$strings.LabelOn,
value: 'enabled'
},
{
@ -204,11 +211,23 @@ export default {
value: 'mirrored'
},
{
text: this.$strings.LabelNavigateWithVolumeDisabled,
text: this.$strings.LabelOff,
value: 'none'
}
]
},
navigateWithVolumeWhilePlayingItems() {
return [
{
text: this.$strings.LabelOn,
value: true
},
{
text: this.$strings.LabelOff,
value: false
}
]
},
themeItems() {
return [
{
@ -424,7 +443,7 @@ export default {
this.isInittingWatchVolume = true
const isWatching = await VolumeButtons.isWatching()
if (this.ereaderSettings.navigateWithVolume !== 'none' && !this.isPlayerOpen) {
if (this.ereaderSettings.navigateWithVolume !== 'none' && (this.ereaderSettings.navigateWithVolumeWhilePlaying || !this.isPlayerOpen)) {
if (!isWatching.value) {
const options = {
disableSystemVolumeHandler: true,