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

[gegen]

How to install

Done a little tweak to my Joggler skin to be used on the official Raspberry Pi 7" Touchscreen plus finally edited all the Meters to fit plus redesigned a couple so they look a little better also have a new install method (thanks to ralphy) so file can be used on any Pi version plus 32 or the 64 bit version of Picoreplayer

Software used
WinSCP https://winscp.net/eng/index.php

Files

https://drive.google.com/file/d/1PGFECZj9JNgEngX6tcPfXvgDH6Vfl-3r/view?usp=sharing

Text used
sudo cp -r JogglerSkin /home/tc/.jivelite/userpath/applets

pcp bu

sudo reboot

Well done, looks great on my setup!

And if you wanted to remove an extra command 'pcp br' will do a backup and reboot in one hit.

[seekasoul]

can this be used on Squeezeplay?

I have a MacMini M1, would love to use this VUMeter skins on SqueezePlay...
Sure I have an rpi runinng pCP but without a display attached.

[Eyerex]

I have a MacMini M1, would love to use this VUMeter skins on SqueezePlay...
Sure I have an rpi runinng pCP but without a display attached.

I use SqueezePlay on my PC to make then so will be ok just swap my files with originals in \SqueezePlay\lua\applets\JogglerSkin
Only problems is meters as think you can only load one image at a time in \SqueezePlay\lua\applets\JogglerSkin\images\UNOFFI CIAL\VUMeter

[Eyerex]

Well done, looks great on my setup!

And if you wanted to remove an extra command 'pcp br' will do a backup and reboot in one hit.

Cheers didn't know that will update my video info

[seekasoul]

Only problems is meters as think you can only load one image at a time in \SqueezePlay\lua\applets\JogglerSkin\images\UNOFFI CIAL\VUMeter

Where to get them?

[Eyerex]

Where to get them?

Meter images are in download link above

[tobal2]

Thanks!
Great visual improve!!

Cheers from Chile


Sent from my iPhone using Tapatalk

[stereoptic]

Very gracious for this! Instructions were excellent; I'm on a macbook, not Windows laptop, so I used FileZilla instead of WinSCP.

[didjean]

Thanks!

Thanks very much for all your explanations and videos. I have now applied the flat and aligned version and it looks neater! Great job!
As I use my Raspberry screen as a controller, I can't enable the VU meters unfortunately.
What I am really missing on the Now Playing screen is the current time. E.g. something like this:

[Eyerex]

Thanks very much for all your explanations and videos. I have now applied the flat and aligned version and it looks neater! Great job!
As I use my Raspberry screen as a controller, I can't enable the VU meters unfortunately.
What I am really missing on the Now Playing screen is the current time. E.g. something like this:

[ATTACH]39188[/ATTACH]

I'm sure you should still see the VU meters and Spectrum if you set the Pi being used as controller as player and then sync to main Pi or other player your using

Not sure i can get it to show up but will have a look about clock

[sodface]

Not sure i can get it to show up but will have a look about clock

I've been working on adding a clock to the now playing screen, with somewhat mixed results. I just posted about this yesterday in my Aopen Chromebase thread but will repost the screenshot here in case you didn't see it. Let me know if you want info on the changes I made.

[Eyerex]

I've been working on adding a clock to the now playing screen, with somewhat mixed results. I just posted about this yesterday in my Aopen Chromebase thread but will repost the screenshot here in case you didn't see it. Let me know if you want info on the changes I made.

Yes please as always good to learn some new stuff about adding bits and bobs

[didjean]

I've been working on adding a clock to the now playing screen, with somewhat mixed results. I just posted about this yesterday in my Aopen Chromebase thread but will repost the screenshot here in case you didn't see it. Let me know if you want info on the changes I made.

I like :-) this + flat approach from Eyerex would be amazing!
Really happy to see Jivelite interface evolving a bit...

[sodface]

Eyerex and didjean, here's the diffs for the file changes I made to add the clock. This is probably _not_ how you want to do it though. I was just experimenting and for my use I'm only concerned (for now) with one specific device with a 1280x800 screen using the "Grid Skin" which seems to inherit things from both the Joggler and NowPlaying files. I'm pretty sure that my changes would screw up other skin sizes though I haven't tested it yet. But maybe it gives you a hint.

--- jive/applets/NowPlaying/NowPlayingApplet.lua
+++ /srv/www/sodface_com.website/repo/cb/aopen-veyron/tmp/files/NowPlayingApplet.lua
@@ -1023,6 +1023,8 @@
 		return
 	end
 
+	self.sodlabel:setValue(datetime.getCurrentTime())
+
 	local strElapsed = ""
 	local strRemain = ""
 	local pos = 0
@@ -1411,6 +1413,8 @@
 		end
 	end
 
+	self.sodlabel = Label("text", datetime.getCurrentTime())
+
 	self.mainTitle = self:_titleText('play')
 
 	self.titleGroup = self:_createTitleGroup(window, 'button_playlist')
@@ -1691,6 +1695,8 @@
 
 			repeatMode  = self.repeatButton,
 			shuffleMode = self.shuffleButton,
+
+			clock = self.sodlabel,
 
 		  	volDown  = Button(
 				Icon('volDown'),

--- jive/applets/JogglerSkin/JogglerSkinApplet.lua
+++ /srv/www/sodface_com.website/repo/cb/aopen-veyron/tmp/files/JogglerSkinApplet.lua
@@ -2800,7 +2800,7 @@
 
 	local controlHeight = 72
 	local controlWidth = 76
-	local volumeBarWidth = 240 -- screenWidth - (transport controls + volume controls + dividers + border around volume bar)
+	local volumeBarWidth = 600 -- screenWidth - (transport controls + volume controls + dividers + border around volume bar)
 	local buttonPadding = 0
 
 	local _transportControlButton = {
@@ -2927,8 +2927,8 @@
 	
 		--transport controls
 		npcontrols = {
-			order = { 'rew', 'div1', 'play', 'div2', 'fwd', 'div3', 'repeatMode', 'div4', 'shuffleMode', 
-					'div5', 'volDown', 'div6', 'volSlider', 'div7', 'volUp' },
+			order = { 'rew', 'div1', 'play', 'div2', 'fwd', 'div3', 'repeatMode', 'div4', 'shuffleMode',
+				 'volDown', 'div6', 'volSlider', 'div7', 'volUp', 'clock', },
 			position = LAYOUT_SOUTH,
 			h = controlHeight,
 			w = WH_FILL,

[Eyerex]

@sodface

Big thanks for the info will have to give it a go but have a funny feeling i may need to pull out the paracetamol as looks complicated