starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[Enhancement]: Book Format Icons and Filters #1206

New Issue
Open
opened 2026-04-24 23:35:48 +02:00 by adam · 6 comments
adam commented 2026-04-24 23:35:48 +02:00
Owner
Copy Link
Copy Source

Originally created by @cyndane31 on GitHub (Jun 23, 2023).

Describe the feature/enhancement

It would be very beneficial when using a merged (ebook+abook) library to have a simple icon/indicator for whether a book has an ebook available, audio available, or both. Right now, when viewing a merged library, there is intuitive way for users to know what formats are available without clicking into the book itself. This unfortunately has led to a very low WAF (Wife Approval Factor) and I'm currently keeping my libraries separate for the time being due to this.

Additional filters related to the above for Audio available, Ebook available, both available, Audio only, Ebook only, etc would also be beneficial I think.

Originally created by @cyndane31 on GitHub (Jun 23, 2023). ### Describe the feature/enhancement It would be very beneficial when using a merged (ebook+abook) library to have a simple icon/indicator for whether a book has an ebook available, audio available, or both. Right now, when viewing a merged library, there is intuitive way for users to know what formats are available without clicking into the book itself. This unfortunately has led to a very low WAF (Wife Approval Factor) and I'm currently keeping my libraries separate for the time being due to this. Additional filters related to the above for Audio available, Ebook available, both available, Audio only, Ebook only, etc would also be beneficial I think.
adam added the enhancement label 2026-04-24 23:35:48 +02:00
adam commented 2026-04-24 23:35:49 +02:00
Author
Owner
Copy Link
Copy Source

@fivestones commented on GitHub (Oct 6, 2023):

I second this. I think it would be easy to just overlay the book cover with a small headphones icon or book icon or both.

The filters are important too. Right now if I tag a book as audiobook or ebook you can get some of this functionality by filtering by tags, but I think this should be easier and automatic--audiobookshelf already knows which books are audiobooks and which are ebooks, so it would be great if that could be exposed in the filtering process.

@fivestones commented on GitHub (Oct 6, 2023): I second this. I think it would be easy to just overlay the book cover with a small headphones icon or book icon or both. The filters are important too. Right now if I tag a book as audiobook or ebook you can get some of this functionality by filtering by tags, but I think this should be easier and automatic--audiobookshelf already knows which books are audiobooks and which are ebooks, so it would be great if that could be exposed in the filtering process.
adam commented 2026-04-24 23:35:50 +02:00
Author
Owner
Copy Link
Copy Source

@nichwall commented on GitHub (Oct 6, 2023):

Related filters issue
https://github.com/advplyr/audiobookshelf/issues/1889

Relevant format issue (fixed) https://github.com/advplyr/audiobookshelf/issues/2126

@nichwall commented on GitHub (Oct 6, 2023): Related filters issue https://github.com/advplyr/audiobookshelf/issues/1889 Relevant format issue (fixed) https://github.com/advplyr/audiobookshelf/issues/2126
adam commented 2026-04-24 23:35:50 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Oct 6, 2023):

Currently if you hover over the cover it will show the format in the bottom left
image

One issue with putting things over the cover art is that many users won't want it there so then we have to add another library setting. I agree this can be useful to have

@advplyr commented on GitHub (Oct 6, 2023): Currently if you hover over the cover it will show the format in the bottom left ![image](https://github.com/advplyr/audiobookshelf/assets/67830747/2d39fa3b-29ef-4730-a712-9585abcc18ed) One issue with putting things over the cover art is that many users won't want it there so then we have to add another library setting. I agree this can be useful to have
adam commented 2026-04-24 23:35:51 +02:00
Author
Owner
Copy Link
Copy Source

@fivestones commented on GitHub (Oct 8, 2023):

One thing that could be a different way of being able to tell visually and easily if it's an audiobook or ebook is to use square covers for audiobooks, and rectangular ones for ebooks.

Of course there are cases where this wouldn't help (ebooks with square covers/physical books that are square), and when you have both the ebook and the audiobook it might be confusing.

But none the less, this is a feature I'd like to have. It would be nice to just show the cover, whatever its dimensions, as is (instead of adding bars on the sides or on the top bottom when it's not square to fill out the space of the square). At least as an option.

