starred/audiobookshelf

Fork 0

mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-03-02 22:46:56 -05:00

[Enhancement]: Book Format Icons and Filters #1215

New issue

Open

opened 2026-02-20 01:16:27 -05:00 by deekerman · 6 comments

deekerman commented

2026-02-20 01:16:27 -05:00

Owner

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.

deekerman added the

enhancement

label

2026-02-20 01:16:27 -05:00

deekerman commented

2026-02-20 01:16:27 -05:00

Author

Owner

@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.

deekerman commented

2026-02-20 01:16:28 -05:00

Author

Owner

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

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

deekerman commented

2026-02-20 01:16:28 -05:00

Author

Owner

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

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

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

deekerman commented

2026-02-20 01:16:28 -05:00

Author

Owner

@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.

deekerman commented

2026-02-20 01:16:28 -05:00

Author

Owner

@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.

deekerman commented

2026-02-20 01:16:28 -05:00

Author

Owner

@fivestones commented on GitHub (Oct 8, 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 8, 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.

deekerman referenced this issue

2026-02-20 02:02:19 -05:00

[Enhancement]: Advanced search #1516