User:Karellen/scratchpad: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
(Music Artwork deleted)
(Music Video Artwork Creation)
Line 1: Line 1:
[[User:Karellen|Karellen]] ([[User talk:Karellen|talk]]) 16:05, 7 July 2017 (EDT)
{{Artwork_Contents}}
 
{{mininav|[[Video library]] {{l2| [[Artwork]] }} {{l2| [[Music library]] }} }}
 
 
 
; {{see also|Music_concerts}}
 
 
 
<section begin="intro" />Music Video artwork are images directly related to an Artist or an Album. The images are, preferably, of high quality, that are displayed when viewing the Album or Artist entry in the library. The Music Video section in Kodi is able to display four types of artwork. This page will describe the different types of artwork available in the Music Video category of Kodi.<section end="intro" />
 
{{red|'''It is important to note the following:'''}}
*In previous versions of Kodi and in older wiki pages, the term Thumbnails was used to describe Artwork. Kodi has now moved away from referring to thumbnails due to the amount of confusion it caused users.
*While high resolution images do look impressive on HDTV's it is important to be aware that the increased artwork size can negatively affect low powered hardware.
 
 
 
 
= Requirements =
 
 
== Understanding the Music Video Library ==
*The Music Video library is part of the Video Library ''(MyVideos???.db)'' and not the Music Library ''(MyMusic??.db)''
*There is limited functionality for the Music Video Library, and there are no skins that handle Extended Artwork
*The online scraper source is TheAudioDB site.
:'''''See also[http://www.theaudiodb.com/ The AudioDB]'''''
 
 
== Adding Music to Library ==
; {{see also|Music_videos}}
; {{see also|Music_library}}
 
 
 
= Basic Music Artwork =
The artwork in the Basic section is the only artwork displayed by the default skin Estuary with a standard install.
 
{{red|'''Note the following:'''}}
*The following naming schemes apply '''only''' to the artwork you have manually sourced and saved. It does not apply to artwork downloaded by the Kodi scraper or any add-on processes.
*To ensure auto-scraping of '''local artwork''', the music video files must be correctly named and saved as detailed in the previous section.
*The following have the same properties as those for Music.
 
 
 
== Fanart- Artist ==
[[File:Artwork-MusicFanart01.jpg|400px|right]]
Fanart, also known as Wallpapers, Backdrops or Backgrounds, are images that have, in most cases, been created by fans.
 
For Kodi, it means digital images, of high quality, that are used as full screen displays to enhance the user experience. The fanart displays the artist or band.
;{{see also|FanArt}}
 
The image to the right is a typical example of music fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.
 
It is important to note that Kodi will '''not''' scrape local fanart for Music Videos. It needs to be manually applied.
 
<div style="{{linear-gradient|bottom|#d7ffcd, #ffadad}}">
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
{|
|- valign="top"
| '''''File Type'''''
| '''''Aspect Ratio'''''
| '''''Resolution- <small>recommended</small>'''''
|- valign="top"
| width=150px | {{nowrap|*.jpg or png}}
| width=200px | {{nowrap|16:9}}
| width=200px | {{nowrap|1920x1080}}
|}
</div><br />
 
<div style="{{linear-gradient|top|#d7ffcd, #ffadad}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
|- valign="top"
| width=300px |'''''Music saved as'''''
| width=250px |'''''File Name'''''
| width=600px |'''''Save name & location example'''''
|- valign="top"
| width=300px |\MusicVideos\filename
| width=250px |<Artist> - <Song>-fanart.jpg (or *.png)
| width=600px |f:\MusicVideos\ABBA - Dancing Queen-fanart.jpg (or *.png) - **Kodi will not scrape local fanart
|}
</div>
 
 
 
== Artist Image ==
[[File:Artwork-MusicArtist01.jpg|400px|right]]
The Artist Image is also known as Poster, Artist Thumb or just Thumb within Kodi, and is saved as ''folder.jpg'' within the artist folder. They are high quality images of the artist or band members. The image to the right is displaying the Artist Image using the Infowall view in Estuary.
 