@fivestones commented on GitHub (Oct 8, 2023): One thing that could be a different way of being able to tell visually and easily if it's an audiobook or ebook is to use square covers for audiobooks, and rectangular ones for ebooks. Of course there are cases where this wouldn't help (ebooks with square covers/physical books that are square), and when you have both the ebook and the audiobook it might be confusing. But none the less, this is a feature I'd like to have. It would be nice to just show the cover, whatever its dimensions, as is (instead of adding bars on the sides or on the top bottom when it's not square to fill out the space of the square). At least as an option.
adam commented 2026-04-24 23:35:51 +02:00
Author
Owner
Copy Link
Copy Source

@nichwall commented on GitHub (Oct 8, 2023):

One thing that could be a different way of being able to tell visually and easily if it's an audiobook or ebook is to use square covers for audiobooks, and rectangular ones for ebooks.

This is how I do it. If I have the audiobook, it gets a square cover (regardless of ebook because my users care more about the audiobook and the ebook is already shown in the corner). If I only have the ebook, I make sure to use a rectangular cover (so there are the faded out bars on the side).

If icons are added, I think the disable icon would probably need to be a user setting instead of a library setting (I would disable it but some of my users might keep it). Adding the filters would also help.

It would be nice to just show the cover, whatever its dimensions, as is (instead of adding bars on the sides or on the top bottom when it's not square to fill out the space of the square). At least as an option.

Currently, changing the dimensions for the individual items wouldn't work as is, since the grid is rapidly rendered with placeholder spots of the correct size, and then filled in as the cover images are returned by the server.

@nichwall commented on GitHub (Oct 8, 2023): > One thing that could be a different way of being able to tell visually and easily if it's an audiobook or ebook is to use square covers for audiobooks, and rectangular ones for ebooks. This is how I do it. If I have the audiobook, it gets a square cover (regardless of ebook because my users care more about the audiobook and the ebook is already shown in the corner). If I only have the ebook, I make sure to use a rectangular cover (so there are the faded out bars on the side). If icons are added, I think the disable icon would probably need to be a user setting instead of a library setting (I would disable it but some of my users might keep it). Adding the filters would also help. > It would be nice to just show the cover, whatever its dimensions, as is (instead of adding bars on the sides or on the top bottom when it's not square to fill out the space of the square). At least as an option. Currently, changing the dimensions for the individual items wouldn't work as is, since the grid is rapidly rendered with placeholder spots of the correct size, and then filled in as the cover images are returned by the server.
adam commented 2026-04-24 23:35:52 +02:00
Author
Owner
Copy Link
Copy Source

@fivestones commented on GitHub (Oct 9, 2023):

I think the thumbnails use webp format, right? Could we use transparent pixels on the sides of portrait/rectangular books? And then you would see whatever is behind the thumbnail instead of the borders bars. I also have a few books with covers wider than they are tall, and right now they look especially strange because they have bars on the top and bottom. I guess transparent pixels for them would make them look even more like they are floating in the library view, but I think I'd rather have that then the colored bars on the top and bottom (or left and right) for non-square book covers.

@fivestones commented on GitHub (Oct 9, 2023): I think the thumbnails use webp format, right? Could we use transparent pixels on the sides of portrait/rectangular books? And then you would see whatever is behind the thumbnail instead of the borders bars. I also have a few books with covers wider than they are tall, and right now they look especially strange because they have bars on the top and bottom. I guess transparent pixels for them would make them look even more like they are floating in the library view, but I think I'd rather have that then the colored bars on the top and bottom (or left and right) for non-square book covers.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label enhancement
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#1206
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?