mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2026-05-30 23:40:40 +02:00
Enhancement: Show the time left on current audio book #63
Assignees
adam (Adam Melkus)
Clear assignees
adam (Adam Melkus)
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: starred/audiobookshelf#63
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @juriroemer on GitHub (Oct 23, 2021).
Show the time left on the current audio book in the player. Maybe beneath the overalltime on the right or toggleable (toggle between time left and time overall by clicking, like in the Youtube app).
@advplyr commented on GitHub (Oct 23, 2021):
Can you show an example of how you would like it to look?
@juriroemer commented on GitHub (Oct 24, 2021):
My suggestion would be to make the overall running time a toggle switch that switches between overall running time and time remaining when it's clicked. Would look exactly like it does now, but would switch when clicked. Maybe even have the momentary state persistent as user preference.
The Youtube mobile apps do something similar (tab the time indicator on the lower left in the app's video player). Although I think it's more useful to always show time progressed and to switch overall time, than to always show overall time and switch time progressed (as YT does)
https://user-images.githubusercontent.com/31971585/138579570-6fa38339-3d98-4afa-9fa3-ca2833d06395.mov
Hope this is understandable
@TheSylus commented on GitHub (Oct 24, 2021):
Maybe it could be done like the smart audio player shows the tracks.
@juriroemer commented on GitHub (Oct 24, 2021):
Hm I think the text is a bit intrusive and doesn't really serve any purpose as the measures are pretty much self explanatory from context. How about something like this?
Mockup:
@advplyr commented on GitHub (Oct 25, 2021):
I liked the last one the best. Just pushed this update in
v1.5.2Let me know what you think
@juriroemer commented on GitHub (Oct 25, 2021):
Just tested
v1.5.2- very cool.I personally would leave out the "by " in front of the authors name (or at least not have it be part of the link) and I liked the color as it was before (
text-gray-400instead oftext-gray-200for the author and runtime), but looks great either way :)EDIT:
Vertical alignment is a bit tricky but I think icons could work nicely:
@advplyr commented on GitHub (Oct 27, 2021):
You were right, it looked much better. I included those updates in release v1.5.5.
I could really use your design advice everywhere else too. The experimental bookmarks feature #115 could use some design tips also!
@juriroemer commented on GitHub (Oct 27, 2021):
Sure I'll have a look :)