Login at Kodi Home

latts9923 · 2018-10-27, 00:36

I'm wondering if it's possible to have the tracklist from a music view display the same info on the back of a jewel box image in a music player layout. I'm trying to use the following...

Code:
<!--Tracklists-->

<include content="Tracklp">

    <param name="ordert">0</param>

    <param name="fontt">bcd0</param>

</include>

 <include content="Tracklp">

    <param name="ordert">1</param>

    <param name="fontt">bcd1</param>

</include>

<include content="Tracklp">

    <param name="ordert">2</param>

    <param name="fontt">bcd2</param>

</include>

<include content="Tracklp">

    <param name="ordert">3</param>

    <param name="fontt">bcd3</param>

</include>

<include content="Tracklp">

    <param name="ordert">4</param>

    <param name="fontt">bcd4</param>

</include>

<include content="Tracklp">

    <param name="ordert">5</param>

    <param name="fontt">bcd5</param>

</include>

<include content="Tracklp">

    <param name="ordert">6</param>

    <param name="fontt">bcd6</param>

</include>

<include content="Tracklp">

    <param name="ordert">7</param>

    <param name="fontt">bcd7</param>

</include>

<include content="Tracklp">

    <param name="ordert">8</param>

    <param name="fontt">bcd8</param>

</include>

<include content="Tracklp">

    <param name="ordert">9</param>

    <param name="fontt">bcd9</param>

</include>

Here is the include from IncludesMusic.xml...

Code:
<include name="Tracklp">

        <param name="ordert" />

        <param name="fontt" />

        <definition>

            <control type="textbox">

                <left>3</left>

                <top>127</top>

                <width>355</width>

                <height>416</height>

                <align>left</align>

                <aligny>top</aligny>

                <textcolor>ffd4d4d4</textcolor>

                <shadowcolor>black</shadowcolor>

                <visible>String.EndsWith(ListItem.DBID,$PARAM[ordert]) + String.IsEqual(skin.string(vis_layout),style3D)</visible>

                <font>$PARAM[fontt]</font>

                <label>$INFO[Window(Home).Property(SkinHelper.ListItem.Tracks.Formatted)][CR][CR]      $LOCALIZE[180]: $INFO[Window(home).Property(SkinHelper.ListItem.Duration)]</label>

            </control>

        </definition>

    </include>

Thanks in advance for taking a look.

**sualfred** · 2018-10-27, 07:25

The SkinHelper props only are filled with the value of the current focused item.

latts9923 · 2018-10-27, 13:46

OK. Thanks sualfred!

latts9923 · 2018-10-27, 20:01

I was able to create the tracklist by using MusicPlayer.offset.

docwra · (This post was last modified: 2018-10-28, 20:24 by docwra.)

That looks awesome!

Don't forget TheAudioDB now supports back covers though. So it is possible to see the tracklists how they were published originally.

See an example here: https://www.theaudiodb.com/album/2113897

manfeed · 2018-10-28, 23:42

Do you mean something like that? Wink

docwra · 2018-10-29, 11:33

Awesome

latts9923 · 2018-10-29, 19:47

@docwra

Thanks! I was not aware that TheAudioDB could do that...thanks for the info!

@manfeed

Hey bud! That looks sweet! If you don't mind, would you PM me the info on how you implemented that?

manfeed · 2018-10-29, 21:07

... there's no mystery... just using Player.Art(album.back) and Player.Art(album.spine) in MusicVisualisation.xml

docwra · 2018-10-30, 00:30

Cool thanks @manfeed I managed to add this to my Estuary Mod Music screen Smile

A couple of bonus questions for any skinners.... do you know how I center an image horizontally?

Also how do I rotate an image with an animation?

manfeed · 2018-10-30, 11:36

@docwra ...do you know how I center an image horizontally?

Do you mean something like that?

xml:


<control type="image">

<left>60</left>

<top>80</top>

<width>100</width>

<height>200</height>

<aspectratio align="center">stretch</aspectratio>

<texture background="true">mask82.png</texture>

</control>

...how do I rotate an image with an animation?

xml:


<animation type="Conditional" condition="System.IdleTime(3)" reversible="false">

<effect type="rotatey" center="1212" start="0" end="180" time="1600" tween="quadratic" easing="out" />

</animation>

This animation will wait 3 seconds and rotate the image 180 degrees, the most important part is the parameter "center", it has to do with the size of your image and its position... good luck tinkering with that, it's not easy to get the desired effect... Wink

latts9923 · 2018-10-30, 13:29

@manfeed

I uploaded a back image to theaudiodb.com of one of my albums. I added the following to my 3D music view...

Code:
<control type="image">

<visible>String.IsEmpty(Control.GetLabel(9862))</visible>

<width>480</width>

<height>465</height>

<aspectratio align="center" aligny="center">stretch</aspectratio>

<texture diffuse="spin/mask_cover3.png" background="true">$INFO[Window(Home).Property(Player.Art(album.back))]</texture>

</control>

Is this correct, or should it just be $INFO[Player.Art(album.back)] because i don't see the back image I uploaded. Also, do I need to install the TheAudioDB Album Scraper Addon?

docwra · (This post was last modified: 2018-10-30, 13:45 by docwra.)

As extended music artwork is very new, you will need to enable the latest version of Universal Album Scraper and enable back covers in the settings.

You will also need to add this to your advancedsettings.xml file in userdata folder:

Quote:        <albumextraart>
            <arttype>discart</arttype>
            <arttype>back</arttype>
            <arttype>spine</arttype>
        </albumextraart>

As always, you will need to enable "fetch additional artwork and information" in the music source settings to run this scraper.

After scraping, you can confirm it worked by going to the album info and "select artwork" GUI popup. You should see the new art in there and be able to change it if wanted. Assuming TADB has a back cover of course, so far its only a few users uploading them so a lot of work is still needed to fill popular albums.

NOTE: Alternatively you can use the Artwork Beef Add-on which will download and create these extra artwork types for you, but the above now works natively in Kodi without the Add-on needed any more.

latts9923 · 2018-10-30, 15:01

@docwra

I installed the latest Universal Album Scraper (v3.1.1) this morning and enabled the back covers and spines. I'll give the rest of this a try when I get home this evening. Thanks for the info!

latts9923 · (This post was last modified: 2018-10-31, 05:23 by latts9923.)

@docwra

1. Last night I uploaded the back cover to Billy Joel's album Greatest Hits, Volume III: 1986-1997 to theaudiodb.com.
2. I enabled back cover and spine in Universal Album Scraper.
3. I added the albumextraart info to advancedsettings.xml.
4. I enabled "fetch additional artwork and information".
5. I ran "query info for all albums", but I still don't see the back cover.

Update...it took about 5 minutes and I noticed the spine started displaying on the music player. To get the back cover to display I had to use SkinHelper.Player.Art.ThumbBack. How exactly do I use Player.Art(album.back) and Player.Art(album.spine) in MusicVisualisation.xml?