Status skin

[jvromans@squirrel.nl]

Hi,

Does anyone know of (or have) a skin (or or other way) to just display
what the client is doing, i.e. a kind of 'now playing' screen without
controls. The idea is to show this on a small screen (e.g. an old
smartphone) as a fancy replacement for the Squeezebox 2 display.

-- Johan

[Apesbrain]

Some ideas here:
https://forums.slimdevices.com/showt...-quot-Display/

[alfista]

Also, have a look at Material Skin. It has a "now-playing" mode.

[jvromans@squirrel.nl]

On Fri, 30 Oct 2020 12:21:01 +0000, alfista
<alfista.9rk3en (AT) no-mx (DOT) forums.slimdevices.com> wrote:

> Also, have a look at 'Material Skin'
> It has a "now-playing" mode.

Yes, material is one of my favourites already.
However, its 'now-playing' mode still has controls.

> http://forums.slimdevices.com/attach...chmentid=32003

Yes, that's more like what I'm looking for... How did you achieve this?

-- Johan

[cpd73]

On Fri, 30 Oct 2020 12:21:01 +0000, alfista
<alfista.9rk3en (AT) no-mx (DOT) forums.slimdevices.com> wrote:

> Also, have a look at 'Material Skin'
> It has a "now-playing" mode.

Yes, material is one of my favourites already.
However, its 'now-playing' mode still has controls.

Not sure Material is best suited for this, but you can apply some custom CSS to material to hide its elements. (NOTE: Custom css loading seems to be broken n 2.0.0, will fix in 2.0.1). If you create "material-skin/css/np.css" within your server's "prefs" folder, with the following:

.lms-toolbar{display:none!important;}
:root{--main-toolbar-height:0px!important;}
.np-playback-buttons button{visibility:hidden!important;height:32px!important}
.np-controls-wide div:nth-child(3), .np-controls-wide div:nth-child(4), .np-controls-wide div:nth-child(5) {visibility:hidden!important;height:32px!important}
.np-controls div:nth-child(4), .np-controls div:nth-child(5), .np-controls div:nth-child(6), .np-controls div:nth-child(7) {display:none;}

...and then use "http:// SERVER:9000/material/now-playing?css=np" as the URL, you will get Material's now-playing screen with no controls. (But wait for 2.0.1 to test...)

[Edit] Scrreenshot of 2.0.1 with above CSS:

[jvromans@squirrel.nl]

On Fri, 30 Oct 2020 18:09:33 +0000, cpd73
<cpd73.9rkjio (AT) no-mx (DOT) forums.slimdevices.com> wrote:

> If you create "material-skin/css/np.css" *within* your server's "prefs"
> folder, with the following:

Cute. Very cute!

-- Johan

[jvromans@squirrel.nl]

Hi,

After some experimenting with the ideas raised here, I decided to take a
different route.

I created a simple (single page) web app that I host on one of my (local)
servers. The app queries LMS for info and displays a page as can be seen
here: https://www.squirrel.nl/pub/xfer/upl...6Jv5DqLj6w.jpg.
(The information "2.1 kW (2.2 kWh)" is the current output of my solar
panels).

If the player is not playing (paused, or stopped), the app becomes a
picture frame and displays a nice family picture (randomly chosen from a
series of pictures) instead. Every hour a new picture is chosen.
https://www.squirrel.nl/pub/xfer/upl...HjLJpc4_hg.jpg

The app are three files: html, js and css. Let me know if you are
interested and I'll send you a copy. Note that it will require some
tweaking for your situation. The javascript is a bit old-fashioned since
the app runs mainly on an old iPad with not up-to-date javascript
capabilities.

-- Johan