Announcement

Collapse
No announcement yet.

Custom Joggler HD Skin with Controls (Took me all week)

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

    Custom Joggler HD Skin with Controls (Took me all week)

    Took me all week but wanted a HD skin with controls so i could just use a mouse for a client player used on a Raspberry Pi plugged into a TV so did an edit on the Joggler Skin

    Don't have a clue about coding plus took me the rest of the week trying to workout how to get the files onto the Raspberry Pi running Picoreplayer needs a few tweaks here and there but happy for now



    Changes i made to Joggler

    274 Framework:setVideoMode(1920, 1080, 0, false)
    2798 local NP_ARTISTALBUM_FONT_SIZE = 68
    2799 local NP_TRACK_FONT_SIZE = 100
    2803 local volumeBarWidth = 420 -- screenWidth - (transport controls + volume controls + dividers + border around volume bar)
    2859 y = TITLE_HEIGHT + 68,
    2860 h = 150,
    2877 y = TITLE_HEIGHT + 285,
    2878 h = 100,
    2895 y = TITLE_HEIGHT + 450,
    2896 h = 100,
    2936 position = LAYOUT_NONE,
    2937 x = _tracklayout.x + 2,
    2939 y = screenHeight - 180,
    3028 x = _tracklayout.x + 25,
    3029 y = screenHeight - 250,
    Last edited by Eyerex; 2022-04-15, 19:00.

    #2
    Originally posted by Eyerex View Post
    Took me all week but wanted a HD skin with controls so i could just use a mouse for a client player used on a Raspberry Pi plugged into a TV so did an edit on the Joggler Skin

    Don't have a clue about coding plus took me the rest of the week trying to workout how to get the files onto the Raspberry Pi running Picoreplayer needs a few tweaks here and there but happy for now

    Excellent, and as you say some of the other visualisations on the big screen would be very cool.

    Comment


      #3
      Originally posted by gegen View Post
      Excellent, and as you say some of the other visualisations on the big screen would be very cool.
      I've used a artiest on Fiverr to do images of Hi-fi components for me in the past so will have to see if he can do it and how much it will cost or give it ago myself

      Comment


        #4
        Great job! Thanks for your efforts.

        Comment


          #5
          Fired up Photoshop as wanted a HD Clock as was thinking i could just swap the image in the Jogglerskin image folder but no as my 1920x1080 wasn't scaling properly so went digging and found the ClockApplet.lua which i think controls all the clock setting across all the skins and changed setting below (for Joggler Skin only) and it worked

          Line 3148
          local ratio = math.max(screen_width/800, screen_height/480) changed to local ratio = math.max(screen_width/1920, screen_height/1080)

          Just did a test image to make sure things worked

          Comment


            #6
            My end game is image below so wondered as there's code for the visualizer in one of the views within joggler could that be shoehorned into the main view

            Click image for larger version

Name:	3.jpg
Views:	1
Size:	192.6 KB
ID:	1574915

            Comment


              #7
              Am i right in thinking the the styles code for each screen can be edited to add content into each one so say i change


              {
              style = 'nowplaying',
              artworkSize = midArtwork,
              text = self:string("ART_AND_TEXT"),
              },

              to below the spectrum analyzer is then added to the playback skin which i can them change placement and size

              {
              style = 'nowplaying',
              artworkSize = midArtwork,
              text = self:string("ART_AND_TEXT_SPECTRUM_ANALYZER"),
              },

              Comment


                #8
                Worked out how to resize and move the Spectrum Visualizer plus change the colour about just need to workout how to move into my Joggler edit as video is what it will look like fingers crossed when finished so wondered is it worth doing so yay or nay

                Comment


                  #9
                  "give a monkey a keyboard"

                  Somehow it's coming to life a display with album cover and spectrum analyser needs a lot of tweaking ie moving things around like progress bar plus changing colours of spectrum so everything matches

                  3 weeks i've been at this

                  Comment


                    #10
                    Quick question would you restrict the spectrum analyser bars from overlapping the text and keep them just below

                    Comment


                      #11
                      Originally posted by Eyerex View Post
                      Quick question would you restrict the spectrum analyser bars from overlapping the text and keep them just below

                      I kinda like the overlap. Is that working or a mock up? Looks cool.

                      Comment


                        #12
                        Originally posted by sodface View Post
                        I kinda like the overlap. Is that working or a mock up? Looks cool.
                        Working

                        Comment


                          #13
                          Originally posted by Eyerex View Post
                          Working
                          I love it, nice job! Am I right to say this is a unique config? Aren't the visualizations usually onscreen by themselves? I haven't messed with them much.
                          Last edited by sodface; 2022-05-05, 22:24.

                          Comment


                            #14
                            Did try adding spectrum analyser to first playing screen but couldn't get it working then noticed you can turn things on and off in the spectrum analyser screen which then reads the code from the first screen for album etc info plus layout also swapped code from first screen to the other to get progress bar then resized and moved spectrum analyser to where i wanted it so you lose that one display type

                            Comment


                              #15
                              If anyone wants to test find files below ever swap .lua or swap pcp-jivelite.tcz remember to backup files your swapping with so you can change back if you don't like


                              JogglerSkinApplet.lua PS if you want the flat look move Buttons and Touch_Toolbar in the images folder into a new folder within images
                              https://drive.google.com/file/d/1Eby...ew?usp=sharing

                              pcp-jivelite.tcz
                              https://drive.google.com/file/d/1u_T...ew?usp=sharing
                              Last edited by Eyerex; 2022-05-06, 16:53.

                              Comment

                              Working...
                              X