Announcement

Collapse
No announcement yet.

Announce: Material Skin

Collapse
X
 
  • Time
  • Show
Clear All
new posts

  • Originally posted by rlem

    Hmmm... I definitely have 3.3.2 installed, but now I cannot toggle the alarms anymore
    Try clicking on the text, not the checkbox. Why they are behaving differently I do not know - from my code wise they are the same! Will fix for next release though.
    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

      Try clicking on the text, not the checkbox. Why they are behaving differently I do not know - from my code wise they are the same! Will fix for next release though.
      Am missing something? Clicking anywhere on the line between the text and the checkbox (including both) works for me.
      Living Room: Touch or Squeezelite (Pi3B) > Topping E30 > Audiolab 8000A > Monitor Audio S5 + BK200-XLS DF
      Bedroom: Radio
      Bathroom: Radio

      Comment


      • Originally posted by cpd73

        Try clicking on the text, not the checkbox. Why they are behaving differently I do not know - from my code wise they are the same! Will fix for next release though.
        Hmm when I said toggling alarms worked for me it doesn't. It looks like it does but when I re-enter player settings I see the enabled alarm change back to disabled before my eyes. My alarm also failed to go off this morning.

        Edit. OK clicking the text does indeed work even though everything looks exactly the same.
        Last edited by slartibartfast; 2023-06-08, 11:10.
        Living Room: Touch or Squeezelite (Pi3B) > Topping E30 > Audiolab 8000A > Monitor Audio S5 + BK200-XLS DF
        Bedroom: Radio
        Bathroom: Radio

        Comment


        • Originally posted by cpd73

          Try clicking on the text, not the checkbox. Why they are behaving differently I do not know - from my code wise they are the same! Will fix for next release though.
          How strange indeed, but thanks so much for the workaround!
          1x Classic / 2x Radio / 2x Receiver / 1x DAC32 / LMS 8.3.0 - 1630708871 on Docker / Ubuntu 18.04 LTS
          http://www.last.fm/user/rndr

          Comment


          • Is it possible to not use the material skin screensaver and use an external one like SuperDateTime screensaver?
            If yes, how? Actually i have the SDT screensaver installed and active, but enabling the material skin one, it works, disabling it i have NO screensaver active...
            Last edited by maurizio53; 2023-06-10, 14:30.

            Comment


            • Originally posted by maurizio53
              Is it possible to not use the material skin screensaver and use an external one like SuperDateTime screensaver?
              If yes, how? Actually i have the SDT screensaver installed and active, but enabling the material skin one, it works, disabling it i have NO screensaver active...
              Sorry, but these are completely separate. Material's screensaver is just some Javascript that blanks out the webpage. SDT is, AFAIK, for a hardware/Squeezeplay device.
              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

                Sorry, but these are completely separate. Material's screensaver is just some Javascript that blanks out the webpage. SDT is, AFAIK, for a hardware/Squeezeplay device.
                So it means i can use SDT on a raspberry touchscreen?

                Comment


                • Originally posted by maurizio53

                  So it means i can use SDT on a raspberry touchscreen?
                  No idea. But that has nothing to do with material skin. You should ask in a more appropriate thread.
                  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


                  • Question about Material Interface Color Selection

                    Craig, this is something you may have already considered, but I was wondering if in addition to the 18 colors in the Color palette, an option to use the average color of the album artwork being displayed could be used?

                    I attached a sample of the mobile layout as a rough idea; however, this uploaded screenshot doesn't look quite as good as it did on my phone!

                    Click image for larger version  Name:	20230610_105251959.jpg Views:	0 Size:	205.5 KB ID:	1640996
                    Living Room: SB Touch + DIY PSU > CI Audio VDA.2 DAC + VAC.1 PSU > VRX.1 cables > Emotiva XSP-1 Gen 2 preamp + XPA-DR2 amp > Blue Jeans cables > B&W 804 speakers
                    Laptop: System76 Galago + Ubuntu 18.04 + Squeezelite + Epiphany/Material Skin > Emotiva Little Ego DAC > Grado PS500 headphones
                    Bedroom: RPi Zero W + Squeezelite > miniBOSS DAC HAT > Bose SoundLink Revolve
                    Phone: Pixel 6a + Termux/Squeezelite + Material APK > Senn IE80 earbuds
                    Server: System76 Meerkat + Pop!_OS 22.04 + LMS 8.4

                    Comment


                    • Originally posted by Ron F.
                      Question about Material Interface Color Selection

                      Craig, this is something you may have already considered, but I was wondering if in addition to the 18 colors in the Color palette, an option to use the average color of the album artwork being displayed could be used?
                      What you're requesting is refered to as "Dynamic colour" in UI design. Another music player application that I happen to use, Symfonium to be exact, supports it on its Now Playing display. I'll post several examples below:

                      Click image for larger version  Name:	Screenshot_2023-06-11-11-44-23-774_app.symfonik.music.player.jpg Views:	0 Size:	576.3 KB ID:	1640999
                      Click image for larger version  Name:	Screenshot_2023-06-11-11-44-11-614_app.symfonik.music.player.jpg Views:	0 Size:	434.2 KB ID:	1641000
                      Click image for larger version  Name:	Screenshot_2023-06-11-11-43-58-408_app.symfonik.music.player.jpg Views:	0 Size:	493.5 KB ID:	1641001

                      I could set the background colour as Dynamic as well, but I find it to be visually overpowering.

                      Below are the selections that Symfonium presents for the Background colour of its Now Playing display:

                      Click image for larger version  Name:	Screenshot_2023-06-11-11-50-31-001_app.symfonik.music.player.jpg Views:	0 Size:	279.5 KB ID:	1641002

                      All the best... 😎
                      Some friends, associates and I run a Facebook group dedicated to music streaming technologies and you're all welcome to join us:

                      https://facebook.com/groups/hifiaudiostreaming/

                      Comment


                      • Originally posted by Ron F.
                        Question about Material Interface Color Selectionif in addition to the 18 colors in the Color palette, an option to use the average color of the album artwork being displayed could be used?
                        Initial implementation in the 3.4 branch Was much easier than I thought this would be - as I found a library to calculate the colour to use. To enable this option select the gradient coloured option in Material's colour chooser.
                        Last edited by cpd73; 2023-06-11, 11:43.
                        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

                          Initial implementation in the 3.4 branch Was much easier than I thought this would be - as I found a library to calculate the colour to use. To enable this option select the gradient coloured option in Material's colour chooser.
                          Thank you Craig! I pulled branch 3.4. Material Skin in Firefox on my laptop running Ubuntu Linux, I have a nice pink color that has no relation to the artwork. Actually, oddly enough, I do like this color(!), but it is not correct. I am getting similarly strange results on my Pixel 6a using the APK.
                          Living Room: SB Touch + DIY PSU > CI Audio VDA.2 DAC + VAC.1 PSU > VRX.1 cables > Emotiva XSP-1 Gen 2 preamp + XPA-DR2 amp > Blue Jeans cables > B&W 804 speakers
                          Laptop: System76 Galago + Ubuntu 18.04 + Squeezelite + Epiphany/Material Skin > Emotiva Little Ego DAC > Grado PS500 headphones
                          Bedroom: RPi Zero W + Squeezelite > miniBOSS DAC HAT > Bose SoundLink Revolve
                          Phone: Pixel 6a + Termux/Squeezelite + Material APK > Senn IE80 earbuds
                          Server: System76 Meerkat + Pop!_OS 22.04 + LMS 8.4

                          Comment


                          • Originally posted by Ron F.

                            Thank you Craig! I pulled branch 3.4. Material Skin in Firefox on my laptop running Ubuntu Linux, I have a nice pink color that has no relation to the artwork. Actually, oddly enough, I do like this color(!), but it is not correct. I am getting similarly strange results on my Pixel 6a using the APK.
                            Please send me a copy of the artwork, as it does work for me.

                            [Edit] Also, is this local or remote artwork?
                            Last edited by cpd73; 2023-06-12, 07:38.
                            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

                              Please send me a copy of the artwork, as it does work for me.

                              [Edit] Also, is this local or remote artwork?
                              I pulled and am now running the latest commit to branch 3.4, #b7b809. You were right to ask about local or remote artwork. The color is updated for local artwork, but not for streaming such as Radio Paradise. When I initially load Radio Paradise and begin playing, the color is set for the first track, but then never changes after that. Also, the color is not updated when changing between players in the APK, or Firefox. Maybe this is not so easy a feature to implement.
                              Living Room: SB Touch + DIY PSU > CI Audio VDA.2 DAC + VAC.1 PSU > VRX.1 cables > Emotiva XSP-1 Gen 2 preamp + XPA-DR2 amp > Blue Jeans cables > B&W 804 speakers
                              Laptop: System76 Galago + Ubuntu 18.04 + Squeezelite + Epiphany/Material Skin > Emotiva Little Ego DAC > Grado PS500 headphones
                              Bedroom: RPi Zero W + Squeezelite > miniBOSS DAC HAT > Bose SoundLink Revolve
                              Phone: Pixel 6a + Termux/Squeezelite + Material APK > Senn IE80 earbuds
                              Server: System76 Meerkat + Pop!_OS 22.04 + LMS 8.4

                              Comment


                              • Gradient coloured option enabled: attached is a screenshot of the Now Playing display taken on my laptop using the Brave browser, streaming Radio Paradise. Colour is not updating.

                                Click image for larger version

Name:	LMS - TS_074.jpg
Views:	168
Size:	117.4 KB
ID:	1641129
                                Living Room: SB Touch + DIY PSU > CI Audio VDA.2 DAC + VAC.1 PSU > VRX.1 cables > Emotiva XSP-1 Gen 2 preamp + XPA-DR2 amp > Blue Jeans cables > B&W 804 speakers
                                Laptop: System76 Galago + Ubuntu 18.04 + Squeezelite + Epiphany/Material Skin > Emotiva Little Ego DAC > Grado PS500 headphones
                                Bedroom: RPi Zero W + Squeezelite > miniBOSS DAC HAT > Bose SoundLink Revolve
                                Phone: Pixel 6a + Termux/Squeezelite + Material APK > Senn IE80 earbuds
                                Server: System76 Meerkat + Pop!_OS 22.04 + LMS 8.4

                                Comment

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