How ?

[parisienne17]

Obviously a script issue sorted out with inside job ;.)

I took a look to winamp modern, is it me and I'm missing something but does the skin makes an animated volume slider with a simple

  <!-- Volume -->
  <layer
    x="183" y="100"
    image="player.volume.bg"
  />

  <layer
    id="volumebar"
    x="185" y="115"
    w="10"
    image="player.volumebar"
  />

  <slider
    id="Volume"
    action="VOLUME"
    x="183" y="110"
    w="86" h="13"
    thumb="player.button.volume"
    downThumb="player.button.volume.pressed"
    hoverThumb="player.button.volume.hover"
    tooltip="Volume"
  />

​ 

?

[parisienne17]

Hi mister...

I obviously have some bad things going on as I experience random guru warning and 2 modes where graphix aren't what they should be size related.
I've check script pre requisites and I don't see what's missing.

        <AnimatedLayer id="SeekAnim" image="player.anim.seekCPCTCA" x="174" y="370" w="147" h="12" move="0" autoplay="0" autoreplay="0" />
        <script id="seeksongtitle" file="scripts/seeksongtitle.maki"/>
        <SongTicker id="SongTitle" ticker="scroll" x="47" y="65" w="257" h="40" font="arial" fontsize="20" color="255,255,255" rightclickaction="trackmenu"                  tooltip="Left-click to change ticker scrolling" /> 

The issue tends more to show in visualisations modes where song title is only one line. For the others I use this

      <Text id="SongTitle" display="SongTitle" ticker="1" x="40" y="45" w="430" h="60" font="impact" shadowcolor="0,0,0" shadowx="3" shadowy="3" antialias="1" bold="0" align="left" valign="top" rightclickaction="trackmenu" dblclickaction="trackinfo" fontsize="54" color="250,250,250" alpha="190" />
        <text id="ArtistAlbum" display="SongArtist" ticker="1" x="40" y="90" w="430" h="50" font="Song-4" light="1" align="left" valign="top" rightclickaction="trackmenu" dblclickaction="trackinfo" fontsize="34" shadowcolor="0,0,0" shadowx="2" shadowy="2" antialias="1" bold="1" color="255,255,255" />
        <script id="playitemstrings" file="scripts/playitemstrings.maki"/> 

The skin has 7 modes, you know it, so I've 7 calls to maki scripts for volume/seek but as it is 3 different sizes/graphix, this makes 3 different volumeanim/seek strips and maps.
I thought that 7 calls would lead to that unstable state and tried to deport calls to player-normal-group. Of course that didn't work.


Guru meditation occurs in seeksongtitle.maki.
The scripts expects :
- Animatedlayer id="seekanim", image="player.anim.seek"
- w & h refering to one frame
- Ticker id="SongTitle" in same group
- A gradient map id="player.map.seek"

Player-elements is

    <bitmap id="player.anim.seek" file="player/modes/seektitlecha.png"/>
    <bitmap id="player.map.seek" file="player/modes/SeekMapCha.png"/>
​ 

What would be your insight on this ?

[ariszlo]

is there a color option to resolve the issue with fore/back bar playing song color and fore/back bar playlist entries ?

<color id="wasabi.list.text.selected" value="whatever"/>
<color id="wasabi.list.text.selected.background" value="whatever"/>

and for colum headers ?

This defines the color of header texts:
<color id="wasabi.list.column.text" value="whatever"/>

The background color of the header buttons:
<color id="wasabi.list.column.background" value="whatever"/>

The top and left borders of the header buttons:
<color id="wasabi.list.column.frame.top" value="whatever"/>

The bottom and right inner borders:
<color id="wasabi.list.column.frame.middle" value="whatever"/>

The bottom and right outer borders:
<color id="wasabi.list.column.frame.bottom" value="whatever"/>

The color of the empty area to the right of the last header button:
<color id="wasabi.list.column.empty" value="whatever"/>

(and a full wiki on these colors)

Just study the system-colors.xml of Winamp Modern, skipping the "Winamp Modern Skin custom colors" section.

[parisienne17]

Thanks for the tip !
I didn't had these element entries as I've purged .xml files from old/disabled data but in the meantime I 've found it in autopositions-elements.

I'm sure I'll get you on this one ;.) as looking thru skins let me think there's no solution for this : is there a color option to resolve the issue with fore/back bar playing song color and fore/back bar playlist entries ?



and for colum headers ? (and a full wiki on these colors)

[ariszlo]

I just can't find how to modify background buttons color, You sure know the wasabi parameter right ?

It is done with bitmaps. See the generic button definitions in system-elements.xml.

Too bad round corners thus transparent areas aren't usable for PL/ML windows

You do the rounding with layers with the sysregion="-2" parameter.

1. Create a transparent image for each corner and paint the regions black that you want to cut out from the window frame.
2. Define the newly created images in standardframe-elements.xml like this:
   

   <bitmap id="region.top.left" file="png/trimmer-top-left.png"/>
       <bitmap id="region.top.right" file="png/trimmer-top-right.png"/>
       <bitmap id="region.bottom.left" file="png/trimmer-bottom-left.png"/>
       <bitmap id="region.bottom.right" file="png/trimmer-bottom-right.png"/> 

   .
3. Define the layers to round the top corners within the "wasabi.frame.layout" groupdef in standardframe.xml like this:
   

   <layer
         id="region.top.left"
         x="0" y="0"
         image="region.top.left"
         sysregion="-2"
       />
       <layer
         id="region.top.right"
         x="-19" y="0" relatx="1"
         image="region.top.right"
         sysregion="-2"
       /> 

   .
