[PR #1767] [MERGED] Expand time interval options for jump controls #1688

New Issue

2026-04-25T00:00:36+02:00

adam commented

2026-04-25 00:00:36 +02:00

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf-app/pull/1767
Author: @FreedomBen
Created: 12/29/2025
Status: ✅ Merged
Merged: 1/30/2026
Merged by: @advplyr

Base: master ← Head: add-more-backwards-forward-options

📝 Commits (7)

d9c591b Expand time interval options for Make jump controls
589ffce Move jump back/forward labels below the icon
f548163 Make jump labels compatible with i18n/translation
f63b044 Update jump label to only show on fullscreen audio player
5fb8baa Remove icons from jump options, remove unused computed properties
7c5e8cb Revert audio player playerControls padding
1043fb3 fix i18n string order

📊 Changes

5 files changed (+95 additions, -85 deletions)

View changed files

📝 components/app/AudioPlayer.vue (+17 -6)
➕ mixins/jumpLabel.js (+12 -0)
📝 pages/settings.vue (+60 -41)
📝 store/globals.js (+3 -37)
📝 strings/en-us.json (+3 -1)

📄 Description

Brief summary

Added additional options for customizing jump forward/backward. Instead of just 5, 10, and 30 seconds, we now have 5s, 10s, 15s, 30s, 60s, 2m, and 5m.
Switched the jump interval to a list in the settings menu for better UX
Reordered "Disable auto rewind time" for aesthetics in settings menu (it looked out of place after backwards time and forwards time were turned to dropdowns

Which issue is fixed?

Fixes #1445

Pull Request Type

Android and iOS. No backend.

In-depth Description

Added additional options for customizing jump forward/backward. Instead of just 5, 10, and 30 seconds, we now have 5s, 10s, 15s, 30s, 60s, 2m, and 5m.
Switched the jump interval to a list in the settings menu for better UX
Reordered "Disable auto rewind time" for aesthetics in settings menu (it looked out of place after backwards time and forwards time were turned to dropdowns

The only downside of this (afaict), and what created the biggest challenge, is the lack of numeric glyphs in the Material Symbols font. They only have 5, 10, and 30, which we were previously using. Given that they don't have others, that means we had to change strategies for displaying. I switched all to generic backward and forward icons and added the time interval as a label next to it so the user can still tell at a glance what the setting is. For consistency we don't use the numbered glyphs anymore. For more info on the Material Symbols font, see: https://fonts.google.com/icons?icon.query=forward

However this does feel like two steps forward, one step back, though I can't think of good options. Other possibility would be to create SVGs, though I'm not skilled enough to do that. Personally this feels like a good compromise, but others will probably differ. I considered using the numbered glyphs when the selected value was 5, 10, or 30, but when testing I found the inconsistency jarring and kind of janky.

How have you tested this?

Yes, tested on Pixel 8 Pro against personal prod server running v2.32.1. Not tested on iOS (I don't have any Apple devices)

Screenshots

See comments below

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf-app/pull/1767 **Author:** [@FreedomBen](https://github.com/FreedomBen) **Created:** 12/29/2025 **Status:** ✅ Merged **Merged:** 1/30/2026 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `add-more-backwards-forward-options` --- ### 📝 Commits (7) - [`d9c591b`](https://github.com/advplyr/audiobookshelf-app/commit/d9c591b0ea6b8b8cf1b6f46fed525b3ca1c33d2d) Expand time interval options for Make jump controls - [`589ffce`](https://github.com/advplyr/audiobookshelf-app/commit/589ffcecca53e46bd61bee90ecb3be85193c1889) Move jump back/forward labels below the icon - [`f548163`](https://github.com/advplyr/audiobookshelf-app/commit/f548163689150ba1db8eba2e7fb12fd8695990de) Make jump labels compatible with i18n/translation - [`f63b044`](https://github.com/advplyr/audiobookshelf-app/commit/f63b04451b03131bf0c046cb5c6a3b7c35229b57) Update jump label to only show on fullscreen audio player - [`5fb8baa`](https://github.com/advplyr/audiobookshelf-app/commit/5fb8baa186c46e19bf55d6ac29ad932b648b53d4) Remove icons from jump options, remove unused computed properties - [`7c5e8cb`](https://github.com/advplyr/audiobookshelf-app/commit/7c5e8cb04623458e856e8168ec1f9d1cb8f0717e) Revert audio player playerControls padding - [`1043fb3`](https://github.com/advplyr/audiobookshelf-app/commit/1043fb3f3e0f689f52fad2b76f98afa4a99c6cb0) fix i18n string order ### 📊 Changes **5 files changed** (+95 additions, -85 deletions) <details> <summary>View changed files</summary> 📝 `components/app/AudioPlayer.vue` (+17 -6) ➕ `mixins/jumpLabel.js` (+12 -0) 📝 `pages/settings.vue` (+60 -41) 📝 `store/globals.js` (+3 -37) 📝 `strings/en-us.json` (+3 -1) </details> ### 📄 Description ## Brief summary - Added additional options for customizing jump forward/backward. Instead of just 5, 10, and 30 seconds, we now have 5s, 10s, 15s, 30s, 60s, 2m, and 5m. - Switched the jump interval to a list in the settings menu for better UX - Reordered "Disable auto rewind time" for aesthetics in settings menu (it looked out of place after backwards time and forwards time were turned to dropdowns ## Which issue is fixed? Fixes #1445 ## Pull Request Type Android and iOS. No backend. ## In-depth Description - Added additional options for customizing jump forward/backward. Instead of just 5, 10, and 30 seconds, we now have 5s, 10s, 15s, 30s, 60s, 2m, and 5m. - Switched the jump interval to a list in the settings menu for better UX - Reordered "Disable auto rewind time" for aesthetics in settings menu (it looked out of place after backwards time and forwards time were turned to dropdowns The only downside of this (afaict), and what created the biggest challenge, is the lack of numeric glyphs in the Material Symbols font. They only have 5, 10, and 30, which we were previously using. Given that they don't have others, that means we had to change strategies for displaying. I switched all to generic backward and forward icons and added the time interval as a label next to it so the user can still tell at a glance what the setting is. For consistency we don't use the numbered glyphs anymore. For more info on the Material Symbols font, see: https://fonts.google.com/icons?icon.query=forward However this does feel like two steps forward, one step back, though I can't think of good options. Other possibility would be to create SVGs, though I'm not skilled enough to do that. Personally this feels like a good compromise, but others will probably differ. I considered using the numbered glyphs when the selected value was 5, 10, or 30, but when testing I found the inconsistency jarring and kind of janky. ## How have you tested this? Yes, tested on Pixel 8 Pro against personal prod server running v2.32.1. Not tested on iOS (I don't have any Apple devices) ## Screenshots See comments below --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

adam added the pull-request label 2026-04-25 00:00:36 +02:00

adam closed this issue

2026-04-25 00:00:36 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1688