Skip to main content

Notice

Please note that most of the software linked on this forum is likely to be safe to use. If you are unsure, feel free to ask in the relevant topics, or send a private message to an administrator or moderator. To help curb the problems of false positives, or in the event that you do find actual malware, you can contribute through the article linked here.
Topic: Playback Orb (Read 4029 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Playback Orb

This is something I've been working on utilizing recent developments to foo_uie_trackinfo_mod by terrestrial.



Images you will need:
- foobar22bg.png by Byan, you can get it from this post.
- 'Blue2 (Custom).png' by Ken Saunders, you can get it from his website here.
- 'Blue3 (Custom).png' by Ken Saunders, you can get it from his website here.
- Images from the "circle-spinny progress thing" by rouge, you can get them from this post.
  (My code references these images in the images\progress.circle subfolder.)
  (Also, please copy count40.png to count0.png)
- My modified versions of the above images for the secondary ring. You can get them here.
  (My code references these images in the images\playback.circle subfolder.)
- This simple transparency made by me. Save this image as crystalball.png -->

Except where noted put all the above images in your foobar images folder.

Now for the code. This is fairly modular code and you can adjust the $puts() lines at the top to reposition the entire orb, the position is relative to the center of the orb.
Code: [Select]
// Playback Orb
$puts(circle.offsetx,$div(%_width%,2))
$puts(circle.offsety,$div(%_height%,2))

$imageabs($sub($get(circle.offsetx),64),$sub($get(circle.offsety),64),'images\Blue2 (Custom).png',)
$if(%length%,
$imageabs2(114,114,,,,,$sub($get(circle.offsetx),57),$sub($get(circle.offsety),57),images\playback.circle\circle.$muldiv($muldiv(100,%playback_time_seconds%,%length_seconds%),80,100).png,)
,)
$imageabs2(97,97,,,,,$sub($get(circle.offsetx),48),$sub($get(circle.offsety),48),images\progress.circle\count$mod(%_time_elapsed_seconds%,40).png,)
$imageabs2(74,74,,,,,$sub($get(circle.offsetx),37),$sub($get(circle.offsety),37),'images\Blue3 (Custom).png',)

$if(%isplaying%,$if(%ispaused%,
$alignabs($sub($get(circle.offsetx),20),$sub($get(circle.offsety),24),%_width%,%_height%,,)
$font(Tahoma,28,bold-glow-233-233-233 glowalpha-100,0-0-0)$char(9646)$char(9646)
,
$alignabs($sub($get(circle.offsetx),15),$sub($get(circle.offsety),46),%_width%,%_height%,,)
$font(Tahoma,54,bold-glow-233-233-233 glowalpha-100,0-0-0)$char(9658)
),
$imageabs2(114,114,,,,,$sub($get(circle.offsetx),57),$sub($get(circle.offsety),57),images\foobar22bg.png,)
)
$if(%isplaying%,
$imageabs2(64,64,,,,,$sub($get(circle.offsetx),32),$sub($get(circle.offsety),32),images\crystalball.png,)
,)

// Play/Pause Button
$if(%ispaused%,
$button2($add($get(circle.offsetx),26),$sub($get(circle.offsety),52),,,14,14,
'$alignabs(2,0,14,14,,)$font(Tahoma,4,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(9614)$char(9614)'
,
'$alignabs(2,0,14,14,,)$font(Tahoma,4,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(9614)$char(9614)'
,Play,)
,
$button2($add($get(circle.offsetx),27),$sub($get(circle.offsety),55),,,12,12,
'$alignabs(2,0,12,12,,)$font(Tahoma,8,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(9658)'
,
'$alignabs(2,0,12,12,,)$font(Tahoma,8,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(9658)'
,$if(%isplaying%,Pause,Play),)
)

// Stop Button
$button2($sub($get(circle.offsetx),35),$sub($get(circle.offsety),53),,,14,14,
'$alignabs(0,0,14,14,,)$font(Tahoma,5,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(9632)'
,
'$alignabs(0,0,14,14,,)$font(Tahoma,5,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(9632)'
,Stop,)

// Previous Button
$button2($sub($get(circle.offsetx),62),$sub($get(circle.offsety),4),,,12,12,
'$alignabs(2,0,12,12,,)$font(Tahoma,7,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(8828)'
,
'$alignabs(2,0,12,12,,)$font(Tahoma,7,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(8828)'
,Previous,)

// Next Button
$button2($add($get(circle.offsetx),54),$sub($get(circle.offsety),4),,,12,12,
'$alignabs(2,0,12,12,,)$font(Tahoma,7,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(8829)'
,
'$alignabs(2,0,12,12,,)$font(Tahoma,7,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(8829)'
,Next,)

// Mute
$button2($sub($get(circle.offsetx),3),$add($get(circle.offsety),52),,,12,12,
'$alignabs(2,0,12,12,,)$font(Tahoma,6,bold-glow-0-0-0 glowexpand-1,255-255-255)$char(9676)'
,
'$alignabs(2,0,12,12,,)$font(Tahoma,6,bold-glow-255-255-255 glowexpand-1,0-0-0)$char(9676)'
,Volume Mute,)

// Lower Volume
$button2($sub($get(circle.offsetx),24),$add($get(circle.offsety),46),,,12,12,
'$alignabs(2,0,24,12,,)$font(Tahoma,6,bold-glow-0-0-0 glowexpand-1,255-255-255)-'
,
'$alignabs(2,0,24,12,,)$font(Tahoma,6,bold-glow-255-255-255 glowexpand-1,0-0-0)-'
,Volume Down,)

// Raise Volume
$button2($add($get(circle.offsetx),18),$add($get(circle.offsety),46),,,12,12,
'$alignabs(2,0,24,12,,)$font(Tahoma,6,bold-glow-0-0-0 glowexpand-1,255-255-255)+'
,
'$alignabs(2,0,24,12,,)$font(Tahoma,6,bold-glow-255-255-255 glowexpand-1,0-0-0)+'
,Volume Up,)

Enjoy!

Edit: Fixed "Next" Button

Playback Orb

Reply #1
Very good!! Look just right... What a great use of trackinfo_mod

But, i have some trouble with the fonts, what is the mistake? i already have Tahoma font install..
When i change it to Arial Unicode MS it's work fine, but the font are ugly..
And in which "Blue 2 (Custom).jpg" i would use? in BR8Cell or BR2Cell archive?



Thanx...

Playback Orb

Reply #2
It looks like your system is not honoring the unicode characters I used for the buttons (hey, beats loading a dozen more images). Look in your "Regional and Language Options" control panel in windows. Under the "Languages" tab make sure you check the boxes for "Install files for complex script and right-to-left languages" and "Install files for East Asian Languages".

Use the Blue2 image from BR8Cell and the Blue3 image from BR2Cell. Hover over the links in the OP to confirm the archive name.

Playback Orb

Reply #3
Any specific reason you don't use small png's for the buttons? They are way ugly and appearently without anti-aliasing. I'll rework the bars too when I get off work, they seem weird. otherwise it's VERY nice, and I think I need to steal some of this idea for my future fb2k skin
Can't wait for a HD-AAC encoder :P

Playback Orb

Reply #4
Looks very nice.
*thumbs up*

Playback Orb

Reply #5
looks awesome yotsuya wish i had room for it in my layout....i might add it if I go back to a fullscreen layout. Keep up the good work
My Name is Sean and I'm here to leech off your genius.

Playback Orb

Reply #6
The buttons aren't affecting playback for me and I've got the latest track info mod. I fixed the font though.

Playback Orb

Reply #7
yeah, same problem here... the buttons arent working and arent shwon properly...

which font do i need?

Playback Orb

Reply #8
The buttons should work with Tahoma font.. I think I'll redo the code using some bitmap buttons because so many people are having issues but I've been busy IRL the past few days.

Playback Orb

Reply #9
I think it could look really cool if the buttons was engraved in the frame. Also for my version, I would make the blue middle a button itself for playpause (like in wmp).

I hope the $button will be updated so "over" images would not turn into normal images when "update" is set, in future trackinfo mod releases.

I made new count-circles from a vector shape in high res photoshop files (use batch to set effects and make them smaller). They look a little better, and you can apply your own style to make different shadows. PM me if you want them. I may try to put them up somewhere later if anyone wants them.
Can't wait for a HD-AAC encoder :P

Playback Orb

Reply #10
It looks great, but same here: buttons don't work.

edit: and your used "Hover glow effect" doesn't work either.
err... i'm not using windows any more ;)