Fanart, cdArt, ClearArt , Extrathumbs

Fanart, cdArt, ClearArt , Extrathumbs

Was ist Fanart?
Fanart ist der Begriff für jene Hintergrundbilder, die passend zum ausgewähltem Objekt (Datenbankeintrag) dargestellt werden.

Egal ob Video:

Im Hintergrund des Screens sieht man die Fanart des ausgewählten Objekts (Datenbankeintrag) "Zimmer 1408".

Oder Serien:

Im Hintergrund des Screens sieht man die Fanart des ausgewählten Objekts (Datenbankeintrag) "Eureka".

Bei Musik:

Im Hintergrund des Screens sieht man die Fanart des ausgewähltenObjekts (Datenbankeintrag) "ACDC".

Dies geht für jeden Inhalt. Mitlerweile sogar für Addons.

Einen speziellen Fall von Fanart haben wir beim Wetter.
Es ist möglich, die Bilder passend zum Wetter anzeigen zu lassen.

_________________________________________________________________________________________________________________________

Was ist ClearArt?
ClearArt sind freigestellte Bilder, passend zum Objekt (Datenbankeintrag).

Hier im Fullscreen Video:

Ein freigestelltes Bild, welches wiederum passend zum dargestelltem Inhalt angezeigt wird.

Hier im Navigationsbereich:

Ein freigestelltes Bild, welches anstelle eines normalen Covers angezeigt wird.

_________________________________________________________________________________________________________________________

Was ist CDArt?
Bei der cdART wird passend zum aktuellem Album eine CD, meist animiert, angezeigt.

[video]

Was sind Extrathumbs?
Extrathumbs sind Bilder, welche zusätzlich zu der eigentlichen Fanart angezeigt werden können.

Hier sieht man im Hintergrund (Fullscreen) die eigentliche Fanart.
Rechts die beiden Motive sind Extrathumbs.

_________________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________________

Wo liegt der Unterschied zwischen den Fanart, cdArt, ClearArt , Extrathumbs?

Fanart ist zu 100% im XBMC integriert.
Das bedeutet, dass von jeder Fanart ein Thumbnail generiert wird und im Systemordner des XBMC hinterlegt ist.
Dadurch hat das XBMC immer optimierte Dateien zur Darstellung, welche über die Datenbankeinträge abfragbar sind.
Schnell und zuverlässig. Eine Unterstützung dürfte bei allen Skins eingebaut sein.

Alle anderen "Extras" werden bei jeder "Auswahl" neu eingelesen.

Extrathumbs.... wo müssen die hin?
Extrathumbs befinden sich in einem Unterordner des ausgewählten Films.
z.B.: F/Filme/Alien/extrathumbs/01.jpg ...
Daraus ergibt sich, dass die Quelle verfügbar sein muss, wenn das Objekt "Alien" ausgewählt wird, damit die Extrathumbs angezeigt werden.
Das kann ein Nachteil sein, wenn man durch Filme navigiert, die zwar in der Datenbank sind, aber die Quelle (zb ein NAS-LAufwerk) noch nicht verfügbar ist.
Stockende Navigation.

Schick. Aber wie erstellt man die am schnellsten?
Noch kann das XBMC diese Bilder nicht selber generieren. Das XBMC kann aus dem Video bestenfalls 1 Thumbnail erstellen, welches es als Ersatz für ein fehlendes Dateiicon verwenden kann.
Als sinnvolle Unterstützung hat sich der EmberMediaManager herausgestellt. EMM
Hier kann man in den Settings einstellen, dass beim Scrapen Extrathumbs erzeugt werden:

(oben rechts)

Der EMM erstellt den notwendigen Unterordner sowie die angegebene Anzahl an Extrathumbs.

Alternativ kann man die Thumbs auch mit "Thumber" erstellen. Dank an mad-max.

Welche Skins unterstützen Extrathumbs?
Der Standartskin "Confluence" unterstützt es nicht von Haus aus, da man ja erst Dateien erstellen muss, um es nutzen zu können.
Da hilft nur probieren. "BDC" und "AEON" und "Carmichael" auf jeden Fall.