<div style="{{linear-gradient|bottom|#f5d3ff, #12b2e7}}">
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
{|
|- valign="top"
| '''''File Type'''''
| '''''Aspect Ratio'''''
| '''''Resolution- <small>recommended</small>'''''
|- valign="top"
| width=150px | {{nowrap|*.jpg or *.png}}
| width=200px | {{nowrap|1:1}}
| width=200px | {{nowrap|1000x1000}}
|}
</div><br />
 
<div style="{{linear-gradient|top|#f5d3ff, #12b2e7}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
|- valign="top"
| width=300px |'''''Music saved as'''''
| width=250px |'''''File Name'''''
| width=600px |'''''Save name & location example'''''
|- valign="top"
| width=300px |Artist\Album\Songs
| width=250px |folder.jpg (or *.png)
| width=600px |f:\Music\Madonna\folder.jpg (or *.png)
|}
</div>
 
 
 
=== Manually Adding Artist Artwork ===
From within Kodi, you have the ability to manually change the artwork at any time as follows:
 
#Select the Artist whose artwork you would like to add or change.
#Call up the Artist Information page. (Image 1)
#There are two options titled ''Get Thumb'' and ''Get Fanart''. (Image 1)
#Selecting ''Get Thumb''  will present you the options as seen in Image 2
#Selecting ''Get Fanart''  will present you the options as seen in Image 3
#These options are a list of available artworks at the scraper site, or you can navigate to a local or network location as shown in the images.
#Select the desired artwork. Once selected, simply back out of the screen. There is no option to press ''ok'' or ''confirm''
<gallery widths=450px heights=250px>
File:Artwork-MusicAdd01.jpg|Image 1- Choose either Get thumb or Get fanart on the Artist Information Page
File:Artwork-MusicAdd02.jpg|Image 2- The browse screen for Get Thumb (Artist Image). Select from Current, Local or Remote (online) sources
File:Artwork-MusicAdd03.jpg|Image 3- The browse screen for Get Fanart. Select from Current, Local or Remote (online) sources
</gallery>
 
 
 
== Album Image ==
[[File:Artwork-MusicAlbum01.jpg|400px|right]]
The album image is also known as the Album Thumb, Album Cover or as Thumb within Kodi. They are high quality images of the Album cover and each album folder would have its own album Folder image. They are saved as ''folder.jpg'' or ''cover.jpg'' inside the album folder. The image to the right is displaying the album images using the Infowall view in Estuary.
 
<div style="{{linear-gradient|bottom|#f5d3ff, #12b2e7}}">
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
{|
|- valign="top"
| '''''File Type'''''
| '''''Aspect Ratio'''''
| '''''Resolution- <small>recommended</small>'''''
|- valign="top"
| width=150px | {{nowrap|*.jpg or *.png}}
| width=200px | {{nowrap|1:1}}
| width=200px | {{nowrap|1000x1000}}
|}
</div><br />
 
<div style="{{linear-gradient|top|#f5d3ff, #12b2e7}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
|- valign="top"
| width=300px |'''''Music saved as'''''
| width=250px |'''''File Name'''''
| width=600px |'''''Save name & location example'''''
|- valign="top"
| width=300px |Artist\Album\Songs
| width=250px |folder.jpg (or *.png)
| width=600px |f:\Music\Madonna\Like A Prayer\folder.jpg (or *.png)
|- valign="top"
| width=300px |also
| width=250px |cover.jpg (or *.png)
| width=600px |f:\Music\Madonna\Like A Prayer\cover.jpg (or *.png)
|}
</div>
 
 
 
=== Manually Adding Album Artwork ===
From within Kodi, you have the ability to manually change the Album artwork at any time.
 
#Select the Album whose artwork you would like to add or change.
#Call up the Album Information page.
#Select ''Get Thumb'' as seen in Image 1 below.
#You will be presented a list of available artworks at the scraper site, or you can navigate to a local or network location as shown in Image 2
#Select the desired artwork. Once selected, simply back out of the screen. There is no option to press ''ok'' or ''confirm''
<gallery widths=450px heights=250px>
File:Artwork-MusicAdd04.jpg|Image 1- Choose Get thumb on the Album Information Page
File:Artwork-MusicAdd05.jpg|Image 2- The browse screen for Get Thumb (Album Image). Select from Current, Local or Remote (online) sources
</gallery>
 
 
 
== Source Folder Artwork ==
[[File:Artwork-VideoFolder01.jpg|400px|right]]
 
