Music Video artwork: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
(Overhaul)
Line 1: Line 1:
{{Artwork_Contents}}
{{Artwork_Contents}}
{{mininav|[[Video library]] {{l2| [[Music library]] }}| [[Artwork]] }}


{{mininav|[[Video library]] {{l2| [[Artwork]] }} {{l2| [[Music library]] }} }}
; {{see also|Music_concerts}}
{{progress|60}}
<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.




<section begin="intro" />Music Video artwork are images directly related to a music video clip, preferably of high quality that are displayed when viewing the music video entry in the library. The artwork support in {{Kodi}}'s video library is very flexible and able to display many types of artwork depending on the skin in use.<section end="intro" />




= Requirements =
= Requirements =
; {{see|Music videos}}


 
*The Music Video library is part of the Video Library ''(MyVideos#.db)'' and not the Music Library ''(MyMusic#.db)''
== Understanding the Music Video Library ==
*'''''[[Smart_playlists|Smart Playlists]]''''' can be created to include Music and Music Videos by using the type '''Mixed'''
*The Music Video library is part of the Video Library ''(MyVideos???.db)'' and not the Music Library ''(MyMusic??.db)''
*There are no add-ons that load extended artwork
*There is limited functionality for the Music Video Library, and there are no skins that handle Extended Artwork
*There are no add-ons that allow extended artwork
*The online scraper source is TheAudioDB site.
*The online scraper source is TheAudioDB site.
:'''''See also[http://www.theaudiodb.com/ The AudioDB]'''''
:'''''See also[http://www.theaudiodb.com/ The AudioDB]'''''




== Adding Music to Library ==
= Scanning & Scraping =
; {{see also|Music_videos}}
v18 introduces an '''experimental''' feature that will auto-load '''local''' extended artwork without the use of additional add-ons. It is considered an advanced feature. Usage and practicality of this feature are being monitored and may change in later releases.
; {{see also|Music_library}}
; {{see also|Import-Export_library}}


In the Music Video Library, artwork is described as follows:


{| class="prettytable"
|-
! colspan="2" style="text-align:left;" | Basic Artwork
! colspan="1" style="text-align:left; background-color:#ffffff;" |
! colspan="8" style="text-align:left;" | Extended Artwork
|-
|style="width:80px; text-align:left;"|fanart
|style="width:80px; text-align:left;"|poster
|style="text-align:left; background-color:#ffffff;" |
|style="width:80px; text-align:left;"|banner
|style="width:80px; text-align:left;"|clearart
|style="width:80px; text-align:left;"|clearlogo
|style="width:80px; text-align:left;"|discart
|style="width:100px; text-align:left;"|fanart''xx'' (extrafanart)
|style="width:80px; text-align:left;"|landscape
|}


= Basic Music Artwork =
'''Basic''' artwork requires no special setup as it has always been natively scanned and scraped by {{kodi}}
The artwork in the Basic section is the only artwork displayed by the default skin Estuary with a standard install.


{{red|'''Note the following:'''}}
'''Extended''' Is available from v18 only using the '''[[Advancedsettings.xml#Extra artwork| whitelisted in advancedsettings.xml]]''' method.
*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 this section.
*The Music Video images have the same properties as those for Music. If you have an Artist and/or Album that appears in both the Music library and the Music Video library, it would be time efficient to use the same images in both libraries.
*All images are cached. '''''See: [[Artwork#Cache]]'''''


The Music Videos library supports '''local only''' Extended artwork. To use this feature...


:'''1.''' Add the below code to the '''[[Advancedsettings.xml| advancedsettings.xml]]''' file, ensuring you do not duplicate any tags if they already exist... eg ''<advancedsettings></advancedsettings>, <videolibrary></videolibrary>''
:'''2.''' Save correctly named local artwork as detailed in the next section - ''Artwork Types''. The Music Video scraper does not download extended artwork.
:'''3.''' Restart {{kodi}} and scan or scrape music videos as per usual.


== Artist Image ==
:'''Note:''' The code box below adds common extended artwork that most skins will utilise. It is your choice which extended artwork you add. If you add additional to that shown, ensure the skin has support to display it.
[[File:Artwork-MusicArtist01.jpg|400px|right]]
<syntaxhighlight lang="xml" line='line'>
The Artist Image is also known as Poster, Artist Thumb or just Thumb. 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.
<advancedsettings>
<videolibrary>
        <musicvideoextraart>
          <arttype>banner</arttype>
          <arttype>clearart</arttype>
          <arttype>clearlogo</arttype>
          <arttype>discart</arttype>
          <arttype>fanart1</arttype> <!-- Multiple fanart -->
          <arttype>fanart2</arttype> <!-- Add as many as required. -->
          <arttype>fanart3</arttype>
          <arttype>landscape</arttype>
        </musicvideoextraart>
</videolibrary>
</advancedsettings>
</syntaxhighlight>


Kodi will not automatically scrape the Artist Image. The Artist image must be manually added as described below.
<div style="{{linear-gradient|bottom|#fffec7, #ffc7ff}}">
'''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|#fffec7, #ffc7ff}}">
'''''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>-folder.jpg (or *.png)
| width=600px |f:\MusicVideos\ABBA-folder.jpg (or *.png) - '''**Kodi will not scrape Artist Image'''
|}
</div>


