forked from fbricker/muses
-
Notifications
You must be signed in to change notification settings - Fork 0
/
testSkin.xml
118 lines (109 loc) · 5.36 KB
/
testSkin.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!--
THIS IS A SAMPLE SKIN FILE FOR MUSES RADIO PLAYER
-------------------------------------------------
IMPORTANT NOTE:
---------------
ALMOST EVERY STUFF YOU MAY WANT TO CHANGE IS PLACED HERE. THE ONLY
SKIN-RELATED-CONFIGURABLE-STUFF THAT IS NOT HERE, IS THE PLAYER WIDTH AND
HEIGHT (WHICH YOU MUST SET DIRECTLY IN THE HTML FILE IN THE OBJECT AND THE
EMBED SECTION OF YOUR FLASH CODE)
XML SECTIONS:
-------------
* MUSES-SKIN:
This is the main section. Here you can set the folder where images will be
found. Also you can set the TOGGLEPLAYSTOP = "true" option to make
the skin toggle between play and stop buttons instead of displaying both
buttons all the time.
Note that you can set relative or absolute paths (even remote hosts!)
* BG:
Here you can set the background IMAGE for your player, and X,Y coords for
your image - Optional you can specify a background image (BGIMAGE)
* PLAY:
You can set your play button X,Y coords, together with onMouseOver image
(IMAGE) and onClick image (CLICKIMAGE) - Optional you can specify a
background image (BGIMAGE)
Note that you don't need to specify a normal status image, since that will
be placed on the background image of the player (BG).
* STOP:
Same that PLAY, but for stopping the sound :P
* TEXT:
Here you can set X,Y coords and WIDTH, HEIGHT of your text status area.
Also you can set text COLOR, FONT, SIZE and ALIGN.
Note: The only embed font is Silkscreen, so you use that or choose a font
that cames with OS like arial, verdana, etc.
Note 2: The align property can be: center, left or right.
* VOLUME:
Here you can set X,Y coords and WIDTH, HEIGHT of your volume control area.
You can also choose between "bars" and "holder" MODE. Using mode="bars"
or mode="holder".
- BARS mode:
If you're using bars mode, you can set COLOR1 and COLOR2 (where color1
will be the active bars and color2 the un-active bars).
Also, you'll be able to set BARWIDTH (the width in pixels of each bar)ç
and BARSTEP (space between bars). Play with this to learn more :)
- HOLDER mode:
In this mode, you'll need to configure HOLDERIMAGE attribute (this will
be a little image/bullet/somethingelse) that the user will grab and
move to change volume.
- VHOLDER mode (for vertical holder):
In this mode, you'll need to configure HOLDERIMAGE attribute (this will
be a little image/bullet/somethingelse) that the user will grab and
move to change volume.
* STATUS:
Here you can set status indication images. Uses IMAGEPLAY when the player
is working, and IMAGESTOP when the player is stopped.
As allways, you must set X,Y for status.
Note that you can use this the way you want (IE: making an intication led,
changing the play and stop buttons, or changing the backgound image/color).
SECTION ATTRIBUTES:
* IMAGE:
You can use GIF, JPG and TRNSPARENT PNG files as images (maybe you can also
use SWF files -must check).
Valid values are STRINGS indicating a file name. IE: image="backg.jpg"
* X,Y:
Used for object locations, their values means pixels from the left and top
of the player.
Valid values are INTEGER NUMBERS (greater or equals zero). Don't need the px
in the end. IE: x="44"
* WIDTH,HEIGHT: (only for text areas and volume control areas)
Used for indicating objects width and height, their values means pixels.
Valid values are INTEGER NUMBERS (greater or equals zero). Don't need the px
in the end. IE: width="120"
* COLOR:
Used for indicating objects colors, their values means RGB HTML colors.
Valid values are HTML 6 digits color (with or without a leading #).
IE: color1="#fe4dd4" color2="202020"
* BARWIDTH, BARSTEP;
Explained in VOLUME section, their values means pixels.
Valid values are INTEGER NUMBERS (greater or equals zero). Don't need the px
in the end. IE: BARWIDTH="3" BARSTEP="6"
* MODE:
Explained in VOLUME section, this value selects wich kind of volume control
component the player will use.
Possible values are: BARS and HOLDER.
IE: mode="bars"
IE: mode="holder"
TIPS AND ADVICES:
-----------------
Don't forget to use attribute="value" format (always with quotes). HAXE XML OBJECT REQUIRES THAT.
Check that the muses-skin tag is well closed (</muses-skin>) and that the opening and closing case (upper or lowercase) is the same. HAXE XML OBJECT REQUIRES THAT.
######################################################################
OK, NOW HERE IS THE SKIN XML FILE. Play with it and feel free!
######################################################################
-->
<muses-skin folder="test-skins-images" togglePlayStop="false">
<bg image="bg.jpg" x="0" y="0" ></bg>
<play image="play.jpg" x="10" y="10" clickimage="playclick.jpg" />
<stop image="stop.jpg" x="50" y="10" clickimage="stopclick.jpg" />
<text x="15" y="49" width="170" height="22" color="#ffffff" font="Arial" size="16" align="left" />
<songtitle x="12" y="83" width="210" height="22" color="#000000" font="Arial" size="12" />
<artist x="12" y="103" width="210" height="22" color="#000000" font="Arial" size="12" />
<volume x="92" y="14" width="100" height="22"
colOr1="#ffffff" color2="#ff0000"
barwidth="3"
barStep="5"
holderImage="holder.jpg"
mode="holder" You-can-try-with-mode="bars or vholder"
/>
<status imagePlay="statusplay.jpg" imageStop="statusstop.jpg" x="2" y="2" />
</muses-skin>