Announcement

Collapse
No announcement yet.

Announce: Material Skin

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Originally posted by SamY View Post
    The change you made to browse-functions.js did not fix the first problem. The artist_id is still undefined.
    Whilst I cannot be 100% certain, as I do not use Qobuz, but if the selection from the "(...)" menu works then the selection from this list should now too - as I added the artist_id parameter there.

    Please ensure you fully re-load the page. Especially with dev versions the browser likes to load from cache. With Chrome you just need to open the dev tools, press and hold the refresh button, and select "Empty cache and hard reload"
    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 MrC View Post
      I prefer one iCloud shared Safari bookmark for my players, across all my Apple devices - just makes things easier.
      Not sure how that is relevant. Just use "auto" layout and the most suitable layout should be chosen.

      Originally posted by MrC View Post
      IThe bottom bar, like in the other devices and orientations, is even more problematic when the page controls are hidden.
      Again, your screenshot shows an unusable (for most) layout (the queue is way too thin). Yes it may be fine for you (and that's fine, your device your choice) but it is not a layout that I am going to explicitly cater for.
      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 View Post
        Not sure how that is relevant. Just use "auto" layout and the most suitable layout should be chosen.
        The auto layout gives me the non-Desktop version on an iPad in portrait mode, but the desktop mode when in landscape mode. It is exactly this switching that I don’t want. There is plenty of space for the Desktop mode on a Retina display in portrait mode, so I force desktop layout so that the controls are in the same location on all devices regardless of orientation or resolution. This has value, esp. for my wife on our home system iPad (used for home automation and kitchen use).

        Originally posted by cpd73 View Post
        Again, your screenshot shows an unusable (for most) layout (the queue is way too thin). Yes it may be fine for you (and that's fine, your device your choice) but it is not a layout that I am going to explicitly cater for.
        As I mentioned earlier, I trust your judgement.

        Comment


          Originally posted by d6jg View Post
          You’ve lost the cover art and centred the titles. I think I preferred it visually with the cover art and the titles left aligned to the cover art.
          What about the following (ignore alignment, colours, etc - only mockups):

          Local files (cover on left, artist image on right):

          Click image for larger version

Name:	bar-local.png
Views:	1
Size:	50.3 KB
ID:	1575559

          Online services (cover art on left, logo on right):

          Click image for larger version

Name:	bar-spotify.png
Views:	1
Size:	39.1 KB
ID:	1575560

          Other streams (cover art on left, generic icon on right):

          Click image for larger version

Name:	bar-stream.png
Views:	1
Size:	38.3 KB
ID:	1575561

          ...also I think these images should be hidden when insufficient space (the exact amount to be decided)
          Last edited by cpd73; 2022-08-03, 07:56.
          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 View Post
            What about the following (ignore alignment, colours, etc - only mockups):

            Local files (cover on left, artist image on right):



            Online services (cover art on left, logo on right):



            Other streams (cover art on left, generic icon on right):


            ...also I think these images should be hidden when insufficient space (the exact amount to be decided)

            I think this is a terrific solution. The balancing of the cover art and the artist image/spotty logo looks elegant and the solution of hiding them if there is a space issue is perfect.
            Nicholas

            RPi4 / piCorePlayer v8.2.0 /Logitech Media Server Version: 8.3.1/ Hifiberry Digi+
            3 Chromecast (2 mini x1 Chromecast Audio) 2 UPNP devices
            also use a Gramofon off platform

            Comment


              An afterthought

              One question - if you are listening to a radio stream like BBC Sounds there is often quite a large radio text displayed where the album name is. This is often truncated at the moment. Will that continue to be the case? Should or could it be scrolled?
              Click image for larger version

Name:	2022-08-03.jpg
Views:	1
Size:	26.9 KB
ID:	1575562
              Nicholas

              RPi4 / piCorePlayer v8.2.0 /Logitech Media Server Version: 8.3.1/ Hifiberry Digi+
              3 Chromecast (2 mini x1 Chromecast Audio) 2 UPNP devices
              also use a Gramofon off platform

              Comment


                Originally posted by The Groundsman View Post
                One question - if you are listening to a radio stream like BBC Sounds there is often quite a large radio text displayed where the album name is. This is often truncated at the moment. Will that continue to be the case? Should or could it be scrolled?
                No, scrolling text will not be implemented, sorry.
                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 The Groundsman View Post
                  An afterthought

                  One question - if you are listening to a radio stream like BBC Sounds there is often quite a large radio text displayed where the album name is. This is often truncated at the moment. Will that continue to be the case? Should or could it be scrolled?
                  [ATTACH]38523[/ATTACH]
                  It isn't truncated in the mobile layout [emoji2]

                  Sent from my Pixel 3a using Tapatalk
                  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 View Post
                    No, scrolling text will not be implemented, sorry.
                    Fair enough; scrolling makes everything look like we're stuck in the last century
                    Nicholas

                    RPi4 / piCorePlayer v8.2.0 /Logitech Media Server Version: 8.3.1/ Hifiberry Digi+
                    3 Chromecast (2 mini x1 Chromecast Audio) 2 UPNP devices
                    also use a Gramofon off platform

                    Comment


                      Originally posted by cpd73 View Post
                      I've made some changes in git/master to help with this, would be great if you could test. If you do not know how, then don't worry - I'll make a release soon.
                      Sorry for late response - yes this is now a lot better - thanks for the effort.

                      Comment


                        Originally posted by cpd73 View Post
                        What about the following (ignore alignment, colours, etc - only mockups):

                        Local files (cover on left, artist image on right):

                        [ATTACH]38520[/ATTACH]

                        Online services (cover art on left, logo on right):

                        [ATTACH]38521[/ATTACH]

                        Other streams (cover art on left, generic icon on right):

                        [ATTACH]38522[/ATTACH]

                        ...also I think these images should be hidden when insufficient space (the exact amount to be decided)
                        Yes I think that looks much better.
                        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 slartibartfast View Post
                          It isn't truncated in the mobile layout [emoji2]

                          Sent from my Pixel 3a using Tapatalk
                          Oh so it is. Thanks! I'm about 80% mobile : 20% desktop on the laptop. Should have noticed that myself.
                          Nicholas

                          RPi4 / piCorePlayer v8.2.0 /Logitech Media Server Version: 8.3.1/ Hifiberry Digi+
                          3 Chromecast (2 mini x1 Chromecast Audio) 2 UPNP devices
                          also use a Gramofon off platform

                          Comment


                            Originally posted by d6jg View Post
                            Yes I think that looks much better.
                            ...actually it only looks nice in those screenshots. The following (IMHO) looks awful:

                            Click image for larger version

Name:	np-large.png
Views:	1
Size:	40.3 KB
ID:	1575563

                            ...think I might just go back to left aligned text. As center aligned there is no nice place to put the cover art.

                            Click image for larger version

Name:	np-left.png
Views:	1
Size:	29.4 KB
ID:	1575564
                            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


                              Is it possible to get the Mini Player in MacOS?

                              Comment


                                Originally posted by whitman View Post
                                Is it possible to get the Mini Player in MacOS?
                                There is no explicit mini player - just shrink the window.
                                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