Home of the Squeezebox™ & Transporter® network music players.
Results 1 to 7 of 7

Thread: Status skin

  1. #1
    jvromans@squirrel.nl
    Guest

    Status skin

    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

  2. #2
    Senior Member Apesbrain's Avatar
    Join Date
    Jun 2005
    Location
    East Coast, USA
    Posts
    1,646

  3. #3
    Senior Member
    Join Date
    Aug 2009
    Posts
    421
    Also, have a look at Material Skin. It has a "now-playing" mode.

    Name:  dsc_0026.jpg
Views: 157
Size:  92.2 KB

  4. #4
    jvromans@squirrel.nl
    Guest

    Status skin

    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

  5. #5
    Senior Member
    Join Date
    Mar 2017
    Posts
    2,639
    Quote Originally Posted by jvromans@squirrel.nl View Post
    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:

    Code:
    .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:

    Name:  Screenshot from 2020-10-31 07-26-39.jpg
Views: 95
Size:  72.0 KB
    Last edited by cpd73; 2020-10-31 at 00:27.
    Material debug: 1. Launch via http: //SERVER:9000/material/?debug=json (Use http: //SERVER:9000/material/?debug=json,cometd to also see update messages, e.g. play queue) 2. Open browser's developer tools 3. Open console tab in developer tools 4. REQ/RESP messages sent to/from LMS will be logged here.

  6. #6
    jvromans@squirrel.nl
    Guest

    Status skin

    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

  7. #7
    jvromans@squirrel.nl
    Guest

    Status skin

    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


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •