XBMC Community Forum
"cdArt" concept - current cdImage with artist fanart support in music visualizations - Printable Version

+- XBMC Community Forum (http://forum.xbmc.org)
+-- Forum: Help and Support (/forumdisplay.php?fid=33)
+--- Forum: Skin Help and Support (/forumdisplay.php?fid=67)
+---- Forum: Artwork packs (/forumdisplay.php?fid=71)
+---- Thread: "cdArt" concept - current cdImage with artist fanart support in music visualizations (/showthread.php?tid=53242)

Pages: 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


- sjobbels - 2011-10-01 11:24

ok thanks Kode!
Resolution is 1000 x 1000 or not? Than I'll have to change that for future cd covers.
Can I upload the 450x450 ones as well?


- Kode - 2011-10-01 17:48

yeah, resolution is 1000 x 1000, use the template provided here http://fanart.tv/resources/fanart-cd-template-v2.psd if you use photoshop, with a tutorial on using it here http://fanart.tv/tutorials/cdart-template/ if you use the GIMP that template wont work properly though, so read this forum post http://fanart.tv/topic/problem-with-gimp-cdart-template/page/2/#post-707

No, the site won't allow you to upload 450 x 450 ones, all the 450 x 450 images that are currently on the site are flagged to be replaced..

Hope that helps Smile


- kitsunegari - 2011-11-06 15:41

Does this work with Aeon Nox? If so is there an idiots guide to getting it workign?


- Martijn - 2011-11-06 15:44

kitsunegari Wrote:Does this work with Aeon Nox? If so is there an idiots guide to getting it workign?

Yes. Use CDArt Manager and set the path where you want the artwork to be stored. In Nox go to skin setting and find "set music path to music library"and chose the exact same location.


Cdart working but no fanart backgrounds - lee1963 - 2011-12-07 14:00

Cdart spinning and looks great but i can not get the fanart backgrounds to work , i have set the visualization to none .
could someone give me an example of the correct format for the fanart Album/Artist foldername and any other ideas as to what is going wrong

windows 7
xbmc 10.1
aeon nox

many thanx


- Martijn - 2011-12-07 23:27

for example
d:\music\<artist>\extrafanart\<place your images inside the folders>

In skin settings set the music library path to that folder.
You can also use CDart mananager to automate that process


- Martijn - 2011-12-11 01:01

PS and GIMP templates available including how-to on http://fanart.tv/cdart/


- Peerless - 2011-12-18 18:56

Hi, guys. About the resolution:

Isn't 1000 x 1000 a bit overkill? Ofcourse, having them that big is future proof, 'cause you can always downscale them, but not the other way around.

Anyway, i've used 450 x 450 before and they look good on a 50' plasma.

I'm just wondering though, do you guys keep them at 1000 x 1000 or resize them manually? In terms of performance hit, will reducing their size help?

I'm resizing mine to 800 x 800 just because... I really don't know. How are you guys doing it?

Thank you.


- Martijn - 2011-12-18 19:14

the cdart for music are also 1000x1000 (they used to be 450x450) and the template to help make is also that size.
It may be a little big but like you sad it is future proof.
You can always downsize them. In the case of the screenshot you showed it won't be a problem when they are 450x450 but we also have to look at other potential use that may require a higher resolution. For skins it doesn't matter if they are 1000x1000 because they will be schrunk to the required size.
Of course the smaller the image the better the performance
Usually we start off with images larger than 1000x1000 and then size them down. Although there's no real harm if you upsize them a bit from let's say 800. We each judge them on quality.


RE: "cdArt" concept - current cdImage with artist fanart support in music visualizations - win88ice2004 - 2012-04-13 01:28

I still cannot get this to work in aeon nox. I have it set up like this

X:music\3 Doors Down\The Better Life\cdart.png

This is the folder all of my mp3 are stored. I go back into xbmc, refresh, tried everything. I cannot get the image to show. I have the generic cd spinning so I know cdart is enabled. Any ideas, this is really bugging me!


RE: "cdArt" concept - current cdImage with artist fanart support in music visualizations - Joeforsale - 2012-04-24 17:41

I really like CDArt Manager. Is there a way to use the cdart for my library as well? I know I could individually change the thumbs, but I was wondering if there was a much faster way to do it. Any suggestions would be great.


RE: Vynil record player - thewarm - 2012-05-07 17:47

(2010-09-30 08:13)epoke Wrote:  [Image: ?module=file&amp;act=procFileDownloa...e0d3d5f9af]


MusicVisualisation.xml
Files to skin/media/cdart/ folder

I got this vynil artwork from this post.

PHP Code:
        <control type="group">
            <
animation effect="slide" start="0,450" end="0" time="1500" tween="cubic" easing="out" delay="400">WindowOpen</animation>
            <
animation effect="slide" start="0" end="0,450" time="1500" tween="cubic" easing="in">WindowClose</animation>
            <
control type="image">
                <
description>Player Base</description>
                <
posx>30</posx>
                <
posy>-150</posy>
                <
width>330</width>
                <
height>270</height>
                <
texture>cdart/lpplayer.png</texture>
                <
aspectratio align="bottom">keep</aspectratio>
                <
visible>Skin.HasSetting(cdartinvis)</visible>
            </
control>
            <
control type="image">
                <
description>Turntable</description>
                <
animation effect="rotate" end="-360" center="auto" time="1800" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>
                <
posx>40</posx>
                <
posy>-146</posy>
                <
width>262</width>
                <
height>262</height>
                <
texture>cdart/turntable.png</texture>
                <
aspectratio align="bottom">keep</aspectratio>
                <
visible>Skin.HasSetting(cdartinvis)</visible>
            </
control>
            <
control type="group">
                <
control type="image">
                <
description>Vynil record</description>
                <
animation effect="rotate" end="-360" center="auto" time="1800" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>
                <
posx>44</posx>
                <
posy>-141</posy>
                    <
width>253</width>
                    <
height>253</height>
                    <
texture>cdart/vynil.png</texture>
                    <
aspectratio align="bottom">keep</aspectratio>
                    <
visible>Skin.HasSetting(cdartinvis)</visible>
                </
control>
                <
control type="image">
                    <
description>CDart as vynil label</description>
                    <
animation effect="rotate" end="-360" center="auto" time="1800" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>
                    <
posx>117</posx>
                    <
posy>-69</posy>
                    <
width>110</width>
                    <
height>110</height>
                    <
texture>$INFO[Player.FolderPath]/cdart.png</texture>
                    <
aspectratio align="bottom">keep</aspectratio>
                    <
visible>Skin.HasSetting(cdartinvis)</visible>
                </
control>
            </
control>
            <
control type="image">
                <
description>Tonearm</description>
                <
animation effect="rotate" start="-13" end="-38" center="318,-110" time="3000000" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>
                <
posx>287</posx>
                <
posy>-148</posy>
                <
width>53</width>
                <
height>207</height>
                <
texture>cdart/tonearm.png</texture>
                <
aspectratio align="bottom">keep</aspectratio>
                <
visible>Skin.HasSetting(cdartinvis)</visible>
            </
control>
      
            <
control type="group">
                <
description>Cover</description>
                <
visible>!substring(MusicPlayer.Cover,default) + Skin.HasSetting(cdartinvis)</visible>
                <
control type="image">
                    <
posx>380</posx>
                    <
posy>-80</posy>
                    <
width>200</width>
                    <
height>200</height>
                    <
texture>$INFO[MusicPlayer.Cover]</texture>
                    <
aspectratio align="bottom">stretch</aspectratio>
                </
control>
                <
control type="image">
                    <
description>Cover overlay</description>
                    <
posx>380</posx>
                    <
posy>-80</posy>
                    <
width>200</width>
                    <
height>200</height>
                    <
texture>cdart/cover_matte.png</texture>
                    <
aspectratio align="bottom">stretch</aspectratio>
                </
control>
            </
control>

            <
control type="group">
                <
control type="image">
                    <
description>Diveder line</description>
                    <
posx>535</posx>
                    <
posy>-25</posy>
                    <
width>650</width>
                    <
height>3</height>
                    <
texture>windows/list_divider.png</texture>
                    <
visible>Skin.HasSetting(cdartinvis)</visible>
                </
control>
                <
control type="group">
                    <
visible>Skin.HasSetting(cdartinvis)</visible>
                    <!-- 
Display Album instead of Artist if Artist is empty -->
                    <
control type="label">
                        <
description>Song title</description>
                        <
posx>600</posx>
                        <
posy>-83</posy>
                        <
width>665</width>
                        <
height>25</height>
                        <
align>left</align>
                        <
aligny>-</aligny>
                        <
scroll>true</scroll>
                        <
font>Font_WidgetLarge</font>
                        <
label>[COLOR B5FFFFFF]$INFO[MusicPlayer.Title][/COLOR]</label>
                    </
control>
                    <
control type="label">
                        <
description>Album</description>
                        <
posx>600</posx>
                        <
posy>-83</posy>
                        <
width>665</width>
                        <
height>25</height>
                        <
align>left</align>
                        <
aligny>-</aligny>
                        <
scroll>true</scroll>
                        <
font>Font_WidgetLarge</font>
                        <
label>[COLOR B5FFFFFF]$INFO[MusicPlayer.Album][/COLOR]</label>
                        <
visible>IsEmpty(MusicPlayer.Artist)</visible>
                    </
control>
                    <!-- 
end -->
                    <
control type="label">
                        <
description>Album and year</description>
                        <
posx>600</posx>
                        <
posy>-20</posy>
                        <
width>665</width>
                        <
height>24</height>
                        <
align>left</align>
                        <
aligny>-</aligny>
                        <
scroll>true</scroll>
                        <
font>Font_OSDMusicArtist</font>
                        <
label>[COLOR 80c2c4c3]$INFO[MusicPlayer.Album$INFO[MusicPlayer.Year,[,]][/COLOR]</label>
                        <
visible>!IsEmpty(MusicPlayer.Artist)</visible><!-- MusicPlayer.Album is already displayed if Artist is empty -->
                    </
control>
                    <
control type="label">
                        <
description>Artist</description>
                        <
posx>600</posx>
                        <
posy>10</posy>
                        <
width>665</width>
                        <
height>30</height>
                        <
align>left</align>
                        <
aligny>-</aligny>
                        <
font>Font_OSDMusicArtist</font>
                        <
label>[COLOR A0FFFFFF]$INFO[MusicPlayer.Artist][/COLOR]</label>
                    </
control>
                </
control>
                <
control type="fadelabel">
                    <
description>Previous Next Fadelabel</description>
                    <
posx>600</posx>
                    <
posy>40</posy>
                    <
width>600</width>
                    <
visible>true</visible>
                    <
scroll>false</scroll>
                    <
scrollout>false</scrollout>
                    <
scrollspeed>100</scrollspeed>
                    <
pauseatend>5000</pauseatend>
                    <
label>$LOCALIZE[31715]: $INFO[MusicPlayer.offset(-1).Artist]$INFO[MusicPlayer.offset(-1).Title, - ]</label>
                    <
label>$LOCALIZE[31704]: $INFO[MusicPlayer.offset(1).Artist]$INFO[MusicPlayer.offset(1).Title, - ]</label>
                    <
font>font14</font>
                    <
textcolor>50FFFFFF</textcolor>
                    <
textoffsetx>0</textoffsetx>
                    <
visible>![IsEmpty(MusicPlayer.offset(1).Title) + IsEmpty(MusicPlayer.offset(-1).Title) + IsEmpty(MusicPlayer.offset(1).Artist) + IsEmpty(MusicPlayer.offset(-1).Artist)] + Skin.HasSetting(cdartinvis)</visible>
                </
control>
                <
control type="label">
                    <
description>Current time and Duration</description>
                    <
posx>600</posx>
                    <
posy>45</posy>
                    <
width>500</width>
                    <
height>500</height>
                    <
font>Font_bigtime</font>
                    <
label>[COLOR 60FFFFFF]$INFO[MusicPlayer.Time]$INFO[MusicPlayer.Duration, / ][/COLOR]</label>
                    <
align>left</align>
                    <
visible>Skin.HasSetting(cdartinvis)</visible>
                </
control>
            </
control>
        </
control

What skins does this work with?
Thanks


Not in proportion - sjobbels - 2013-02-18 15:18

I'm installing xbmc on a new device for a friend of mine.
When playing a cd the cdart has a really strange proportion. What can I do to get it normal.
See picture (sorry couldn't find a record button on the remote to create a screenshot)

[Image: fotobs.jpg]