Kodi Community Forum

Full Version: CD Wall Visualisation
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I really don't know why nobody in the shade forum and so less people in the whole xbmc forum are asking for an implementation for this great piece (also really great in its simplicity) of code by ronie.

i mean this is really kickin ass and a thing i've thought over for months-but why? ronie already has realized a cover toggling cd wall visualisation for music playback.

Image

Image

Image

Image

isn't that cool? Cool

ALL credit goes to ronie - thank you sir!

So what has to be done to implement this eyecandy to the shade skin?
1) install transparency if you haven't done it already
2) copy "Includes_CDWall.xml" out of the 720p folder into the shade 720p folder
3) open includes.xml in the shade 720p folder
4) add <include file="Includes_CDWall.xml" /> in line 16 or so
5) open custom_SkinSetting_1111.xml
6) add
Code:
<control type="label" id="133">
                        <width>750</width>
                        <height>45</height>
                        <font>Shade_20_Bold_title</font>
                        <label>CD Wall</label>
                        <textcolor>white</textcolor>
                        <shadowcolor>black</shadowcolor>
                        <align>left</align>
                        <aligny>center</aligny>
                    </control>
                    <control type="radiobutton" id="134">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>900</width>
                        <height>40</height>
                        <font>Shade_20</font>
                        <label>Enable CD Wall</label>
                        <textcolor>white</textcolor>
                        <focusedcolor>white</focusedcolor>
                        <texturefocus border="0,2,0,2">shade/menuitemfo.png</texturefocus>
                        <texturenofocus border="0,2,0,2">shade/menuitemnf.png</texturenofocus>
                        <onclick>Skin.ToggleSetting(CDWallNoVisualisation)</onclick>
                        <selected>Skin.HasSetting(CDWallNoVisualisation)</selected>
                    </control>
                    <control type="button" id="135">
                        <description>CD Wall Picture Path</description>
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>900</width>
                        <height>40</height>
                        <font>Shade_20</font>
                        <textcolor>white</textcolor>
                        <focusedcolor>white</focusedcolor>
                        <texturefocus border="0,2,0,2">shade/menuitemfo.png</texturefocus>
                        <texturenofocus border="0,2,0,2">shade/menuitemnf.png</texturenofocus>
                        <label>15311</label>
                        <label2>$INFO[Skin.String(CDWall_Folder_Path)]</label2>
                        <onclick>Skin.SetPath(CDWall_Folder_Path)</onclick>
                        <enable>Skin.HasSetting(CDWallNoVisualisation)</enable>
                    </control>
                </control>


just under
Code:
<onclick>Skin.ToggleSetting(EnableWeloView)</onclick>
                        <selected>Skin.HasSetting(EnableWeloView)</selected>
                    </control>
line 470 or so

7) open MusicVisualisation.xml and add
Code:
<include condition="!Skin.HasSetting(SafeMode)">cdwall-musicvisualisation</include>
under the second control line 27 or so
8) should work at this point, but for the real kick go to http://transparency-xbmc.googlecode.com/...unk/media/ and klick on cdwall-grid.png and save it in the shade "media" folder

Notice: the CD Wall Folder Path should contain all your album cover arts. The naming scheme is irrelevant and if those pictures are *.tbn files it will speed up the thing a little bit. #24 on this http://xbmc.org/skins/transparency/3/ page explains the shortest way to get them.

again: ALL CREDIT GOES TO ronie, i was only hijacking his skin and have "stolen" this piece of code out of his skin
Dunno if its just me but I see a weird cd cover art overlay without this mod when using the standard milkdrop visualization. Personally I use pandora or grooveshark so I don't keep enough music on my computer to use this mod.

But is there anyway to disable the default cd coverart overlay that shows on top of the milkdrop visualization?
Nevermind, I figured it out. I had to remove the default picture jpg from the musicvisualization.xml.

I think it looks better without fanart blended in with the visualization.
It does indeed looks nice. I'll look into implementing it for Shade-Eden 2.5.0
I've modified Aeon Nox 5 (build 5.1.5) and Aeon MQ5 (Build 6.0.2) to have this visualisation available.

Aeon Nox 4 used to already have this but the way it has been implemented in Aeon Nox 5 is completely different and in my opinion it lost some of its flexibility and is more static, so I've recreated the 'old style' CD-Wall.

You can download the modified files here:

Aeon Nox 5: https://mega.co.nz/#!VdQnlKKC!wZRx8WcP0Y...L7EcyMSKb8

Aeon MQ5: https://mega.co.nz/#!hJB1GLgA!OQn_8UCIgb...NDxPOqDYrM

Just copy the content of the zipfiles over your skin folder.

For those who are interested (maybe the original skinners so they can include it in future versions ;-)) the zipfiles contain a text file that explains what was modified.

Thanks again to Ronie for the original CD-Wall. Send your thank-you's there.

P.S. best make a copy of your skin folder so you can easily roll-back. Also, read the textfile first in case you don't use the english language version of xbmc. You will need to add the message strings to the strings.po file for your language.