search

advplyr / audiobookshelf-app

Mobile application for Audiobookshelf
https://audiobookshelf.org
GNU General Public License v3.0
1.18k stars 164 forks source link

[Enhancement]: Car mode #1260

Open gavinorland opened 2 months ago

gavinorland commented 2 months ago

Describe the Feature/Enhancement

Apps such as Audible and Podcast Republic have player screens very similar to that of Audiobookshelf, but they also include a view called "Car Mode". This is not to do with Android Auto but just removes "clutter" and puts the essential playback controls large and central.

Why would this be helpful?

This could be useful for ABS as well for cases when we just want to be able to easily access only the essential controls.

Future Implementation (Screenshot)

Audible Standard Audible Car Mode

Audiobookshelf App Version

Android App - 0.9.74

Current Implementation (Screenshot)

ABS Standard

nichwall commented 2 months ago

Does the "lock player" mode simplify it enough? You can access this from the drop-down menu in the upper right.

Screenshot_20240717-095938.png

gavinorland commented 2 months ago

Thanks for the suggestion but no, this is not really the same thing. I'm suggesting the equivalent of the feature offered by the two apps mentioned. "Lock player" just seems to hide the next/prev and fwd/rewind buttons (I actually thought it would instead lock the entire player UI - viz. the play/pause button as well).

With Lock Player, the play/pause button remains the same size, as does the cover. With the "Car mode" functionality, that button is made much bigger and more central (in fact the whole top 70% of the screen is clickable for play/pause), and the cover art is reduced in size. You see also that only the key "rewind" and "bookmark" buttons accompany it. (A landscape layout is made available as well.)

nichwall commented 2 months ago

Thanks for clarifying. And this is manually activated/deactivated (not detected automatically somehow)? Is the"X" in the upper left of the provided screenshot to leave car mode or is it to close the player?

gavinorland commented 2 months ago

No problem. It is manually activated via the button we see in the first screenshot and the X deactivates it and returns to the standard UI.

I might be able to help implement some of these things some time btw - I'm a React developer - will just need to famiarise myself with the codebase and differences between it and Vue...

nichwall commented 2 months ago

I might be able to help implement some of these things some time btw - I'm a React developer - will just need to famiarise myself with the codebase and differences between it and Vue...

For reference, the Vue template for the media player is located here (if/when you get time to play with it)

https://github.com/advplyr/audiobookshelf-app/blob/master/components%2Fapp%2FAudioPlayer.vue

drtenant commented 1 month ago

I would LOVE this feature I was just trying to figure out a way to do android auto car mode without a car unfortunately not possibly. It's really hard to hit the buttons especially at night easier to see and use. Also would be much easier to pause while driving cuz my car doesn't have android auto sadly

hesperaux commented 1 week ago

+1 for this feature. I've got an 82-year old with very poor vision who is not very good with touch screens. He is able to do it if the buttons are very large and there are very few of them. We want to make it possible for him to use other audio book services (he uses the Audible app right now and the BARD app). Car mode would help a lot for this.