59 replies to this topic

[DimitarCC]

Hello guys,

I am trying to make my own skin however i got stuck with skinning movie player seek visualisation.

You know when you seek a movie forward or backward or when you are on pause on the screen is displayed >> x128 for example for fforward with speed of x128. Or || when you are in pause.

How can that display be skinned? Change the color of this or remove it completely to be displayed or replace it with icons?

Is that at all part of the skin and if so where i can find and change it?

Thanks in advance.

 

[DimitarCC]

Ok.... Seems nobody here knows its own code and how that Elements are visualized. Weird �

[littlesat]

With our standard skin you see that info.... so I’m afraid nobody understands your question. The example how to show it is in the standard default skin and others..... note that the widget is a text widget where || stands for pauze... it are no graphics/icons.. but the color of the text can be changed...

Edited by littlesat, 3 May 2021 - 06:12.

[DimitarCC]

Ok. That is exactly my question where in the skin is that widget so to change the color? Or is it a parameters in the skin Just for that color?

[littlesat]

Look in the skin_template.xml as far I remember the movieplayer screen...

[DimitarCC]

Thank you. I will check it out.

[DimitarCC]

Well i checked and i couldnt find anything for the seek in skin_template.xml. There is playertemplate but i side is nothing about this. In movieplayer screen as well i found nothing.
The seekstate however is set in infobarseek class in infobargenerics.py.... But i dont see where the values is assigned to a widget.

[Loui (PD1LOI)]

 You can do this as an extra userskin.xml

 

<skin>

 

<!--from Templates.xml-->

 

<screen name="PlayerTemplate">

<widget source="session.CurrentService" render="Label" position="336,123" size="1248,74" backgroundColor="#2d101214" zPosition="1" foregroundColor="green" borderWidth="2" font="Regular;36" borderColor="black" valign="center" halign="center">

<convert type="ServiceName">Name</convert>

</widget>

<ePixmap pixmap="Pd1loi-HD-night/dvr/scale1024.png" position="192,204" size="1536,12" zPosition="1"/>

<widget source="session.CurrentService" render="PositionGauge" position="192,201" size="1536,18" transparent="1" zPosition="4" pointer="Pd1loi-HD-night/dvr/position_pointer1024.png:1536,4">

<convert type="ServicePosition">Gauge</convert>

</widget>

<widget source="session.CurrentService" render="Label" position="192,163" size="135,37" backgroundColor="#2d101214" zPosition="4" foregroundColor="orange1" borderWidth="2" font="Regular;33" borderColor="black" valign="center" halign="left">

<convert type="ServicePosition">Position,ShowHours</convert>

</widget>

<widget source="session.CurrentService" render="Label" position="1552,163" size="175,37" backgroundColor="#2d101214" zPosition="4" foregroundColor="orange1" borderWidth="2" font="Regular;33" borderColor="black" valign="center" halign="right">

<convert type="ServicePosition">Remaining,Plus,ShowHours</convert>

</widget>

<widget source="session.RecordState" render="Pixmap" pixmap="Pd1loi-HD-night/buttons/rec.png" position="1740,196" size="30,30" zPosition="3" alphatest="on">

<convert type="ConditionalShowHide"/>

</widget>

<widget source="global.CurrentTime" render="Label" borderWidth="2" position="1578,121" size="150,37" backgroundColor="#2d101214" noWrap="1" zPosition="1" foregroundColor="unffff00" font="Regular;33" valign="center" halign="right">

<convert type="ClockToText">Format:%-H:%M</convert>

</widget>

<widget source="session.CurrentService" render="Label" position="851,222" size="219,31" zPosition="2" backgroundColor="#2d101214" foregroundColor="foreground" font="Regular;30" borderWidth="2" valign="top" halign="center">

<convert type="PliExtraInfo">ResolutionString</convert>

</widget>

</screen>

 

<!--from skin.xml-->

 

<!-- Movie Player Infobar -->

 

<screen name="MoviePlayer" title="InfoBar" position="0,750" size="1920,330" backgroundColor="transparent" flags="wfNoBorder">

<panel name="PlayerTemplate"/>

<ePixmap alphatest="off" pixmap="Pd1loi-HD-night/infobar/hd.png" position="0,30" size="1920,300" zPosition="-1"/>

<widget source="session.CurrentService" render="Pixmap" pixmap="Pd1loi-HD-night/infobar/ico_dolby_on.png" position="1467,107" size="50,32" zPosition="2" alphatest="on">

<convert type="ServiceInfo">IsMultichannel</convert>

<convert type="ConditionalShowHide"/>

</widget>

<widget source="session.CurrentService" render="Pixmap" pixmap="Pd1loi-HD-night/infobar/ico_format_hd.png" position="1518,107" size="60,32" zPosition="4" alphatest="on">

<convert type="ServiceInfo">IsHD</convert>

<convert type="ConditionalShowHide"/>

</widget>

