Announcement

Collapse
No announcement yet.

Announce: Material Skin

Collapse
X
 
  • Time
  • Show
Clear All
new posts

  • Is there a way to omit cover art (or the cover art placeholder) in the Expanded Now Playing view? What I want is just the track-info text, bigger, ideally filling the space available.

    Comment


    • Originally posted by whitman
      Is there a way to omit cover art (or the cover art placeholder) in the Expanded Now Playing view? What I want is just the track-info text, bigger, ideally filling the space available.
      No, not without writing some css
      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.

      Comment


      • OK, cpd. I guess "css" is some sort of coding, and so I assume it's not going to happen if only one user wants it!

        Comment


        • Originally posted by whitman
          What I want is just the track-info text, bigger, ideally filling the space available.
          Originally posted by whitman
          OK, cpd. I guess "css" is some sort of coding, and so I assume it's not going to happen if only one user wants it!
          For which end device should the change be?
          Do you have access to the "prefs/plugin" folder in the LMS install location?
          Are you using portrait- or landscape-mode?
          LMS 8.4 on MacBookPro | 1x Raspberry Pi Zero 2 W + moOde 7 UPnP as USB-Player + TEAC UD-501 USB-DAC + Phonitor Mini Headphone Amplifier + AKG K812 Headphones | 5x Squeezbox Radio (Red, White, Black) | 1x Raspbery Pi4 + Allo Boss 2 + Arcam FMJ A22+P25 BiAmping + B&W Nautilus 805

          Comment


          • Originally posted by tfec
            For which end device should the change be?
            Do you have access to the "prefs/plugin" folder in the LMS install location?
            Are you using portrait- or landscape-mode?
            The end device is an iPad, I have access to the LMS install location, though I'm not sure what you mean by the 'prefs/plugin' folder, and I would be using the iPad in landscape mode.

            Comment


            • Originally posted by whitman
              The end device is an iPad, I have access to the LMS install location, though I'm not sure what you mean by the 'prefs/plugin' folder, and I would be using the iPad in landscape mode.
              OK. cpd73 has made a way to inject personal CSS into his Material Skin:
              Originally posted by cpd73
              What I propose is to allow reading of custom CSS files from within the "prefs/plugin" folder in the LMS install location. e.g. "prefs/plugin/material-skin.desktop.css", "prefs/plugin/material-skin.mini.css", "prefs/plugin/material-skin.mobile.css", and "prefs/plugin/material-skin.now-playing.css" - this allows separate modifications for all 4 main HTML files. These should persist across Material updates.
              Please find or make the file prefs/plugin/material-skin.now-playing.css and put the following lines at the end of that file:
              Code:
              img[lazy='loaded'].np-image-desktop, img[lazy='loaded'].np-image-landscape, img[lazy='loaded'].np-image {display: none;}
              .np-details-landscape {width: 100vw;}
              .np-controls-wide {width: calc(100vw - 16px);}
              .np-portrait-song-info {height: auto; top: (var(--main-toolbar-height));}
              If this doesn't work, try it with the file prefs/plugin/material-skin.desktop.css or one of the other files mentioned by cpd73
              Last edited by tfec; 2021-08-02, 22:57. Reason: possible problem
              LMS 8.4 on MacBookPro | 1x Raspberry Pi Zero 2 W + moOde 7 UPnP as USB-Player + TEAC UD-501 USB-DAC + Phonitor Mini Headphone Amplifier + AKG K812 Headphones | 5x Squeezbox Radio (Red, White, Black) | 1x Raspbery Pi4 + Allo Boss 2 + Arcam FMJ A22+P25 BiAmping + B&W Nautilus 805

              Comment


              • I have a query about the now playing display.

                Most Audiobook / podcast players show specialised rewind/advance buttons (30 secs.).

                Would it be possible to use this convention on the now playing screen? Maybe detecting that an mp3 file is an Audiobook from the genre tag?

                Just a suggestion....
                Thanks.
                ------------------------------------------------------------------------------------

                Comment


                • Originally posted by tfec
                  OK. cpd73 has made a way to inject personal CSS into his Material Skin:

                  Please find or make the file prefs/plugin/material-skin.now-playing.css and put the following lines at the end of that file:
                  Code:
                  img[lazy='loaded'].np-image-desktop, img[lazy='loaded'].np-image-landscape, img[lazy='loaded'].np-image {display: none;}
                  .np-details-landscape {width: 100vw;}
                  .np-controls-wide {width: calc(100vw - 16px);}
                  .np-portrait-song-info {height: auto; top: (var(--main-toolbar-height));}
                  If this doesn't work, try it with the file prefs/plugin/material-skin.desktop.css or one of the other files mentioned by cpd73
                  Tfec, I've looked in all the obvious Squeezebox cache, prefs, and plugin folders on my host Mac, and I can't see any Material Skin .css files. In fact the only MS file I can see in those folders is one called material-skin.prefs, which is a text file beginning "_ts_artistFirst: 1612439599 ... ".

                  Comment


                  • You can configure the back and forward buttons for all audio using hard press. You need to go to Interface Settings and scroll down to the Now Playing section. You can select either 5, 10, 15 or 30 seconds intervals.

                    Steve


                    Originally posted by castalla
                    I have a query about the now playing display.

                    Most Audiobook / podcast players show specialised rewind/advance buttons (30 secs.).

                    Would it be possible to use this convention on the now playing screen? Maybe detecting that an mp3 file is an Audiobook from the genre tag?

                    Just a suggestion....
                    Thanks.

                    Comment


                    • Originally posted by Shozzer
                      You can configure the back and forward buttons for all audio using hard press. You need to go to Interface Settings and scroll down to the Now Playing section. You can select either 5, 10, 15 or 30 seconds intervals.

                      Steve
                      Thanks.
                      ------------------------------------------------------------------------------------

                      Comment


                      • Although I don’t have any real use for it I thought I’d give the new Download feature a try on my iPhone.

                        It works in part.

                        I can download a single track but the screen is then stuck on a page that shows the download. I have to close and reopen Material to clear it.

                        I can’t download a whole album though. I get prompted asking whether I want to download X tracks but only one downloads and again Material gets stuck on screen that shows the one successful download.

                        I downloaded to a Foobar2000 folder and the tracks do appear and play within Foobar2000.

                        I’m just reporting this for others sake. I’m not bothered at all.
                        Jim



                        VB2.4 storage QNAP TS419p (NFS)
                        Living Room Joggler & Pi4/Khadas -> Onkyo TXNR686 -> Celestion F20s
                        Office Joggler & Pi3 -> Denon RCD N8 -> Celestion F10s
                        Dining Room SB Radio
                        Bedroom (Bedside) Pi Zero+DAC ->ToppingTP21 ->AKG Headphones
                        Bedroom (TV) & Bathroom SB Touch ->Denon AVR ->Mordaunt Short M10s + Kef ceiling speakers
                        Guest Room Joggler > Topping Amp -> Wharfedale Modus Cubes

                        Comment


                        • Originally posted by d6jg
                          I can download a single track but the screen is then stuck on a page that shows the download.
                          What page is that? AFAIK, the browser should prompt the user to confirm if they want to download, but Material's view should not change.

                          Anyhow, I should probably just disable this for iOS.
                          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.

                          Comment


                          • Originally posted by cpd73
                            What page is that? AFAIK, the browser should prompt the user to confirm if they want to download, but Material's view should not change.

                            Anyhow, I should probably just disable this for iOS.
                            I’ll post a screenshot tomorrow.
                            Jim



                            VB2.4 storage QNAP TS419p (NFS)
                            Living Room Joggler & Pi4/Khadas -> Onkyo TXNR686 -> Celestion F20s
                            Office Joggler & Pi3 -> Denon RCD N8 -> Celestion F10s
                            Dining Room SB Radio
                            Bedroom (Bedside) Pi Zero+DAC ->ToppingTP21 ->AKG Headphones
                            Bedroom (TV) & Bathroom SB Touch ->Denon AVR ->Mordaunt Short M10s + Kef ceiling speakers
                            Guest Room Joggler > Topping Amp -> Wharfedale Modus Cubes

                            Comment


                            • Here is the screenshot

                              This is after Yes to downloading all tracks from album.

                              As you can see it refers to "FLAC Player" but after uninstalling that it refers to VLC instead so seems it just picks up a compatible player app on iPhone.

                              I click More and then navigate to Foobar 2000 folder. It downloads the ONE track but stays on this screen.

                              Material must be closed and reopened to free it up.




                              Sent from my iPhone using Tapatalk
                              Last edited by d6jg; 2021-08-06, 14:52.
                              Jim



                              VB2.4 storage QNAP TS419p (NFS)
                              Living Room Joggler & Pi4/Khadas -> Onkyo TXNR686 -> Celestion F20s
                              Office Joggler & Pi3 -> Denon RCD N8 -> Celestion F10s
                              Dining Room SB Radio
                              Bedroom (Bedside) Pi Zero+DAC ->ToppingTP21 ->AKG Headphones
                              Bedroom (TV) & Bathroom SB Touch ->Denon AVR ->Mordaunt Short M10s + Kef ceiling speakers
                              Guest Room Joggler > Topping Amp -> Wharfedale Modus Cubes

                              Comment


                              • Originally posted by d6jg
                                As you can see it refers to "FLAC Player" but after uninstalling that it refers to VLC instead so seems it just picks up a compatible player app on iPhone.

                                I click More and then navigate to Foobar 2000 folder. It downloads the ONE track but stays on this screen.

                                Material must be closed and reopened to free it up.
                                Wow, that's pretty bad. However, I've disabled download on ios for next release.
                                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.

                                Comment

                                Working...
                                X
                                😀
                                🥰
                                🤢
                                😎
                                😡
                                👍
                                👎