4. Define the layers to round the bottom corners of standard windows within the "wasabi.standardframe.nostatusbar" groupdef in standardframe.xml like this:
   

   <layer
         id="region.bottom.left"
         x="0" y="-19" relaty="1"
         image="region.bottom.left"
         sysregion="-2"
       />
       <layer
         id="region.bottom.right"
         x="-19" y="-19" relatx="1" relaty="1"
         image="region.bottom.right"
         sysregion="-2"
       /> 

   .
5. Do the same for windows with a statusbar within the "wasabi.standardframe.statusbar" groupdef in standardframe.xml.

Negative x and y values are counted backwards from the right and bottom edges, respectively.

[parisienne17]

Too bad round corners thus transparent areas aren't usable for PL/ML windows unless I'm not doing it well : the round corners part is in fact, hopully they're tiny, dark.

I remember seeing skins with round corners.

[parisienne17]

Ah.. You're either or both patient or kind to answer my silly questions ;.)
Sure it's time to rest my eyes as I didn't find setalternatetext. I'll try this one.

I'm quite done in PL/ML besides fixing it's middle bottom part but I just can't find how to modify background buttons color, You sure know the wasabi parameter right ?

[ariszlo]

There's an entry about an infoticker I don't have.

I thought you did because you had asked for it:

By the way I sure know that you should be able to answer me "yes" at the question "do you happen to know how to display the actual song position" in the song information line when seeking ?

But never mind. Here is a simpler script for you.

[parisienne17]

Alas, it doesn't work and give me a guru meditation/

Here's my structure :

player-elements

    <bitmap id="volume.animstick" file="player/modes/volumeanimstick.png"/>
    <bitmap id="seekmap" file="player/modes/volumeanimstick-map.png"/>
    <bitmap id="stick.thumb" file="player/modes/elementsstick.png" x="220" y="56" w="30" h="22" />
​ 

player-normal

      <AnimatedLayer id="SeekAnim" image="player.anim.seek" x="237" y="315" w="73" h="3" move="0" autoplay="0" autoreplay="0" />
      <slider id="Seeker" action="SEEK" x="237" y="28" w="73" h="12" thumb="stick.thumb" downThumb="stick.thumb"  />
      <script id="volanim" file="scripts/seekanim-thumb.maki"/>
      <text id="timer" display="timeelapsed" x="185" y="312" w="50" h="18" font="player.main.text" fontsize="14" align="left"  bold="1" antialias="1" color="220,220,220" timecolonwidth="7" />
​
​​ 

There's an entry about an infoticker I don't have.

[ariszlo]

Well... Some minor aesthetic fixes form here and there, here is ASREC.

Great job, parisienne17!

Again, I just couldn't have done it without your knowledge and help so an enormous THANKS !

You're welcome!

I was about to forgot this : do you know a way to have both animated volume seek AND a thumb image ?

Create an image for the thumb and define it in the elements section like this:

<bitmap id="stick.thumb" file="some_folder/stick-thumb.png"/> 

Then add a slider tag after the SeekAnim AnimatedLayer:

<slider
  id="Seeker" action="SEEK"
  x="?" y="?" w="?" h="?"
  thumb="stick.thumb"
  downThumb="stick.thumb"
/> 

The x and w values of the Seeker slider should be the same as those of the SeekAnim AnimatedLayer. The y and h values are up to you.

Replace the script tag calling the seekanim-infoticker script with this:

<script id="seekanim-thumb" file="scripts/seekanim-thumb.maki"/> 

And finally copy seekanim-thumb.m and seekanim-thumb.maki into the scripts folder.

[parisienne17]

I was about to forgot this : do you know a way to have both animated volume seek AND a thumb image ?
The stick mode has a really tiny volume seek, a thumb would be a valuable ergonomic addition.

[parisienne17]

Well... Some minor aesthetic fixes form here and there, here is ASREC.





I have to look at your last visualization option and do the graphic for ML and PL then it will be cleaning.

Again, I just couldn't have done it without your knowledge and help so an enormous THANKS !

[ariszlo]

I don't think so. My guess is that you might have copied over some maki script from Winamp Modern that resizes your stick layout.

[parisienne17]

I was thinking about a trick of that sort.

Regarding the discrepancy between graphic editor and desktop state, is it possible that the player is "limited" by the maximum size of normal layout ?

[ariszlo]

Meantime I'm puzzled by this.
Photoshop design at 100% on top of the actual player mode with right data in xml

Either bad xml or bad maki.

and by the way, borowing control buttons from winamp modern, I noticed that it displays 4 modes : idle, hover, pressed and down when there's only 3 states I know of.

• The Play.bg layer in Winamp Modern\xml\player-normal-group.xml shows the 2nd icon in the 1st row in Winamp Modern\player\player_buttons.png.
• The Play.bg layer is covered by Play.button.bg layer, which shows the 2nd icon in the 2nd row in Winamp Modern\player\player_buttons.png. As you can see, that icon has a translucent triangle allowing to show what's below it.
• The default image of the Play button is the same as the image of Play.button.bg.
• The downImage of the Play button has an opaque black triangle where the default image has a transparent triangle.

Now here comes how the black triangle of the Play button becomes blue when playback is on, how the black vertical bars of the Pause button become blue when playback is paused and how the black square of the Stop button becomes blue when playback is stopped.

Between the playback layers and the playback buttons there is a status indicator which shows the top third of Winamp Modern\player\player_buttons_status.png with the blue triangle if playback is on, the middle part if paused and the bottom part if stopped.