The Folder Artwork, also known as Source Folder thumb,  can be landscape, portrait or square images that are used to replace the standard folder icons when browsing your music sources in the files section. You will not see this artwork in the Music menu. This image file is saved directly within the Source directory.
 
To enable the image, navigate to Music>Files in the menu system. Highlight a source and call up the Context Menu. Select Choose Thumbnail. If you have saved the image in the correct location, it will be available to select immediately. If not, you will need to navigate to locate and select it. The image must remain in its original location once selected as it will not be cached. Deleting the image will remove it from view in the folder icon.
 
You are able to also apply the folder thumb by modifying the '''\userdata\sources.xml''' as follows
 
<pre><nowiki>
<source>
  <name>music</name>
  <path>xbms://192.168.1.100:1400/Music/</path>
  <thumbnail>F:\Apps\XBMC\thumbs\shares\thumb.png</thumbnail>
</source>
</nowiki></pre>
 
<div style="{{linear-gradient|bottom|#f5d3ff, #12b2e7}}">
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
{|
|- valign="top"
| '''''File Type'''''
| '''''Aspect Ratio'''''
| '''''Resolution- <small>recommended</small>'''''
|- valign="top"
| width=150px | {{nowrap|*.jpg}}
| width=200px | {{nowrap|16:9}}
| width=200px | {{nowrap|640x360}}
|- valign="top"
| width=150px | {{nowrap|*.jpg}}
| width=200px | {{nowrap|1:1.5}}
| width=200px | {{nowrap|400x600}}
|- valign="top"
| width=150px | {{nowrap|*.jpg}}
| width=200px | {{nowrap|1:1}}
| width=200px | {{nowrap|500x500}}
|}
</div><br />
 
<div style="{{linear-gradient|top|#f5d3ff, #12b2e7}}">
'''''Naming conventions for your own manually sourced artwork:'''''
{|
|- valign="top"
| width=200px |'''''Source'''''
| width=250px |'''''File Name'''''
| width=600px |'''''Save name & location example'''''
|- valign="top"
| width=200px |Folder Artwork:
| width=250px |folder.jpg
| width=600px |f:\Music\folder.jpg
|- valign="top"
| width=200px |Alternative name:
| width=250px |<foldername>.jpg
| width=600px |f:\Musc\Music.jpg
|}
</div>
 
 
 
{{Top}}
 
 
{{updated|17}}
[[Category:FAQ]]
[[Category:Index]]
[[Category:Guides]]
[[Category:Manual]]
[[Category:First time user]]
[[Category:Music library]]
[[Category:Advanced topics]]
[[Category:Quick Start Guide]]

Revision as of 07:06, 13 July 2017

Artwork contents

Artwork Main Page



See also:


Return to:

Home icon grey.png   ▶ Video library
▶ Artwork
▶ Music library
▶ scratchpad



Music Video artwork are images directly related to an Artist or an Album. The images are, preferably, of high quality, that are displayed when viewing the Album or Artist entry in the library. The Music Video section in Kodi is able to display four types of artwork. This page will describe the different types of artwork available in the Music Video category of Kodi.

It is important to note the following:

  • In previous versions of Kodi and in older wiki pages, the term Thumbnails was used to describe Artwork. Kodi has now moved away from referring to thumbnails due to the amount of confusion it caused users.
  • While high resolution images do look impressive on HDTV's it is important to be aware that the increased artwork size can negatively affect low powered hardware.



Requirements

Understanding the Music Video Library

  • The Music Video library is part of the Video Library (MyVideos???.db) and not the Music Library (MyMusic??.db)
  • There is limited functionality for the Music Video Library, and there are no skins that handle Extended Artwork
  • The online scraper source is TheAudioDB site.
See alsoThe AudioDB


Adding Music to Library


Basic Music Artwork

The artwork in the Basic section is the only artwork displayed by the default skin Estuary with a standard install.

Note the following:

  • The following naming schemes apply only to the artwork you have manually sourced and saved. It does not apply to artwork downloaded by the Kodi scraper or any add-on processes.
  • To ensure auto-scraping of local artwork, the music video files must be correctly named and saved as detailed in the previous section.
  • The following have the same properties as those for Music.


Fanart- Artist

Artwork-MusicFanart01.jpg

