Announce: Material Skin

[cpd73]

So, should I add code in Matrial to ensure artist_id is in browsonlineartist requests, or is it up to LMS to add these in the SlimBrowse response (which would be consistent with other SlimBrowse calls)??

I'm fine with either, I just don't want to add work-arounds if not required - and i assume other clients, if not using persistent connections, would have similar issues.

I've raised Issue 806 on LMS's github page for this.

[MrC]

That's the time-slider tooltip, it should auto-hide but sometimes gets stuck on mobile. I think if you just touch somewhere on the position slider it should hide. For the next release I've added a 2 second timeout to force it to hide.

This is also something I've been meaning to ask about. Actually, the two upper panels can be pulled well above the player panel, and the timer progress moves upwards too. The upper panels + timer progress can remain in this odd state (with empty space above the player panel). I was going to ask if you'd like to see a screen video of this, but I'm presuming you're aware this can occur.

[cpd73]

This is also something I've been meaning to ask about. Actually, the two upper panels can be pulled well above the player panel, and the timer progress moves upwards too. The upper panels + timer progress can remain in this odd state (with empty space above the player panel). I was going to ask if you'd like to see a screen video of this, but I'm presuming you're aware this can occur.

Which two panels? Is this iOS specific? Tried on desktop browsers? If I was aware of any issues I'd try and fix them

[SamY]

I've raised Issue 806 on LMS's github page for this.

Thanks, Craig. Following...

[MrC]

Which two panels? Is this iOS specific? Tried on desktop browsers? If I was aware of any issues I'd try and fix them

This area:



Here's a link to a screen capture video:

https://www.dropbox.com/s/roufpz2354ei536/screenrecording.mp4?dl=0

It shows how dragging on some of the content region can leave what I've been calling the upper two panels in the incorrect location, and the track progress indicator floats along with the drag. The video begins at a point when the behavior can be most egregious.

And just now when I wake up my iPad, here's Material's screen:

[MrC]

It is easy to reproduce the issue when you pinch out to zoom - the content regions seem to repaint differently as the zooming occurs, and ultimately may end up as you see below.

[cpd73]

It is easy to reproduce the issue when you pinch out to zoom - the content regions seem to repaint differently as the zooming occurs, and ultimately may end up as you see below.

Can you try the following?

Edit MaterialSkin/HTML/material/html/css/style.min.css and replace the following string:

body{height:100%;margin:0;padding:0;background-color:var(--bottom-toolbar);}

with:

body{position:fixed;width:100vw;height:calc(var(--vh, 1vh)*100);margin:0;padding:0;background-color:var(--bottom-toolbar);touch-action:none;}

...as you are using a released version, the CSS files are "minified" - hence one big long string! But a simple search & replace of the above should suffice. After this you need to close the Material page, clear safari's cache (to force a full reload), and reload Material.

[allwi]

Hi,

I'm experiencing a strange behaviour which I believe is related to Material skin.
Some of my songs are shown with a 1/2 star rating although they are unrated as shown in the details:

I also checked the DB and the tracks don't show a rating entry in the tracks_persistent table.

I'm using
LMS
Version: 8.2.0 - 1627922070 @ Tue Aug 3 11:43:18 CEST 2021
Operating system: piCore - EN - utf8
Platform Architecture: armv7l-linux
Perl Version: 5.32.1 - arm-linux-gnueabihf-thread-multi-64int
Audio::Scan: 1.05
IO::Socket::SSL: 2.071
Database Version: DBD::SQLite 1.58 (sqlite 3.22.0)

Material Skin 2.10.2

Any ideas what going on?

[cpd73]

Some of my songs are shown with a 1/2 star rating although they are unrated as shown in the details

All I can say i suse Material's JSON/cometd debug (http: // SERVER:9000/material/?debug=json,cometd) to see what LMS is sending Material for this track. Material will only show the stars if LMS is providing a rating value.

[MrC]

Can you try the following?

Edit MaterialSkin/HTML/material/html/css/style.min.css and replace the following string:

That works a lot better. Nice.

Now the only thing that triggers odd size / positions is when pinch-zooming, but that's not unexpected, and doesn't seem like anything you should worry about.

Thanks.

[Blackfiction]

That's the time-slider tooltip, it should auto-hide but sometimes gets stuck on mobile. I think if you just touch somewhere on the position slider it should hide. For the next release I've added a 2 second timeout to force it to hide.

Thanks!

[skogen75]

Moving to Android...

Hi, been using Material skin on my iphone for a while now and it works great. Now, moving to Android (Samsung S22) and need a little help. Turns out that the Deezer plugin Search Music page has four fields that can have text entered...

Search for Artists
Search for Albums
Search for Tracks
Search for Playlists

I usually only want to search for artists (the first field) other fields are blank; turns out that the keyboard forces a Next button instead of a Go button. The Next button moves the cursor to the next input field and doesn't search, so I hit Next a couple more times and at the Playlists field the Go button appears, but it will not search the blank Playlists field. So, even though I have entered an artist to search above, it will not work.

From what I read this is intended newish behavior of browsers on mobile. I'm wondering if there is a solution within the Material Skin. Maybe a Search button on the web form itself that searches the populated fields or a search button on each of the fields? Ahhh, the joys of switching platforms...Thanks for any help!!

[allwi]

All I can say i suse Material's JSON/cometd debug (http: // SERVER:9000/material/?debug=json,cometd) to see what LMS is sending Material for this track. Material will only show the stars if LMS is providing a rating value.

Thanks, I had a look at the messages from LMS and saw that almost all of the suspicious tracks had a rating between 1 and 5 and not - as I would expect - between 10 (1/2 star) and 100 (5 stars).
Not sure what messed this up ...
So all good


I didn't had the chance to write this so far: Material skin is awesome!!!
When I was looking for a distributed music system, initially I didn't consider LMS because I disliked the interface.
Only when I saw a screenshot of LMS with Material skin, I was happy to give it a try.
Thanks very much for your incredible work on this!


One additional question/feature request: When you select an album of an artist, the list show all songs of that album with the rating.
However, if you select the menu item 'All Songs' of an artist, the rating is not shown (see below).

Is it possible to show the rating also for all songs ... and maybe even to sort the different song lists by rating?

[cpd73]

to search for artists (the first field) other fields are blank; turns out that the keyboard forces a Next button instead of a Go button. The Next button moves the cursor to the next input field and doesn't search, so I hit Next a couple more times and at the Playlists field the Go button appears, but it will not search the blank Playlists field. So, even though I have entered an artist to search above, it will not work.

After entering some text in a field, there should be a magnifiying glass icon on the far-right - touching that will start a search.

[cpd73]

That works a lot better. Nice.

Now the only thing that triggers odd size / positions is when pinch-zooming, but that's not unexpected, and doesn't seem like anything you should worry about.

Thanks.

Thanks for the confirmation, I'll add to the next release and see if I can do anything about pinch to zoom. Must admit I've never understood why mobile browsers cannot zoom like desktop browsers...