<widget source="session.CurrentService" render="Pixmap" pixmap="Pd1loi-HD-night/infobar/ico_format_16_9.png" position="1518,107" size="60,32" zPosition="2" alphatest="on">

<convert type="ServiceInfo">IsSDAndWidescreen</convert>

<convert type="ConditionalShowHide"/>

</widget>

<widget source="session.CurrentService" render="Pixmap" pixmap="Pd1loi-HD-night/infobar/ico_format_4_3.png" position="1518,107" size="60,32" zPosition="2" alphatest="on">

<convert type="ServiceInfo">IsSDAndNotWidescreen</convert>

<convert type="ConditionalShowHide"/>

</widget>

</screen>

 

<!-- PVR State -->

 

<screen name="PVRState" position="192,972" size="225,45" backgroundColor="#2d101214" zPosition="2" flags="wfNoBorder">

<widget name="state" position="0,0" size="225,45" backgroundColor="#2d101214" borderWidth="2" font="Regular;37" borderColor="black" halign="left"/>

</screen>

 

<!-- Timeshift state -->

 

<screen name="TimeshiftState" position="1240,897" zPosition="0" size="396,40" backgroundColor="#2d101214" flags="wfNoBorder">

<eLabel text="Timeshift: " position="0,0" size="255,40" backgroundColor="#2d101214" font="Regular;36" borderColor="black" borderWidth="2" valign="center" halign="right"/>

<widget source="session.CurrentService" render="Label" position="255,0" size="141,40" zPosition="3" foregroundColor="foreground" backgroundColor="#2d101214" borderWidth="2" font="Regular;36" borderColor="black" valign="center" halign="right">

<convert type="ServicePosition">Remaining,ShowHours</convert>

</widget>

<widget name="state" position="0,0" size="90,40" zPosition="3" backgroundColor="#2d101214" borderWidth="2" font="Regular;36" borderColor="black" valign="center" halign="right"/>

</screen>

 

<screen name="TimeshiftLive" position="1240,897" zPosition="0" size="396,40" backgroundColor="#2d101214" flags="wfNoBorder">

<eLabel position="0,0" size="396,40" text="Timeshift Live" backgroundColor="#2d101214" borderWidth="2" font="Regular;36" borderColor="black" valign="center" halign="right"/>

</screen>

 

</skin>

Edited by Loui (PD1LOI), 3 May 2021 - 11:27.

[Taapat]

@DimitarCC The information witch you are asking displays the screen PVRState: https://github.com/O...ens/PVRState.py
The symbols witch you see are text.
You can change their color or size but you cannot use images.

 

U.P.D.

I assume that using some convert you can replace the text with an image.

Edited by Taapat, 3 May 2021 - 11:51.

[DimitarCC]

Thanks guys! I will play a bit with this.

[littlesat]

Thanks indeed pvrstate screen.... why such complicated (as instantiated screen)?

Edited by littlesat, 4 May 2021 - 07:33.

[Loui (PD1LOI)]

Thanks indeed pvrstate screen.... why such complicated (as instantiated screen)?

I'm just using standard, except it contained the data he might be looking for.

[DimitarCC]

Well indeed the pvrstate screen was what i looked for. However i also think is too complecated... So i edited some py files and remove the pvrstate screen and integrated all functionality in Movieplayer screen
Also i made possibility to be used icons.

Edited by DimitarCC, 4 May 2021 - 13:13.

[littlesat]

Good idea but it nas risks with plugins that use movie player stuff.... they may become non compatible...

[DimitarCC]

Good idea but it nas risks with plugins that use movie player stuff.... they may become non compatible...

 

Well you are right. However most of the plugins i know uses InfoBarPVRState class which i didnt remove. So if some plugins use it they can continue to do so.

Also changes to the MoviePlayer screen are just the functionality moved from InfoBarPVRState class so any plugins that use directly MoviePlayer screen instance should not have issues with it.

I think the best place of states text or icons is in the movie player infobar itself. Not in a separate screen somewhere.

 

 

Icons and texts are designed as a named widgets that are filled up by the code only if they are present in the skin and only if images exists.

So in my opinion it should not have issues.

Attached Files

•  infobar1.jpg   108.15KB   0 downloads

[DimitarCC]

Well i couldnt edit my post above and i couldnt post screenshots.

So here is the links to the screenshots

https://1drv.ms/u/s!...zQ0lDmUs_unnmEU

https://1drv.ms/u/s!...zMWmUdE70z1qIRA

[littlesat]

Is it backwards compatible. Are you willing to offer a merge request and listen if we might have comments/suggestions?

[DimitarCC]

I think is backward compatible.....at least i think so. I will try to submit pull request in github then.

[DimitarCC]

Well i tried to create pull request for merging....

I am not sure is it succesfull so please check it out.

 

https://github.com/O...igma2/pull/2975

[littlesat]

Maybe consider to keep the instantiatescreen and add the code there (so it is backwards compatible)....
For this merge request I miss removal of the instantiate screen in InfoBarGenerics.

Edited by littlesat, 4 May 2021 - 17:00.