Wie lautet der Code im Skin, um Extrathumbs anzuzeigen?
Da es ja bereits eine Teilintegration gibt, ist es mit einem relativem Pfad angebbar:

<imagepath background="true">$INFO[ListItem.Path,,extrathumbs]</imagepath>

Es empfiehlt sich "background="true". Dadurch wird das Bild erst geladen, wenn alle anderen Motive der aktuellen Ansicht geladen sind.
Dadurch verhindert man ein Stocken beim Navigieren.

Fanart

Fanart ist zu 100% im XBMC integriert.
Das bedeutet, dass von jeder Fanart ein Thumbnail generiert wird und im Systemordner des XBMC hinterlegt ist.
Dadurch hat das XBMC immer optimierte Dateien zur Darstellung, welche über die Datenbankeinträge abfragbar sind.

Fanart kann man entweder durch die Verwendung von Scrapern erhalten oder durch manuelles hinzufügen.
Beim Scrapen wird die Datei automatisch aus dem Netz gezogen (zb. von HTPC-Backdrops.com).
Aus der Datei wird dann ein Thumbnail passend zur Auflösung des Skins generiert und zB. unter "Thumbnails/Video/Fanart/..." gespeichert.

Hat der Scraper keine Fanart gefunden, kann man diese auch manuell hinzufügen.
Die Datei muss dann im Bezugsordner liegen und mit fanart.jpg benannt werden.
F/Filme/alien/fanart.jpg

Im Datenbankmodus müßte die Information zum Film / zur Band nun aktualisiert werden, da das XBMC bei Fanart ja nicht mit dem Pfad arbeitet, sondern mit Datenbankeinträgen.
Aktualisiert man den Film, dann sucht das XBMC zu erst nach möglichen Offline-Inhalten (unsere fanart.jpg) und generiert dann aus dieser ein Thumbnail.

So ist Fanart auch sichtbar, wenn die ursprüngliche Quelle nicht vorhanden ist. Dafür verwendet das XBMC ja die Thumbnails.

Fanart läßt sich auch exportieren. Dann werden aus den Thumbnails wiederum fanart.jpg in den absoluten Pfaden erzeugt.
In den Videosettings unter "Datenbank exportieren".

CDArt ist ein wenig aufwändiger als die anderen Kandidaten.
Zum einen ist CDArt ähnlich zu betrachten wie Extrathumbs oder ClearArt.
Es sind also Daten, die das XBMC nicht selber generieren kann und auch keine Thumbnails für die Datenbank generiert.
CDArt nimmt immer Bezug auf das aktuell ausgewählte Album bzw Film.

Wie bekommt man CDArt?
CDArt kann mit Hilfe eines Plugins gescraped werden oder manuell hinzugefügt werden.
Bei der Verwendung des CDArt-Managers im XBMC (erhältlich über den AddonManager->Programme) benötigt man eine gepflegte Musikdatenbank. Für Filme verwendet man den Artwork Downloader.

Der CDArt-Manager durchsucht die Musik-Datenbank nach Einträgen und sucht Online unter fanart.TV nach Entsprechungen.
Diese werden dann als cdart.png im absolutem Pfad des Albumordners gespeichert.
Der ArtworkDownloader durchsucht verschiedene Quellen (werden im Addon angezeigt).

Musik/Rob Zombie/American Made Music To Strip By/cdart.png

Wie erstellt man CDArt manuell?
Wenn man eigene CDArt erstellen will, dann kann man zB. mit Gimp relativ schnell zum Ziel kommen.
Es gibt ja einige Seiten im Netz, auf denen man CD Cover finden kann. Oder man nimmt den guten alten Scanner, um an BasisDateien zu kommen.
Ein guter "Scraper" unter Windows ist der AlbumArtDownloader.

Eine Kurzanleitung, wie man es mit Gimp hinbekommt:

Gimp öffnen.
Das Bild öffnen, welches man bearbeiten möchte.
Gehe zu Layer>Transparency>Add Alpha Channel
Das Ellipse Select Tool auswählen, und in den Optione darunte einen Haken bei "Fixed: Aspect Ration" und darunter "1:1" setzen. (Im Bild nicht korrekt.)
Nun eine Auswahl außerhalb der CD machen: (Maus oben links ansetzen und den Kreis entsprechend der CD-Größe ziehen)