Fanart, also known as Wallpapers, Backdrops or Backgrounds, are images that have, in most cases, been created by fans.

For Kodi, it means digital images, of high quality, that are used as full screen displays to enhance the user experience. The fanart displays the artist or band.

The image to the right is a typical example of music fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.

It is important to note that Kodi will not scrape local fanart for Music Videos. It needs to be manually applied.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or png 16:9 1920x1080


Naming and Saving conventions for your own manually sourced artwork:

Music saved as File Name Save name & location example
\MusicVideos\filename <Artist> - <Song>-fanart.jpg (or *.png) f:\MusicVideos\ABBA - Dancing Queen-fanart.jpg (or *.png) - **Kodi will not scrape local fanart


Artist Image

Artwork-MusicArtist01.jpg

The Artist Image is also known as Poster, Artist Thumb or just Thumb within Kodi, and is saved as folder.jpg within the artist folder. They are high quality images of the artist or band members. The image to the right is displaying the Artist Image using the Infowall view in Estuary.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or *.png 1:1 1000x1000


Naming and Saving conventions for your own manually sourced artwork:

Music saved as File Name Save name & location example
Artist\Album\Songs folder.jpg (or *.png) f:\Music\Madonna\folder.jpg (or *.png)


Manually Adding Artist Artwork

From within Kodi, you have the ability to manually change the artwork at any time as follows:

  1. Select the Artist whose artwork you would like to add or change.
  2. Call up the Artist Information page. (Image 1)
  3. There are two options titled Get Thumb and Get Fanart. (Image 1)
  4. Selecting Get Thumb will present you the options as seen in Image 2
  5. Selecting Get Fanart will present you the options as seen in Image 3
  6. These options are a list of available artworks at the scraper site, or you can navigate to a local or network location as shown in the images.
  7. Select the desired artwork. Once selected, simply back out of the screen. There is no option to press ok or confirm


Album Image

Artwork-MusicAlbum01.jpg

The album image is also known as the Album Thumb, Album Cover or as Thumb within Kodi. They are high quality images of the Album cover and each album folder would have its own album Folder image. They are saved as folder.jpg or cover.jpg inside the album folder. The image to the right is displaying the album images using the Infowall view in Estuary.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or *.png 1:1 1000x1000


Naming and Saving conventions for your own manually sourced artwork:

Music saved as File Name Save name & location example
Artist\Album\Songs folder.jpg (or *.png) f:\Music\Madonna\Like A Prayer\folder.jpg (or *.png)
also cover.jpg (or *.png) f:\Music\Madonna\Like A Prayer\cover.jpg (or *.png)


Manually Adding Album Artwork

From within Kodi, you have the ability to manually change the Album artwork at any time.

  1. Select the Album whose artwork you would like to add or change.
  2. Call up the Album Information page.
  3. Select Get Thumb as seen in Image 1 below.
  4. You will be presented a list of available artworks at the scraper site, or you can navigate to a local or network location as shown in Image 2
  5. Select the desired artwork. Once selected, simply back out of the screen. There is no option to press ok or confirm


Source Folder Artwork

Artwork-VideoFolder01.jpg

The Folder Artwork, also known as Source Folder thumb, can be landscape, portrait or square images that are used to replace the standard folder icons when browsing your music sources in the files section. You will not see this artwork in the Music menu. This image file is saved directly within the Source directory.

To enable the image, navigate to Music>Files in the menu system. Highlight a source and call up the Context Menu. Select Choose Thumbnail. If you have saved the image in the correct location, it will be available to select immediately. If not, you will need to navigate to locate and select it. The image must remain in its original location once selected as it will not be cached. Deleting the image will remove it from view in the folder icon.

You are able to also apply the folder thumb by modifying the \userdata\sources.xml as follows

<source>
   <name>music</name>
   <path>xbms://192.168.1.100:1400/Music/</path>
   <thumbnail>F:\Apps\XBMC\thumbs\shares\thumb.png</thumbnail>
</source>

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg 16:9 640x360
*.jpg 1:1.5 400x600
*.jpg 1:1 500x500


Naming conventions for your own manually sourced artwork:

Source File Name Save name & location example
Folder Artwork: folder.jpg f:\Music\folder.jpg
Alternative name: <foldername>.jpg f:\Musc\Music.jpg


Return to top