= Local Artwork =
Local Music Video artwork is saved in the same folder where the music video file is saved.


=== Manually Adding Artist Artwork ===
The default file name for music video artwork is  '''<music video file name>-<arttype>.<ext>''' - see image below.
From within Kodi, you have the ability to manually change the artwork at any time as follows:


#Highlight the Artist whose artwork you would like to add or change.
<gallery mode="packed" widths="600px" heights="310px">
#Call up the Context Menu. (Image 1)
File:Artwork-MusicVideoExample01.jpg|'''Correct naming and placement of artwork'''
#Select ''Set artist thumb''. (Image 1)
#Select Browse to navigate to the location of the image on your local or network drives. (Image 2)
#Select the desired artwork. Once selected it will be automatically applied and return to the Artist listing.
<gallery widths=450px heights=250px>
File:Artwork-MusicVideoAdd01.jpg|Image 1- Select ''Set artist thumb'' from the Context Menu
File:Artwork-MusicVideoAdd02.jpg|Image 2- The browse screen to locate and select your image
</gallery>
</gallery>






== Fanart- Video Clip ==
== Manually Adding Music Video Artwork ==
[[File:Artwork-MusicFanart01.jpg|400px|right]]
To add or change artwork manually, follow the steps in the images...
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.
<gallery mode="packed" widths="500px" heights="281px">
File:Artwork-MusicVideoAdd03.jpg|Image 1- From the Information page for the Music Video clip, select ''Choose art''
File:Artwork-MusicVideoAdd04.jpg|Image 2- Select which artwork type to modify
File:Artwork-MusicVideoAdd05.jpg|Image 3- Select the artwork from Current, Remote (online) or browse Local sources
</gallery>




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.


Each Music Video file can have its own Fanart image. This means that if you have a number of Music Video's from one artist, each can have its own individual fanart image.
= Artist Image =
The Artist Image for Music Videos has the same requirements as for the artist image in the Music library.
: '''''See: [[Music_artwork|Music Artwork]]'''''


<div style="{{linear-gradient|bottom|#fffec7, #ffc7ff}}">
'''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|#fffec7, #ffc7ff}}">
If the same Artist is listed in the Music library, artist images will be automatically inherited from the Music library
'''''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)
|}
</div>


If the artist does not appear in the Music Library, then use the manual method described below to add artist images




== Album Poster ==
== Manually Adding Artist Artwork ==
[[File:Artwork-MusicAlbum01.jpg|400px|right]]
From within Kodi, you have the ability to manually change the artwork at any time as follows:
The album Poster is also known as the Album Thumb, Album Cover, Cover or Thumb within Kodi. They are high quality images of the Album cover. The image to the right is displaying the album images using the Infowall view in Estuary.


<div style="{{linear-gradient|bottom|#fffec7, #ffc7ff}}">
#Highlight the Artist whose artwork you would like to add or change.  
'''Required file properties:'''<br />
#Call up the Context Menu. (Image 1)
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
#Select ''Set artist thumb''. (Image 1)
{|
#Select Browse to navigate to the location of the image on your local or network drives. (Image 2)
|- valign="top"
#Select the desired artwork. Once selected it will be automatically applied and return to the Artist listing.
| '''''File Type'''''
<gallery mode="packed" widths="500px" heights="283px">
| '''''Aspect Ratio'''''
File:Artwork-MusicVideoAdd01.jpg|Image 1- Select ''Set artist thumb'' from the Context Menu
| '''''Resolution- <small>recommended</small>'''''
File:Artwork-MusicVideoAdd02.jpg|Image 2- The browse screen to locate and select your image
|- valign="top"
| width=150px | {{nowrap|*.jpg or png}}
| width=200px | {{nowrap|1:1.5}}
| width=200px | {{nowrap|1000x1500}}  '''also'''
|- valign="top"
| width=150px | {{nowrap|*.jpg or png}}
| width=200px | {{nowrap|1:1.1}}
| width=200px | {{nowrap|1000x1000}}
|}
</div><br />
 