Dann auf Select>Invert (CTRL+I)
Dann ausschneiden (CTRL+X)
Dann den inneren Kreis genauso bearbeiten. Wobei man den dann nicht invertieren muss. (im Beispiel wurde etwas zu viel abgeschnitten)
Dann auf Image>AutoScale (nicht unbedingt notwendig)
Dann zu Image>Scale Image und auf 450X450 pixel setzen. (um die Auflösung für das XBMC in einem gutem Qualitäts/Leistungs Maßstab zu halten)
Und schon sollte es in etwa so wie hier aussehen:

Dann auf "Save as..." und das Bild als cdart.png speichern. Keine Haken bei "Save background Color" und "Save Color Values from Transparent Pixels" setzen.

Und um es dann abzurunden, lädt man die Datei bei fanart.TV rauf.
Dann haben alle etwas davon (und es fühlt sich gut an, wenn der CDArt-Manager die CD-Cover herunterlädt, die man selber eingetragen hat).

Welche Skins unterstützen CdArt?
Der Standartskin "Confluence" unterstützt es nicht von Haus aus, da man ja erst Dateien erstellen muss, um es nutzen zu können.
Da hilft nur probieren. "BDC" und "Carmichael" auf jeden Fall.

Wie lautet der Code im Skin, um CDArt anzuzeigen?
Da es ja bereits eine Teilintegration gibt, ist es mit einem relativem Pfad angebbar:

<texture>$INFO[Player.FolderPath]cdart.png</texture>

Eine CD, die aus einem Cover herauskommt und erst dann anfägnt sich zu drehen würde im Code so aussehen:

<control type="image" id="01">
<description>dirty hack for showing cdart image</description>
	<posx>20</posx>
	<posy>115</posy>
	<width>260</width>
	<height>260</height>
	<texture background="true">$INFO[Player.FolderPath]cdart.png</texture>
	<aspectratio align="bottom">keep</aspectratio>
	<animation type="WindowOpen">
	<effect type="slide" end="170" tween="cubic" easing="out" delay="1000" time="2000" />
	<effect type="rotate" center="auto" end="234" time="3250" />
	</animation>
	<animation type="WindowClose" reversible="false" condition="Player.Playing">
			<effect type="slide" start="70" end="0" tween="cubic" easing="out" time="2000" />
			<effect type="rotate" center="auto" start="0" end="20" time="500" />
			<effect type="rotate" center="auto" start="0" end="25" time="500" delay="500" />
			<effect type="rotate" center="auto" start="0" end="30" time="500" delay="1000" />
			<effect type="rotate" center="auto" start="0" end="36" time="500" delay="1500" />
	</animation>
                               <animation effect="rotate" end="-36000" center="auto" time="500000" loop="true" reversible="false" condition="true">Conditional</animation>
		<animation effect="rotate" end="-360" center="auto" time="3000" loop="true" reversible="false" condition="Player.Forwarding2x">Conditional</animation>
		<animation effect="rotate" end="-360" center="auto" time="2000" loop="true" reversible="false" condition="Player.Forwarding4x">Conditional</animation>
		<animation effect="rotate" end="-360" center="auto" time="1500" loop="true" reversible="false" condition="Player.Forwarding8x">Conditional</animation>
		<animation effect="rotate" end="-360" center="auto" time="1000" loop="true" reversible="false" condition="Player.Forwarding16x">Conditional</animation>
		<animation effect="rotate" end="-360" center="auto" time="500" loop="true" reversible="false" condition="Player.Forwarding32x">Conditional</animation>
		<animation effect="rotate" end="720" center="auto" time="3000" loop="true" reversible="false" condition="Player.Rewinding2x">Conditional</animation>
		<animation effect="rotate" end="720" center="auto" time="2000" loop="true" reversible="false" condition="Player.Rewinding4x">Conditional</animation>
		<animation effect="rotate" end="720" center="auto" time="1500" loop="true" reversible="false" condition="Player.Rewinding8x">Conditional</animation>
		<animation effect="rotate" end="720" center="auto" time="1000" loop="true" reversible="false" condition="Player.Rewinding16x">Conditional</animation>
		<animation effect="rotate" end="720" center="auto" time="500" loop="true" reversible="false" condition="Player.Rewinding32x">Conditional</animation>
		<animation effect="rotate" end="36000" center="auto" time="500000" loop="true" reversible="false" condition="Player.Paused">Conditional</animation>
		<animation effect="rotate" end="-28" center="auto" time="500" reversible="false" condition="Player.Paused">Conditional</animation>
		<animation effect="rotate" end="-15" center="auto" time="500" delay="500" reversible="false" condition="Player.Paused">Conditional</animation>
		<animation effect="rotate" end="-3" center="auto" time="250" delay="1000" reversible="false" condition="Player.Paused">Conditional</animation>
