Announce: Material Skin

[staresy]

Correct. This menu is drawn by the browser, and I know of no (simple) way to recolour neither the menu or the selection from this. If someone knows how to do this I'd gladly update the code.

Ah, not as easy as I thought, fair enough, keep up the good work.

[brann]

Great skin, thanks! I didn't know it until today... It seems to work fine on all my phones/laptops/tablets.
However on my iPhone Xs, I have a small defect, maybe due to the iPhone itself! At the bottom of my iPhone screen there is a white bar (no button on this iPhone...) which hides a part of the menu.
Do not panic if no cure is possible, I am already very satisfied!

Screen shot below:

[carsten_h]

At the bottom of my iPhone screen there is a white bar (no button on this iPhone...) which hides a part of the menu.

This is normal. Look at some other apps. There you will see the same.

[cpd73]

However on my iPhone Xs, I have a small defect, maybe due to the iPhone itself! At the bottom of my iPhone screen there is a white bar (no button on this iPhone...) which hides a part of the menu.

I could never determine ho to reliably check for this, hence I added a workaround. Pass "?ios" in the URL. e.g. "http:// SERVER:9000/material/?ios" (note the trailing slash). When this is passed Material will add 12px to the bottom - moving the labels above the bar.

[edwin2006]

Perhaps duplicatie question.
Is there somewhere a lineup/overview of all the "hidden" options in material? Something like add this to url or press long on that.

[carsten_h]

I could never determine ho to reliably check for this, hence I added a workaround.

Forget my last message. Your workaround is working well here (iPhone 11, iOS 14.5):

[brann]

This is normal. Look at some other apps. There you will see the same.

I tried many apps and none of them use the bottom of the screen, at least when there is some text. Material Skin is probably a little too greedy, or myself too demanding...

[brann]

I could never determine ho to reliably check for this, hence I added a workaround. Pass "?ios" in the URL. e.g. "http:// SERVER:9000/material/?ios" (note the trailing slash). When this is passed Material will add 12px to the bottom - moving the labels above the bar.

Hi cpd73 and many thanks for your work! Of course all improvements are welcome. In any case I am happy with Material Skin.

[cpd73]

Perhaps duplicatie question.
Is there somewhere a lineup/overview of all the "hidden" options in material? Something like add this to url or press long on that.

The nearest would be the user documentation (but this is very out of date) accessible via Material's 'Information' dialog, and https://github.com/CDrummond/lms-mat...ed-Information

[cpd73]

I tried many apps and none of them use the bottom of the screen, at least when there is some text. Material Skin is probably a little too greedy, or myself too demanding...

Material is not a regular app, its a web-page. So, in this instance it is Safari that is drawing content where this gesture navigation bar is. I have gesture navigation enabled on my Android handset and do not have this issue with Chrome nor the Material APK. Safari should not be drawing a web page there. Perhaps there is a way for a web page to detect these areas, but as stated I tried and failed with this - hence the hacky work-around. If I could auto-detect iOS gesture navigation then I would auto-apply this work around. (Also, please note that I am not a web developer - this is by far the largest Javascript app/web-page that I have ever written, so I'm more than willing to accept there are probably silly mistakes...)

[carsten_h]

I tried many apps and none of them use the bottom of the screen, at least when there is some text. Material Skin is probably a little too greedy, or myself too demanding...

I wrote, that you can forget my message. It is correct here on my iOS/iPadOS devices!

[brann]

Material is not a regular app, its a web-page. So, in this instance it is Safari that is drawing content where this gesture navigation bar is. I have gesture navigation enabled on my Android handset and do not have this issue with Chrome nor the Material APK. Safari should not be drawing a web page there. Perhaps there is a way for a web page to detect these areas, but as stated I tried and failed with this - hence the hacky work-around. If I could auto-detect iOS gesture navigation then I would auto-apply this work around. (Also, please note that I am not a web developer - this is by far the largest Javascript app/web-page that I have ever written, so I'm more than willing to accept there are probably silly mistakes...)

Anyway congratulations!!! It really looks like an IOS app when adding a home screen Icon

[brann]

[QUOTE=carsten_h;1021122]Forget my last message. Your workaround is working well here (iPhone 11, iOS 14.5):

Perfect here too, many thanks!

[cpd73]

2.4.0 Release

Feature release, main changes:

1. Add categories when browsing into years. e.g. My Music / Years / 2021 / Genres / Hard Rock / Albums
2. Add basic 'swap' queue command. NOTE: This saves playlis of player A, copies B to A, then loads saved playlist into A.
3. Blur background images - requires browser supports backdrop-filter CSS.
4. Add support for 'single' URL query. When this is set, and a player name or id, is passed, then Material will only control this player and will ignore others.
5. Make 'Settings' menu entry open a sub-menu with specific settings.
6. Add 'Add to favourites' action to all dynamic playlists with a playlistid and that have a 'Play now' action.
7. Add back/title entry to sub-menus.
8. Add album list, and list of similar artists (from Last.fm) to MAI 'Artist' view.
9. Add track list to MAI 'Album' view.
10. List artist, albumartist, composer, conductor, band, year, genre, and tech info in MAI 'Track' view.
11. Add, server-side, option to hide volume controls for fixed volume players.
12. Highlight current list, or grid, item that is showing menu or which was clicked and has caused Material to fetch a new list of items.
13. Fix UTF-8 strings in podcast searches, by having LMS side decode XML/JSON.
14. Add setting to toggle alarm fade in.
15. Make artist, and album, details click-able links in now-playing.
16. Add sliders to server, etc, settings dialogs.
17. Add support for LMS 8.2 balanced shuffle setting.

[carsten_h]

Wow, this is a really great list!

Add support for 'single' URL query. When this is set, and a player name or id, is passed, then Material will only control this player and will ignore others.

This means that I can use a tablet with the Material skin app solely for one Player and it will not show other players? This is really great!