[THEME] Music Layouts (clearart, cdart, bio, ect.) for MP 1.3 Beta - v3.0 - ALPHA TEST VERSION (4 Viewers)

[The_Stig]

Thanks @catavolt! Will try my best then with StreamedMP!

 

[The_Stig]

Since I nearly never worked on skinning a newbie-ish question.

This is a part of the old common.overlay.xml from this mod here:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
 
	<!--									:: MUSIC OVERLAY IN REGULAR HOME ::									-->
	<control>
	  <description>CD Blank</description>
	  <type>image</type>
	  <visible>player.hasmedia+control.isvisible(3337)+!control.hasthumb(6666)</visible>
	  <posX>65</posX>
	  <posY>80</posY>
	  <width>112</width>
	  <height>112</height>
	  <texture>CD.png</texture>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="4000" loop="true" reversible="false" condition="!player.paused">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="2000" loop="true" reversible="false" condition=" player.forwarding2x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="1000" loop="true" reversible="false" condition=" player.forwarding4x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="500" loop="true" reversible="false" condition=" player.forwarding8x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="250" loop="true" reversible="false" condition=" player.forwarding16x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="125" loop="true" reversible="false" condition=" player.forwarding32x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="2000" loop="true" reversible="false" condition=" player.rewinding2x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="1000" loop="true" reversible="false" condition=" player.rewinding4x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="500" loop="true" reversible="false" condition=" player.rewinding8x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="200" loop="true" reversible="false" condition=" player.rewinding16x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="125" loop="true" reversible="false" condition=" player.rewinding32x">Conditional</animation>
	  <animation effect="fade" time="600">WindowOpen</animation>
	  <animation effect="fade" time="200">WindowClose</animation>
	</control>
	<control>
	  <description>CD</description>
	  <id>6666</id>
	  <type>image</type>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <posX>65</posX>
	  <posY>80</posY>
	  <width>112</width>
	  <height>112</height>
	  <texture>..\..\..\Thumbs\Music\cdArt\#Play.Current.Artist-#Play.Current.Album.png</texture>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="4000" loop="true" reversible="false" condition="!player.paused">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="2000" loop="true" reversible="false" condition=" player.forwarding2x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="1000" loop="true" reversible="false" condition=" player.forwarding4x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="500" loop="true" reversible="false" condition=" player.forwarding8x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="250" loop="true" reversible="false" condition=" player.forwarding16x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="-360" time="125" loop="true" reversible="false" condition=" player.forwarding32x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="2000" loop="true" reversible="false" condition=" player.rewinding2x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="1000" loop="true" reversible="false" condition=" player.rewinding4x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="500" loop="true" reversible="false" condition=" player.rewinding8x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="200" loop="true" reversible="false" condition=" player.rewinding16x">Conditional</animation>
	  <animation effect="rotate" delay="0" end="360" time="125" loop="true" reversible="false" condition=" player.rewinding32x">Conditional</animation>
	  <animation effect="fade" time="600">WindowOpen</animation>
	  <animation effect="fade" time="200">WindowClose</animation>
	</control>
	<control>
	  <description>music logo</description>
	  <type>image</type>
	  <id>7220</id>
	  <posX>20</posX>
	  <posY>79</posY>
	  <width>114</width>
	  <height>114</height>
	  <keepaspectratio>no</keepaspectratio>
	  <centered>yes</centered>
	  <zoom>yes</zoom>
	  <!-- Update by Setup (Ensure ID is unique)-->
	  <texture>#StreamedMP.ArtistPath\#Play.Current.ArtistL.jpg</texture>
	  <visible>player.hasmedia+control.isvisible(3337)+string.equals(#Play.Current.Thumb,)</visible>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>music logo</description>
	  <type>image</type>
	  <id>7230</id>
	  <posX>20</posX>
	  <posY>79</posY>
	  <width>114</width>
	  <height>114</height>
	  <keepaspectratio>no</keepaspectratio>
	  <centered>yes</centered>
	  <zoom>no</zoom>
	  <texture>#Play.Current.Thumb</texture>
	  <visible>player.hasmedia+control.isvisible(3337)+!string.equals(#Play.Current.Thumb,)</visible>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>Music logo Animation</description>
	  <type>animation</type>
	  <id>7210</id>
	  <posX>20</posX>
	  <posY>79</posY>
	  <width>114</width>
	  <height>114</height>
	  <!-- Updated by setup (Ensure ID is unique)-->
	  <textures>#Play.Current.Thumb;#StreamedMP.ArtistPath\#Play.Current.ArtistL.jpg</textures>
	  <Duration>0:0:45</Duration>
	  <randomize>no</randomize>
	  <keepaspectratio>no</keepaspectratio>
	  <centered>yes</centered>
	  <zoom>yes</zoom>
	  <visible>player.hasmedia+control.isvisible(3337)+control.hasthumb(7220)+control.hasthumb(7230)</visible>
	  <animation effect="fade" time="500" reversible="true">Visible</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>Selectable Button</description>
	  <type>button</type>
	  <id>1701</id>
	  <posX>19</posX>
	  <posY>78</posY>
	  <width>118</width>
	  <height>117</height>
	  <textureFocus>thumbborder5.png</textureFocus>
	  <textureNoFocus>-</textureNoFocus>
	  <keepaspectratio>no</keepaspectratio>
	  <!--<action>18</action>-->
	  <hyperlink>510</hyperlink>
	  <colordiffuse>f1ffffff</colordiffuse>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>cd case logo overlay</description>
	  <type>image</type>
	  <id>7230</id>
	  <posX>5</posX>
	  <posY>64</posY>
	  <width>145</width>
	  <height>141</height>
	  <keepaspectratio>no</keepaspectratio>
	  <centered>yes</centered>
	  <zoom>no</zoom>
	  <texture>round.cover.frame.png</texture>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>2x label</description>
	  <type>image</type>
	  <visible>player.forwarding2x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd2x.png</texture>
	</control>
	<control>
	  <description>4x label</description>
	  <type>image</type>
	  <visible>player.forwarding4x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd4x.png</texture>
	</control>
	<control>
	  <description>8x label</description>
	  <type>image</type>
	  <visible>player.forwarding8x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd8x.png</texture>
	</control>
	<control>
	  <description>16x label</description>
	  <type>image</type>
	  <visible>player.forwarding16x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd16x.png</texture>
	</control>
	<control>
	  <description>32x label</description>
	  <type>image</type>
	  <visible>player.forwarding32x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd32x.png</texture>
	</control>
	<control>
	  <description>2x label</description>
	  <type>image</type>
	  <visible>player.rewinding2x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd2x.png</texture>
	</control>
	<control>
	  <description>4x label</description>
	  <type>image</type>
	  <visible>player.rewinding4x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd4x.png</texture>
	</control>
	<control>
	  <description>8x label</description>
	  <type>image</type>
	  <visible>player.rewinding8x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd8x.png</texture>
	</control>
	<control>
	  <description>16x label</description>
	  <type>image</type>
	  <visible>player.rewinding16x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd16x.png</texture>
	</control>
	<control>
	  <description>32x label</description>
	  <type>image</type>
	  <visible>player.rewinding32x</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>30</width>
	  <height>30</height>
	  <texture>osd32x.png</texture>
	</control>
	<control>
	  <description>pause label</description>
	  <type>image</type>
	  <visible>player.paused</visible>
	  <posX>106</posX>
	  <posY>164</posY>
	  <width>28</width>
	  <height>28</height>
	  <texture>top_pause_disabled.png</texture>
	</control>
	<control>
	  <description>artist info label</description>
	  <type>fadelabel</type>
	  <id>0</id>
	  <width>305</width>
	  <height>40</height>
	  <posX>190</posX>
	  <posY>80</posY>
	  <label>#Play.Current.Artist</label>
	  <textcolor>FFFFFFFF</textcolor>
	  <font>mediastream12tc</font>
	  <scrollStartDelaySec>30</scrollStartDelaySec>
	  <wrapString> | </wrapString>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>title info label</description>
	  <type>fadelabel</type>
	  <id>0</id>
	  <width>305</width>
	  <height>40</height>
	  <posX>190</posX>
	  <posY>104</posY>
	  <label>#Play.Current.Title</label>
	  <textcolor>FFFFFFFF</textcolor>
	  <font>mediastream10tc</font>
	  <scrollStartDelaySec>30</scrollStartDelaySec>
	  <wrapString> | </wrapString>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>album info label</description>
	  <type>fadelabel</type>
	  <id>0</id>
	  <width>305</width>
	  <height>40</height>
	  <posX>190</posX>
	  <posY>123</posY>
	  <label>#Play.Current.Album</label>
	  <textcolor>FFFFFFFF</textcolor>
	  <font>mediastream10c</font>
	  <scrollStartDelaySec>30</scrollStartDelaySec>
	  <wrapString> | </wrapString>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>play time / duration label</description>
	  <type>label</type>
	  <id>0</id>
	  <width>305</width>
	  <height>40</height>
	  <posX>190</posX>
	  <posY>141</posY>
	  <label>#currentplaytime / #duration</label>
	  <textcolor>FFFFFFFF</textcolor>
	  <font>mediastream10c</font>
	  <visible>player.hasmedia+control.isvisible(3337)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>next song label</description>
	  <type>label</type>
	  <id>0</id>
	  <width>50</width>
	  <height>40</height>
	  <posX>190</posX>
	  <posY>171</posY>
	  <label>Next:</label>
	  <textcolor>FF025984</textcolor>
	  <font>mediastream10</font>
	  <visible>player.hasmedia+control.isvisible(3337)+control.isvisible(3338)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>
	<control>
	  <description>next song info label</description>
	  <type>fadelabel</type>
	  <id>0</id>
	  <posX>230</posX>
	  <posY>171</posY>
	  <width>265</width>
	  <height>40</height>
	  <label>#Play.Next.Title by #Play.Next.Artist</label>
	  <textcolor>FF999999</textcolor>
	  <font>mediastream10</font>
	  <visible>player.hasmedia+control.isvisible(3337)+control.isvisible(3338)</visible>
	  <animation effect="slide" time="300" end="-30,0" reversible="true" condition="player.paused">Conditional</animation>
	  <animation effect="fade" time="500">WindowOpen</animation>
	  <animation effect="fade" time="500">WindowClose</animation>
	</control>

Since I am trying to go the easy way: what needs to be changed to get it going with 1.4? What where the skinning changes?

EDIT: Ok..changes the theme.xml version number to 1.4.0.0 at least shows me the spinning CD. But its a blank one and not using the one from CDARt...lets see...

EDIT 2: Working now. Had CDArt with spaces between Artist and Album...nice!!!

 

[The_Stig]

So for anyone interested attached my xmls for common overlays and for basic home.

Attention: this is still the 720p-Version. Not the current FullHD-resolution. Maybe anyone wants to port this to FullHD? Would be glad for this.

 

[murnaz]

is this work with 1.4

 

[The_Stig]

Now yes! Played a bit around and have a version for MP 1.4 and StreamedMP 2.1 now. See attached files. All credits still to Mr. V since I only altered the dimensions and my some adjustments to my needs.

Additionally I have tweaked the TVGuide for a 6-Row-Version with larger fonts. Maybe someone has a use for this?

 

[murnaz]

I try but on the now playing screen I cant see spinning cd music vievs default
thanks for your help

 

[The_Stig]

I try but on the now playing screen I cant see spinning cd music vievs default

Thats because its not integrated there . At least not with my files.

 

[The_Stig]

@murnaz: try attached file. Is quick & dirty, but should work...

 

[murnaz]

@murnaz: try attached file. Is quick & dirty, but should work...

yes its work with blank cd spinning Had CDArt with spaces between Artist and Album not work for me.. I try the old version of mod

 

[The_Stig]

Had CDArt with spaces between Artist and Album not work for me.. I try the old version of mod

Did this work with spaces in old mod? Don't remember to have changed something regard this. But I renamed all my CDArts to have no spaces in between...