[PR #744] [MERGED] Add toggle for switching between Chapter and Book Duration in player (issue #741) #3409

Closed
opened 2026-04-25 00:15:32 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/744
Author: @jmt-gh
Created: 6/19/2022
Status: Merged
Merged: 6/19/2022
Merged by: @advplyr

Base: masterHead: issue_741


📝 Commits (2)

  • 644882e add support for swapping progress bar between current chapter duration and book duration
  • ccc8252 Update chapter track progress bar, timestamps, hide chapter ticks. Update mobile responsiveness for player

📊 Changes

8 files changed (+136 additions, -50 deletions)

View changed files

📝 client/components/app/StreamContainer.vue (+8 -8)
📝 client/components/controls/PlaybackSpeedControl.vue (+22 -6)
📝 client/components/controls/VolumeControl.vue (+2 -2)
📝 client/components/player/PlayerPlaybackControls.vue (+15 -6)
📝 client/components/player/PlayerTrackBar.vue (+32 -8)
📝 client/components/player/PlayerUi.vue (+54 -18)
📝 client/components/ui/Tooltip.vue (+1 -1)
📝 client/tailwind.config.js (+2 -1)

📄 Description

This commit adds support for the request in #741. It borrows some of the logic from audiobookshelf-app and it's chapter track functionality. This PR specifically adds the toggle to swap the existing UI; a future PR can look to add the dual-track-bar functionality that abs-app has currently.

Example GIF (ignore the fact that towards the end of the gif, the chapter/book times are wrong... the chapter data on this book is incorrect 🙄 ):
Peek 2022-06-19 00-02


🔄 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/pull/744 **Author:** [@jmt-gh](https://github.com/jmt-gh) **Created:** 6/19/2022 **Status:** ✅ Merged **Merged:** 6/19/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `issue_741` --- ### 📝 Commits (2) - [`644882e`](https://github.com/advplyr/audiobookshelf/commit/644882e04faaf153b0420a4f3b00499cea395100) add support for swapping progress bar between current chapter duration and book duration - [`ccc8252`](https://github.com/advplyr/audiobookshelf/commit/ccc82520a9db0e328e89abdc735d87c413fa0ec3) Update chapter track progress bar, timestamps, hide chapter ticks. Update mobile responsiveness for player ### 📊 Changes **8 files changed** (+136 additions, -50 deletions) <details> <summary>View changed files</summary> 📝 `client/components/app/StreamContainer.vue` (+8 -8) 📝 `client/components/controls/PlaybackSpeedControl.vue` (+22 -6) 📝 `client/components/controls/VolumeControl.vue` (+2 -2) 📝 `client/components/player/PlayerPlaybackControls.vue` (+15 -6) 📝 `client/components/player/PlayerTrackBar.vue` (+32 -8) 📝 `client/components/player/PlayerUi.vue` (+54 -18) 📝 `client/components/ui/Tooltip.vue` (+1 -1) 📝 `client/tailwind.config.js` (+2 -1) </details> ### 📄 Description This commit adds support for the request in #741. It borrows some of the logic from audiobookshelf-app and it's chapter track functionality. This PR specifically adds the toggle to swap the existing UI; a future PR can look to add the dual-track-bar functionality that abs-app has currently. Example GIF (ignore the fact that towards the end of the gif, the chapter/book times are wrong... the chapter data on this book is incorrect :roll_eyes: ): ![Peek 2022-06-19 00-02](https://user-images.githubusercontent.com/13617455/174469745-4b885255-2470-48dc-9664-56405f8f6e4b.gif) --- <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:15:32 +02:00
adam closed this issue 2026-04-25 00:15:32 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3409