Display covers when scrolling through videos... (2 Viewers)

[Hildebrandt]

Started on: 2007-04-30
last update: 2007-04-30

Summary:
Currently if there is a .jpg file in the video directory it will be used as a thumbnail for that video. This thumbnail can be a bit hard to see, especially if you (as i do) prefer to scroll through videos in "list" mode.

Description:
Make it possible to have the .jpg file viewed in the lower left corner of the screen (witch isn't used now - i'm using blue two) - this way a picture of the cover of the dvd or a picture of the movie poster is showed as the user scrolls through the collection of videos. Useful if one (or ones wife) doesn't recall what movie hides behind the title - a dvd cover or picture poster will definately enhance the WAF...
The picture should be blow up/reduced to a specific size and, of course, the proportions should be kept intact...

Dunno if this can be done in designing the skin???

 

[Sneeze]

I did it using this thread as a guide.

https://forum.team-mediaportal.com/mce_modification_suggestion-t1409.html?t=1409

 

[Hildebrandt]

It looks like the exact thing i want - tried using the code, but that didn't work..

You got it to work?? Can you post the content of the xml file???

Thx...

 

[Sneeze]

Keep in mind that your myvideo.xml file probably has the line <import>common.window.xml</import> near the start of it. The part that needs to be edited is actually in this file and not in myvideo.xml.

So as not to ruin common.window.xml for other screens that make use of it, I made a copy of the file and renamed it and then altered the <import> line to point to the new file.

For example in my case I created a file called common.window.with.thumbnail.xml and changed the <import>common.window.xml</import> in myvideo.xml to reflect this new file.

You may have to change the position of the thumbnail as I have removed most of my menu items on the left, in your case it probably overlaps them. I've also changed the thumbnail window size to suit a screenshot rather than a DVD cover. So you might have to play with the dimensions too.

<window>
<controls>
<control>
<description>BG</description>
<type>image</type>
<id>1</id>
<width>720</width>
<height>576</height>
</control>
<control>
<animation effect="fade" time="250">WindowOpen</animation>
<animation effect="fade" time="500">WindowClose</animation>
<type>image</type>
<id>1</id>
<posX>60</posX>
<posY>20</posY>
<texture flipY="true" diffuse="Thumb_Mask.png">#header.image</texture>
</control>
<control>
<animation effect="fade" time="250">WindowOpen</animation>
<animation effect="fade" time="500">WindowClose</animation>
<type>label</type>
<id>1</id>
<posX>250</posX>
<posY>70</posY>
<label>#header.label</label>
<font>font16</font>
<align>right</align>
<textcolor>White</textcolor>
<animation effect="fade" time="200">WindowOpen</animation>
<animation effect="fade" time="200">WindowClose</animation>
</control>
<control>
<description>Number of Files Label</description>
<type>label</type>
<id>1</id>
<posX>260</posX>
<posY>530</posY>
<label>#itemcount</label>
<align>left</align>
<textcolor>White</textcolor>
<animation effect="fade" time="200">WindowOpen</animation>
<animation effect="fade" time="200">WindowClose</animation>
</control>
<control>
<animation effect="fade" time="250">WindowOpen</animation>
<animation effect="fade" time="500">WindowClose</animation>
<description>Selected item Label</description>
<type>fadelabel</type>
<id>1</id>
<posX>660</posX>
<posY>70</posY>
<width>400</width>
<label>#selecteditem</label>
<font>font16</font>
<align>right</align>
<textcolor>White</textcolor>
</control>
<control>
<type>image</type>
<id>1</id>
<posX>66</posX>
<posY>210</posY>
<width>180</width>
<height>132</height>
<texture>#selectedthumb</texture>
</control>
<control>
<type>group</type>
<description>group element</description>
<animation>FlyInFromTop</animation>
<control>
<description>composite control consisting of a list control and a thumbnail panel</description>
<type>facadeview</type>
<id>10</id>
<control>
<description>listcontrol</description>
<type>listcontrol</type>
<id>10</id>
<onleft>2</onleft>
<onright>2</onright>
<onup>2</onup>
<ondown>2</ondown>
</control>
<control>
<description>Thumbnail Panel</description>
<type>thumbnailpanel</type>
<id>10</id>
<onleft>2</onleft>
<onright>2</onright>
<onup>2</onup>
<ondown>2</ondown>
</control>
<control>
<description>Filmstrip view</description>
<type>filmstrip</type>
<id>11</id>
<onleft>2</onleft>
<onright>2</onright>
<onup>2</onup>
<ondown>2</ondown>
</control>
</control>
</control>
</controls>
</window>

 

[Hildebrandt]

Thx!! Will try it as soon as i've reinstalled... (everything!!!)
"I've also changed the thumbnail window size to suit a screenshot rather than a DVD cover. So you might have to play with the dimensions too." - does this mean, that the images don't retain their aspect ratio??? If not, could it be set, so the AR is retained (that way it wouldn't matter if its screenshot or dvd cover thats used as thimbnail)...

thx...

 

[Sneeze]

The thumbnails do retain their aspect ratio however the current thumbnail panel size wouldn't really suit a DVD cover image which would be higher than it is wide. It would be small and hard to see.

 

[Hildebrandt]

This is so sweet!!! Installed 0.2.3 RC1 and made the changes to the files, and its working really well!! A few covers have wrong AR, but most display really nice!!!

Only problem now is, that my remote (firefly) have started responding very erratically - this is not because of the changed files (tested with original files)... I may change back to 0.200...

Thx for your help - my HTPC is almost perfect now!!!

 

[xOK]

I created a new file called common.window.with.thumbnail.xml, put this xml code there and modified the <import> in myvidoes.xml, but it didn't work very well.

It appears everything ok but my backgoround image skin is modified (is small and isn't centered) .

Anyone know what i have to change on the code to fix it?

 

[Hildebrandt]

Sounds odd - i've done this in 0.2.3 RC1 and 0.2.2 without problems... What skin are you using/what version MP??

If you restore the original myvideos.xml does it look normal again???

I'm using 0.2.2 ATM with bluetwo - if you want i can post myvideos.xml and thumbnail.xml...

Oh - before you do anything - try a shorter name than common.window.with.thumbnail.xml; propably won't change anything, but hey - stranger things have occured before...

 

[xOK]

It´s done now.
I modified the size oh background in common.window.with.thumbnail.xml and also the position of thumbnail.

Thks anyway. : D