/usr/share/gtkpod/doc/cover-art.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cover art</title>
<link rel="previous" href="view-and-edit-track-details.html" title="View and edit track details">
<link rel="next" href="adding-cover-art-from-a-browser.html" title="Adding cover art from a browser">
<link rel="top" href="gtkpod.html" title="The gtkpod Manual">
<style type="text/css">

html { height: 100%; }
body {
  margin: 0px; padding: 12px;
  background-color: #f9f9f6;
  min-height: 100%;
  direction: ltr;
}
div, p, pre, blockquote { margin: 0; padding: 0; }
p img { vertical-align: middle; }
sub { font-size: 0.83em; }
sub sub { font-size: 1em; }
sup { font-size: 0.83em; }
sup sup { font-size: 1em; }
table { border-collapse: collapse; }
table.table-pgwide { width: 100%; }
td { vertical-align: top; }
td { padding: 0.2em 0.83em 0.2em 0.83em; }
th { padding: 0 0.83em 0 0.83em; }
tr.tr-shade {
  background-color: #f9f9f6;
}
td.td-colsep { border-right: solid 1px; }
td.td-rowsep { border-bottom: solid 1px; }
thead { border-top: solid 2px; border-bottom: solid 2px; }
tfoot { border-top: solid 2px; border-bottom: solid 2px; }
div.body {
  padding: 1em;
  max-width: 60em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.body-sidebar {
  margin-right: 13em;
}
div.division div.division { margin-top: 1.72em; }
div.division div.division div.division { margin-top: 1.44em; }
div.header {
  margin: 0;
  color: #3f3f3f;
  border-bottom: solid 1px #e0e0df;
}
h1, h2, h3, h4, h5, h6, h7 {
  margin: 0; padding: 0;
  color: #3f3f3f;
}
h1.title { font-size: 1.72em; }
h2.title { font-size: 1.44em; }
h3.title { font-size: 1.2em; }
h4.title, h5.title, h6.title, h7.title { font-size: 1em; }
.block { margin-top: 1em; }
.block .block-first { margin-top: 0; }
.block-indent {
  margin-left left: 1.72em;
  margin-: 1em;
}
.block-indent .block-indent { margin-left: 0em; margin-right: 0em; }
td .block-indent  { margin-left: 0em; margin-right: 0em; }
dd .block-indent  { margin-left: 0em; margin-right: 0em; }
.block-verbatim { white-space: pre; }
div.title {
  margin-bottom: 0.2em;
  font-weight: bold;
  color: #3f3f3f;
}
div.title-formal { padding-left: 0.2em; padding-right: 0.2em; }
div.title-formal .label { font-weight: normal; }
a {
  color: #1f609f;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
a:visited { color: #9f1f6f; }
ul, ol, dl { margin: 0; padding: 0; }
li {
  margin-top: 1em;
  margin-left: 2.4em;
  padding: 0;
}
li.li-first { margin-top: 0; }
dt { margin: 1em 0 0 0; }
dt.dt-first { margin: 0; }
dd {
  margin-left: 1.72em;
  margin-top: 0.5em;
}
dl.dl-compact dt { margin-top: 0; }
dl.dl-compact dd { margin-top: 0; margin-bottom: 0; }


ul.linktrail {
  display: block;
  margin: 0.2em 0 0 0;
  text-align: right;
}
li.linktrail { display: inline; margin: 0; padding: 0; }

li.linktrail::before {
  content: '  /  ';
  color: #3f3f3f;
}

li.linktrail-first::before, li.linktrail-only::before { content: ''; }


div.navbar {
  padding: 0.5em 1em 0.5em 1em;
  max-width: 60em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.navbar-top { margin-bottom: 1em; }
div.navbar-bottom { margin-top: 1em; clear: both; }
div.navbar img { border: 0; vertical-align: -0.4em; }
table.navbar { width: 100%; margin: 0; border: none; }
table.navbar td { padding: 0; border: none; }
td.navbar-next {
  text-align: right;
}
a.navbar-prev::before {
  
  content: '◀  ';
  color: #3f3f3f;
}
a.navbar-next::after {
  
  content: '  ▶';
  color: #3f3f3f;
}


div.sidebar {
  float: right;
  padding: 0; margin: 0; width: 12em;
}
div.sidenav {
  padding: 0.5em 1em 0 1em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.sidenav div.autotoc {
  background-color: #ffffff;
  border: none; padding: 0; margin: 0;
}
div.sidenav div.autotoc div.autotoc { margin-top: 0.5em; }
div.sidenav div.autotoc li { margin-bottom: 0.5em; }
div.sidenav div.autotoc div.autotoc div.autotoc {
  margin-left: 1em;
  margin-top: 0;
}
div.sidenav div.autotoc div.autotoc div.autotoc li { margin-bottom: 0; }


div.autotoc {
  
  display: table;
  margin-top: 1em;
  margin-left: 1.72em;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #f0f9ff;
  border: solid 1px #c0c9ff;
}
div.autotoc ul { margin: 0; padding: 0; }
div.autotoc li { list-style-type: none; margin: 0; }
div.autotoc div.autotoc-title { margin-bottom: 0.5em; }
div.autotoc div.autotoc { border: none; padding: 0; margin-top: 0; margin-bottom: 0.5em; }
div.autotoc div.autotoc div.autotoc { margin-bottom: 0; }


span.bibliolabel {
  color: #3f3f3f;
}


div.admonition {
  padding: 0.5em 6px 0.5em 6px;
  border: solid 1px #e0e0df;
  background-color: #fffff0;
}
div.caution-inner, div.important-inner, div.note-inner, div.tip-inner, div.warning-inner {
  padding-left: 60px;
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 48px;
}
div.caution-inner { background-image: url("admon-caution.png"); }
div.important-inner { background-image: url("admon-important.png"); }
div.note-inner { background-image: url("admon-note.png"); }
div.note-bug div.note-inner { background-image: url("admon-bug.png"); }
div.tip-inner { background-image: url("admon-tip.png"); }
div.warning-inner { background-image: url("admon-warning.png"); }
div.blockquote {
  
  background-image: url('watermark-blockquote-201C.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0.5em;
  padding-left: 4em;
}
div.attribution {
  margin-top: 0.5em;
  color: #3f3f3f;
}
div.attribution::before {
  
  content: '― ';
}
div.epigraph {
  text-align: right;
  margin-left: 20%;
  margin-right: 0;
  color: #3f3f3f;
}
div.figure, div.informalfigure {
  
  display: table;
  padding: 0.5em;
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.figure-inner, div.informalfigure-inner {
  padding: 0.5em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.caption { margin-top: 0.5em; }
div.programlisting {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.screen {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.screen .prompt {
  color: #3f3f3f;
}
div.screen .userinput {
  font-weight: bold;
  color: #3f3f3f;
}
div.programlisting .userinput {
  font-weight: bold;
  color: #3f3f3f;
}
pre.linenumbering {
  color: #3f3f3f;
  margin: 0;
  padding-right: 1em;
  float: left;
  text-align: right;
}



dl.index dt { margin-top: 0; }
dl.index dd { margin-top: 0; margin-bottom: 0; }
dl.indexdiv dt { margin-top: 0; }
dl.indexdiv dd { margin-top: 0; margin-bottom: 0; }
dl.setindex dt { margin-top: 0; }
dl.setindex dd { margin-top: 0; margin-bottom: 0; }
div.list div.title-formal span.title {
  border-bottom: solid 1px #e0e0df;
}
div.simplelist {
  margin-left: 1.72em;
}
div.simplelist table { margin-left: 0; border: none; }
div.simplelist td {
  padding: 0.5em;
  border-left: solid 1px #e0e0df;
}
div.simplelist td.td-first {
  padding-left: 0;
  border-left: 0;
}
div.synopsis {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border-top: solid 2px #c0c9ff;
  border-bottom: solid 2px #c0c9ff;
}
div.synopsis div.synopsis {
  padding: 0;
  border: none;
}
div.synopsis div.block { margin-top: 0.2em; }
div.synopsis div.block-first { margin-top: 0; }
div.cmdsynopsis { font-family: monospace; }

span.accel { text-decoration: underline; }
span.acronym { font-family: sans-serif; }
span.application { font-style: italic; }
span.classname, span.exceptionname, span.interfacename { font-family: monospace; }
span.code {
  font-family: monospace;
  border: solid 1px #e0e0df;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
pre span.code { border: none; padding: 0; }
span.command {
  font-family: monospace;
  border: solid 1px #e0e0df;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
pre span.command { border: none; padding: 0; }
span.computeroutput { font-family: monospace; }

span.constant { font-family: monospace; }
span.database { font-family: monospace; }
span.email { font-family: monospace; }
span.emphasis { font-style: italic; }
span.emphasis-bold { font-style: normal; font-weight: bold; }
span.envar { font-family: monospace; }

span.filename { font-family: monospace; }
span.firstterm { font-style: italic; }
span.foreignphrase { font-style: italic; }
span.function { font-family: monospace; }

dt.glossterm span.glossterm { font-style: normal; }


span.glossterm { font-style: italic; }

span.guibutton, span.guilabel, span.guimenu, span.guimenuitem, span.guisubmenu, span.interface {
  font-weight: bold;
  color: #3f3f3f;
}
span.keycap {
  font-weight: bold;
  color: #3f3f3f;
}
span.lineannotation { font-style: italic; }
span.literal { font-family: monospace; }
span.markup  { font-family: monospace; }
span.medialabel { font-style: italic; }
span.methodname { font-family: monospace; }
span.ooclass, span.ooexception, span.oointerface { font-family: monospace; }
span.option { font-family: monospace; }
span.package { font-family: monospace; }
span.parameter { font-family: monospace; }
span.paramdef span.parameter { font-style: italic; }
span.prompt { font-family: monospace; }
span.property { font-family: monospace; }
span.replaceable  { font-style: italic; }
span.returnvalue { font-family: monospace; }
span.sgmltag { font-family: monospace; }
span.structfield, span.structname { font-family: monospace; }
span.symbol { font-family: monospace; }
span.systemitem { font-family: monospace; }
span.token { font-family: monospace; }
span.type { font-family: monospace; }
span.uri { font-family: monospace; }
span.userinput { font-family: monospace; }
span.varname { font-family: monospace; }
span.wordasword { font-style: italic; }



div.footnotes { font-style: italic; font-size: 0.8em; }
div.footnote { margin-top: 1.44em; }
span.footnote-number { display: inline; padding-right: 0.83em; }
span.footnote-number + p { display: inline; }
a.footnote { text-decoration: none; font-size: 0.8em; }
a.footnote-ref { text-decoration: none; }

span.co {
  margin-left: 0.2em; margin-right: 0.2em;
  padding-left: 0.4em; padding-right: 0.4em;
  border: solid 1px #000000;
  -moz-border-radius: 8px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 8px;
}
span.co:hover {
  border-color: #333333;
  background-color: #333333;
  color: #FFFFFF;
}
span.co a { text-decoration: none; }
span.co a:hover { text-decoration: none; }

dt.question { margin-left: 0em; }
dt.question div.label { float: left; }
dd + dt.question { margin-top: 1em; }
dd.answer {
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 1em;
}
dd.answer div.label { float: left; }
</style>
</head>
<body>
<div class="navbar navbar-top"><table class="navbar"><tr>
<td class="navbar-prev"><a class="navbar-prev" href="view-and-edit-track-details.html" title="View and edit track details">View and edit track details</a></td>
<td class="navbar-next"><a class="navbar-next" href="adding-cover-art-from-a-browser.html" title="Adding cover art from a browser">Adding cover art from a browser</a></td>
</tr></table></div>
<div class="sidebar"><div class="sidenav"><div class="autotoc"><ul>
<li><a href="gtkpod-info.html" title="About This Document">About This Document</a></li>
<li>
<a class="xref" href="gtkpod.html" title="The gtkpod Manual">The gtkpod Manual</a><div class="autotoc"><ul>
<li><a class="xref" href="getting-started.html" title="Getting started">Getting started</a></li>
<li>
<a class="xref" href="ipod-and-content.html" title="iPod and content">iPod and content</a><div class="autotoc"><ul>
<li><a class="xref" href="layout-of-gtkpod.html" title="Layout of gtkpod">Layout of gtkpod</a></li>
<li><a class="xref" href="adding-files-and-folders.html" title="Adding files and folders">Adding files and folders</a></li>
<li><a class="xref" href="view-and-edit-track-details.html" title="View and edit track details">View and edit track details</a></li>
<li>Cover art</li>
<li><a class="xref" href="adding-cover-art-from-a-browser.html" title="Adding cover art from a browser">Adding cover art from a browser</a></li>
<li><a class="xref" href="copying-content-to-the-ipod.html" title="Copying content to the iPod">Copying content to the iPod</a></li>
<li><a class="xref" href="playcounts-and-ratings.html" title="Playcounts and ratings">Playcounts and ratings</a></li>
</ul></div>
</li>
<li><a class="xref" href="managing-playlists.html" title="Managing playlists">Managing playlists</a></li>
<li><a class="xref" href="advanced-features.html" title="Advanced features">Advanced features</a></li>
</ul></div>
</li>
</ul></div></div></div>
<div class="body body-sidebar"><div class="division sect1">
<a name="cover-art"></a><div class="header"><h1 class="sect1 title"><span class="title">Cover art</span></h1></div>
<ul class="linktrail">
<li class="linktrail linktrail-first"><a class="linktrail" href="gtkpod.html" title="The gtkpod Manual">The gtkpod Manual</a></li>
<li class="linktrail linktrail-last"><a class="linktrail" href="ipod-and-content.html" title="iPod and content">iPod and content</a></li>
</ul>
<p class="para block block-first">Cover art is a visual element of your gtkpod music collection. It changes the black and white database of artists and title names back into something related to the physical CDs and DVDs that have been imported.
            </p>
<div class="autotoc"><ul>
<li>
<span class="label">2.4.1. </span><a class="xref" href="cover-art.html#clarity" title="The Clarity Display Plugin">The Clarity Display Plugin</a>
</li>
<li>
<span class="label">2.4.2. </span><a class="xref" href="cover-art.html#coverart-display" title="CoverArt Display">CoverArt Display</a>
</li>
<li>
<span class="label">2.4.3. </span><a class="xref" href="cover-art.html#coverart-popup-menu" title="CoverArt Popup Menu">CoverArt Popup Menu</a>
</li>
</ul></div>
<div class="division sect2">
<a name="clarity"></a><div class="header"><h2 class="sect2 title"><span class="title"><a name="clarity-title"></a><span class="label">2.4.1. </span>The Clarity Display Plugin</span></h2></div>
<p class="para block block-first">Should you have the capability of an opengl rendering graphics card and drivers then the clarity plugin provides a more stylish cover art display than the original coverart display plugin described here.
            	</p>
</div>
<div class="division sect2">
<a name="coverart-display"></a><div class="header"><h2 class="sect2 title"><span class="title"><a name="coverart-display-title"></a><span class="label">2.4.2. </span>CoverArt Display</span></h2></div>
<p class="para block block-first">The display consists of 9 covers displayed at any one time. The entire album collection can be cycled through from one end to another. The main image is slighly larger and lacking in "shine" for viewing clarity.
                </p>
<p class="para block">
                    <div class=" block figure block-first block-indent">
<div class="block block-first title title-formal"><span class="title"><span class="label"><span style="font-style: italic; ">Figure 2-4</span> </span>Cover art display</span></div>
<div class="figure-inner">
                        
                        <div class="mediaobject"><img src="figures/coverart.png"></div>
                    </div>
</div>
                </p>
<div class="block list itemizedlist"><ul class="itemizedlist">
<li class="li-first">
                        <span class="para">Use the scrollbar to quickly slide back and forth over the album collection.
                        </span>
                    </li>
<li>
                        <span class="para">Use the scrollbar buttons to more precisely step through each album.
                        </span>
                    </li>
<li>
                        <span class="para">Click on the main album cover image (one at the front and in the centre) once to display just the album's tracks in the right pane of gtkpod
                        </span>
                    </li>
</ul></div>
</div>
<div class="division sect2">
<a name="coverart-popup-menu"></a><div class="header"><h2 class="sect2 title"><span class="title"><a name="coverart-popup-menu-title"></a><span class="label">2.4.3. </span>CoverArt Popup Menu</span></h2></div>
<p class="para block block-first">
                    <div class=" block figure block-first block-indent">
<div class="block block-first title title-formal"><span class="title"><span class="label"><span style="font-style: italic; ">Figure 2-5</span> </span>Cover art popup menu</span></div>
<div class="figure-inner">
                        
                        <div class="mediaobject"><img src="figures/cover-popupmenu.png"></div>
                    </div>
</div>
                </p>
<div class="block list itemizedlist"><ul class="itemizedlist"><li class="li-first">
                        <p class="para block block-first">Right-click on the main album cover image to display the popup menu with 3 options:</p>
                        <div class="block list itemizedlist"><ul class="itemizedlist">
<li class="li-first">
                                <span class="para">Select Cover From File
                                </span>
                            </li>
<li>
                                <span class="para">View Full Size Artwork
                                </span>
                            </li>
<li>
                                <span class="para">Edit Track Details
                                </span>
                            </li>
</ul></div>
                    </li></ul></div>
<div class="autotoc"><ul>
<li>
<span class="label">2.4.3.1. </span><a class="xref" href="cover-art.html#select-cover-from-file" title="Select Cover From File">Select Cover From File</a>
</li>
<li>
<span class="label">2.4.3.2. </span><a class="xref" href="cover-art.html#view-full-size-artwork" title="View Full Size Artwork">View Full Size Artwork</a>
</li>
<li>
<span class="label">2.4.3.3. </span><a class="xref" href="cover-art.html#edit-track-details-coverart" title="Edit Track Details">Edit Track Details</a>
</li>
</ul></div>
<div class="division sect3">
<a name="select-cover-from-file"></a><div class="header"><h3 class="sect3 title"><span class="title"><a name="select-cover-from-file-title"></a><span class="label">2.4.3.1. </span>Select Cover From File</span></h3></div>
<p class="para block block-first">
                        <div class=" block figure block-first block-indent">
<div class="block block-first title title-formal"><span class="title"><span class="label"><span style="font-style: italic; ">Figure 2-6</span> </span>Select cover from file</span></div>
<div class="figure-inner">
                            
                            <div class="mediaobject"><img src="figures/cover-setfromfile.png"></div>
                        </div>
</div>
                    </p>
<div class="block list itemizedlist"><ul class="itemizedlist"><li class="li-first">
                            <span class="para">Selecting this option displays a file chooser dialog. Select the preferred image file and click OK. The album cover changes to a scaled version of the new image, while all the tracks in the album have their artwork path modified to the path of the preferred image.
                            </span>
                        </li></ul></div>
</div>
<div class="division sect3">
<a name="view-full-size-artwork"></a><div class="header"><h3 class="sect3 title"><span class="title"><a name="view-full-size-artwork-title"></a><span class="label">2.4.3.2. </span>View Full Size Artwork</span></h3></div>
<p class="para block block-first">
                        <div class=" block figure block-first block-indent">
<div class="block block-first title title-formal"><span class="title"><span class="label"><span style="font-style: italic; ">Figure 2-7</span> </span>View full size artwork</span></div>
<div class="figure-inner">
                            
                            <div class="mediaobject"><img src="figures/cover-fullsize.png"></div>
                        </div>
</div>
                    </p>
<div class="block list itemizedlist"><ul class="itemizedlist">
<li class="li-first">
                            <span class="para">Selecting this options opens a dialog displaying the cover image. The image is either its true size of the biggest size it can be while still fitting on the desktop. Its true resolution is displayed underneath in the format width x height.
                            </span>
                        </li>
<li>
                            <span class="para">The dialog is modal so must be closed before moving on. The OK button closes the dialog.
                            </span>
                        </li>
</ul></div>
</div>
<div class="division sect3">
<a name="edit-track-details-coverart"></a><div class="header"><h3 class="sect3 title"><span class="title"><span class="label">2.4.3.3. </span>Edit Track Details</span></h3></div>
<div class="block list itemizedlist"><ul class="itemizedlist"><li class="li-first">
                            <span class="para">This provides a shortcut to the "Edit Track Details" dialog for editing the ID3 tag information for all tracks belonging to the album displayed.
                            </span>
                        </li></ul></div>
</div>
</div>
</div></div>
<div class="navbar navbar-bottom"><table class="navbar"><tr>
<td class="navbar-prev"><a class="navbar-prev" href="view-and-edit-track-details.html" title="View and edit track details">View and edit track details</a></td>
<td class="navbar-next"><a class="navbar-next" href="adding-cover-art-from-a-browser.html" title="Adding cover art from a browser">Adding cover art from a browser</a></td>
</tr></table></div>
</body>
</html>
gtkpod-data 2.1.5-6 / usr / share / gtkpod / doc / cover-art.html