<div style="{{linear-gradient|top|#fffec7, #ffc7ff}}">
'''''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>-poster.jpg (or *.png)
| width=600px |f:\MusicVideos\ABBA - Dancing Queen-poster.jpg (or *.png)
|}
</div>
 
 
 
=== Manually Adding Music Video Artwork ===
#Select the Music Video whose artwork you would like to add or change.  
#Call up the Information page. (Image 1)
#You are presented with a choice of which artwork to modify. (Image 2)
#Selecting ''Poster'' will present the page as seen in Image 3
#Selecting ''Fanart'' will present the page as seen in Image 4
#From either of these pages you can navigate to the image location.
#Select the desired artwork. Once selected you are returned to image 2. To exit simply back out of the screen. There is no option to press ''ok'' or ''confirm''
<gallery widths=450px heights=250px>
File:Artwork-MusicVideoAdd03.jpg|Image 1- The Information page for the Music Video clip
File:Artwork-MusicVideoAdd04.jpg|Image 2- Select which artwork type to modify
File:Artwork-MusicVideoAdd05.jpg|Image 3- The browse screen for Poster. Select from Current, Local or Remote (online) sources
File:Artwork-MusicVideoAdd06.jpg|Image 4- The browse screen for Fanart. Select from Current or Local sources
</gallery>
</gallery>






== Source Folder Artwork ==
= See Also =
[[File:Artwork-VideoFolder01.jpg|400px|right]]
*[[Music concerts]]
 
*[[Music videos]]
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 videos</name>
  <path>xbms://192.168.1.100:1400/MusicVideos/</path>
  <thumbnail>F:\MusicVideos\folder.jpg</thumbnail>
</source>
</nowiki></pre>
 
<div style="{{linear-gradient|bottom|#fffec7, #ffc7ff}}">
'''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|#fffec7, #ffc7ff}}">
'''''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>
 
 


= Correct Naming Example=
The below image shows an example of correct naming and placement of the artwork alongside the '''''[[nfo]]''''' file and the Music Video file.
<gallery widths=450px heights=250px>
File:Artwork-MusicVideoExample01.jpg|Correct naming and placement of artwork.
</gallery>




Line 269: Line 128:




{{updated|17}}
{{updated|18}}
[[Category:FAQ]]
[[Category:FAQ]]
[[Category:Index]]
[[Category:Index]]

Revision as of 03:14, 18 May 2019

Artwork contents

Artwork Main Page



See also:


Return to:

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


Music Video artwork are images directly related to a music video clip, preferably of high quality that are displayed when viewing the music video entry in the library. The artwork support in Kodi's video library is very flexible and able to display many types of artwork depending on the skin in use.


Requirements

See: Music videos
  • The Music Video library is part of the Video Library (MyVideos#.db) and not the Music Library (MyMusic#.db)
  • Smart Playlists can be created to include Music and Music Videos by using the type Mixed
  • There are no add-ons that load extended artwork
  • The online scraper source is TheAudioDB site.
See alsoThe AudioDB


Scanning & Scraping

v18 introduces an experimental feature that will auto-load local extended artwork without the use of additional add-ons. It is considered an advanced feature. Usage and practicality of this feature are being monitored and may change in later releases.

In the Music Video Library, artwork is described as follows:

Basic Artwork Extended Artwork
fanart poster banner clearart clearlogo discart fanartxx (extrafanart) landscape

Basic artwork requires no special setup as it has always been natively scanned and scraped by Kodi

Extended Is available from v18 only using the whitelisted in advancedsettings.xml method.

The Music Videos library supports local only Extended artwork. To use this feature...

1. Add the below code to the advancedsettings.xml file, ensuring you do not duplicate any tags if they already exist... eg <advancedsettings></advancedsettings>, <videolibrary></videolibrary>
2. Save correctly named local artwork as detailed in the next section - Artwork Types. The Music Video scraper does not download extended artwork.
3. Restart Kodi and scan or scrape music videos as per usual.
Note: The code box below adds common extended artwork that most skins will utilise. It is your choice which extended artwork you add. If you add additional to that shown, ensure the skin has support to display it.
<advancedsettings>
	<videolibrary>
        <musicvideoextraart>
          <arttype>banner</arttype>
          <arttype>clearart</arttype>
          <arttype>clearlogo</arttype>
          <arttype>discart</arttype>
          <arttype>fanart1</arttype> <!-- Multiple fanart -->
          <arttype>fanart2</arttype> <!-- Add as many as required. -->
          <arttype>fanart3</arttype> 
          <arttype>landscape</arttype>
        </musicvideoextraart>
	</videolibrary>
</advancedsettings>


Local Artwork

Local Music Video artwork is saved in the same folder where the music video file is saved.

The default file name for music video artwork is <music video file name>-<arttype>.<ext> - see image below.


Manually Adding Music Video Artwork

To add or change artwork manually, follow the steps in the images...


Artist Image

The Artist Image for Music Videos has the same requirements as for the artist image in the Music library.

See: Music Artwork


If the same Artist is listed in the Music library, artist images will be automatically inherited from the Music library

If the artist does not appear in the Music Library, then use the manual method described below to add artist images


Manually Adding Artist Artwork

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

  1. Highlight the Artist whose artwork you would like to add or change.
  2. Call up the Context Menu. (Image 1)
  3. Select Set artist thumb. (Image 1)
  4. Select Browse to navigate to the location of the image on your local or network drives. (Image 2)
  5. Select the desired artwork. Once selected it will be automatically applied and return to the Artist listing.


See Also




Return to top