</control>

ClearArt

logo:

clearart:

Es gibt, wie erwähnt, Logos und "Fanart" in ClearArt.
ClearArt ist ebenfalls kein offizielles Feature des XBMC.
Aber auch hier gibt es bereits eine sehr gute Integration.

Wie kommt man an ClearArt?
Eine gute Quelle ist fanart.tv.
Ist man auf der Suche nach Logos für eine bestimmten Serie oder Film, ist dies die beste Quelle.

Geht das auch automatisch?
Mitlerweile kann man den ArtworkDownloader übder die Addons/Programme installieren.
Der durchsucht die Datenbank und zieht die Logos/Cleararts entsprechend aus dem Netz.

Was zieht das Script denn aus dem Netz?
Immer die zu den Einträgen passenden Logos und Clear-Fanart. Diese werden dann im absolutem Pfad der jeweiligen Serie/Filme gespeichert.
clearart.png und logo.png

Wie kann man diese nun verwenden?

In der Videofullscreen.xml

<texture>$INFO[Player.FolderPath,,clearart.png]</texture>
<texture>$INFO[Player.FolderPath,,logo.png]</texture>

Für alle anderen Ansichten:

<texture>$INFO[ListItem.Path,,logo.png]</texture>
<texture>$INFO[ListItem.Path,,clearart.png]</texture>

Wie man sieht, werden wieder Daten aus der Quelle geladen, und nicht aus irgendeinem System-Ordner des XBMC.

Welche Skins unterstützen das?
Night , Minimedia, Transparency! und Charmichael auf jeden Fall.

Es gibt was neues an der Extra-Schick-Front:
Artist-Clearart

Hierbei handelt es sich um das Logo einer Band bzw eines Künstlers.
Auch dies ist wieder kein offizielles Feature des XBMC.
Aber auch hier gibt es bereits eine sehr gute Integration.

logo.png (im Ordner des Künstlers)

Wie kommt man an ClearArt?
Eine gute Quelle ist auch hier wieder fanart.tv.

Geht das auch automatisch?
Der CDArt-Manager hat dies mitlerweile integriert (und greift auf die Daten von fanart.tv zurück)

Wie kann man diese nun verwenden?
Der Weg ist identisch mit der ClearArt bei den Serien.

Für die Aktivierung des Logos des aktuell abgespielten Künstlers: (NowPlaying.XML, Home.xml, Fullscreenvis)

<texture>$INFO[Player.FolderPath,,logo.png]</texture>

Für die Aktivierung des Logos des aktuell ausgewählten Künstlers:

<texture>$INFO[ListItem.Path,,logo.png]</texture>

Dann mußt du noch in den Skinsettings den Pfad zu deiner Musik angeben.
mad-max hat die Ansicht mit Pfaden gelöst. Dadurch kann er die Logos auch auf Album-Level anzeigen lassen.
Bei meinem BDC-Skin habe ich das nicht .... dafür muss man aber auch keinen Pfad angeben.

Die genauen SPECs bei FanartTV kenn ich auch nicht.
Aber du kannst ja eine CD runterladen und schauen, welche Auflösung die hat.
Die Gimpanleitung oben verwende ich nach wie vor.