HOW-TO:Add Time Remaining to Confluence: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 2: Line 2:
__FORCETOC__
__FORCETOC__


This tutorial will show how to replace ''runtime'' with '''time remaining''' at the end of the progress bar on the ''Info screen'' {{keypress|I}} and ''OSD'' {{keypress|M}}, and add the ''runtime'' to the bottom of the progress bar on the ''Info screen/OSD''. This is achieved by editing VideoFullScreen.xml (located in the [[Systemdata|system data folder]]; Windows: %programfiles(x86)%\kodi\addons\skin.confluence\720p\VideoFullScreen.xml).
This tutorial will show how to replace ''runtime'' with '''time remaining''' at the end of the progress bar on the ''Info screen'' {{keypress|I}} and ''OSD'' {{keypress|M}}, and add the ''runtime'' to the bottom of the progress bar on the ''Info screen/OSD''. It'll also show how to modify the seekbar (PAUSE dialog) to show time remaining.
 
This is achieved by editing VideoFullScreen.xml and DialogSeekBar.xml. They are located in the [[Systemdata|system data folder]].<br />
Windows: %programfiles(x86)%\kodi\addons\skin.confluence\720p\


==Add time remaining on the Info screen/OSD==
==Add time remaining on the Info screen/OSD==
Line 69: Line 72:
B. Add the following code, which ''doesn't'' contain '''!Window.IsVisible(VideoOSD) +'''
B. Add the following code, which ''doesn't'' contain '''!Window.IsVisible(VideoOSD) +'''
<syntaxhighlight lang="xml"><visible>!VideoPlayer.Content(LiveTV)</visible></syntaxhighlight>
<syntaxhighlight lang="xml"><visible>!VideoPlayer.Content(LiveTV)</visible></syntaxhighlight>
==Modify the seekbar (PAUSE dialog) to show time remaining==
[[Category:How-to]]
[[Category:How-to]]
<gallery widths=562px heights=98px>
File:Trmodorgseekbar.png|Original seekbar
File:Trmodseekbarmod1.png|MOD 1
File:Trmodseekbarmod2.png|MOD 2
File:Trmodseekbarmod3.png|MOD 3
</gallery>
A. Open the file DialogSeekBar.xml and find the following code:
<syntaxhighlight lang="xml">
<control type="label">
<description>Elapsed Time Label</description>
<left>20</left>
<top>23</top>
<width>240</width>
<height>20</height>
<font>font13_title</font>
<textcolor>white</textcolor>
<align>left</align>
<aligny>center</aligny>
<label>$INFO[Player.Time] - $INFO[Player.Duration]</label>
<visible>!Player.Seeking</visible>
</control></syntaxhighlight>
B. Comment out the line: <br />
<syntaxhighlight lang="xml"><label>$INFO[Player.Time] - $INFO[Player.Duration]</label></syntaxhighlight>
C. Add the following line after it. <br/>
<syntaxhighlight lang="xml"><label>$INFO[Player.Time] | $INFO[Player.TimeRemaining(hh:mm:ss)] left</label></syntaxhighlight>
You don't have to use '''|''' (vertical bar) or "left", though using "remaining" instead of "left" won't fit. But you can always make the seekbar longer. Other examples from the forums are:
<syntaxhighlight lang="xml"><label>at $INFO[Player.Time], $INFO[Player.TimeRemaining(hh:mm:ss)] left</label></syntaxhighlight><br/>
<syntaxhighlight lang="xml"><label>$INFO[Player.Time] (-$INFO[Player.TimeRemaining(hh:mm:ss)])</label></syntaxhighlight>

Revision as of 07:16, 2 June 2016

Home icon grey.png   ▶ Skinning ▶ Confluence ▶ HOW-TO:Add Time Remaining to Confluence


This tutorial will show how to replace runtime with time remaining at the end of the progress bar on the Info screen I and OSD M, and add the runtime to the bottom of the progress bar on the Info screen/OSD. It'll also show how to modify the seekbar (PAUSE dialog) to show time remaining.

This is achieved by editing VideoFullScreen.xml and DialogSeekBar.xml. They are located in the system data folder.
Windows: %programfiles(x86)%\kodi\addons\skin.confluence\720p\

Add time remaining on the Info screen/OSD

A. Open the file VideoFullScreen.xml], find the following line and comment it out. It will remove end time below the progress bar on the Info screen.

<label>$LOCALIZE[31049] $INFO[Player.FinishTime]</label>

B. Add this after the above line. On the Info screen it will add runtime at the bottom of the progress bar and move end time into brackets.

<label>Runtime: $INFO[Player.Duration(hh:mm:ss)] (Ends $INFO[Player.FinishTime])</label>

C. Find the following line and comment it out. It will remove runtime from the end of the progress bar.

<label>$INFO[Player.Duration(hh:mm:ss)]</label>

D. Add this after the above line. It will add time remaining to the end of the progress bar. The hyphen (‐) before $INFO just shows up as is in Kodi GUI, you don't need it.

<label>-$INFO[Player.TimeRemaining(hh:mm:ss)]</label>

Change color and font size

A. Find the following code (as is after the above changes):

<control type="label" id="1">
     <left>0</left>
     <top>120</top>
     <width>910</width>
     <height>25</height>
     <!--<label>$LOCALIZE[31049] $INFO[Player.FinishTime]</label>-->
     <label>Runtime: $INFO[Player.Duration(hh:mm:ss)] (Ends $INFO[Player.FinishTime])</label>
     <align>center</align>
     <aligny>center</aligny>
     <font>font12</font>
     <textcolor>grey</textcolor>
     <scroll>true</scroll>
     <visible>!Window.IsVisible(VideoOSD) + !VideoPlayer.Content(LiveTV)</visible>
     <animation effect="fade" time="150">VisibleChange</animation>
</control>

B. Change the color of "Runtime X (Ends Y)" to white by commenting out the following:

<textcolor>grey</textcolor>

C. If you don't make runtime visible on the OSD too (if you do both the NEXT button and "Runtime" will overlap), you could also make the font size as e.g. time remaining.
Change font12 to font13

D. Or you can do C and move the text a bit to the right. From the code section in A change
<left>0</left> to <left>20</left>

Make runtime/endtime visible on the OSD too

A. Find the following line and comment it out

<visible>!Window.IsVisible(VideoOSD) + !VideoPlayer.Content(LiveTV)</visible>

B. Add the following code, which doesn't contain !Window.IsVisible(VideoOSD) +

<visible>!VideoPlayer.Content(LiveTV)</visible>


Modify the seekbar (PAUSE dialog) to show time remaining

A. Open the file DialogSeekBar.xml and find the following code:

<control type="label">
	<description>Elapsed Time Label</description>
	<left>20</left>
	<top>23</top>
	<width>240</width>
	<height>20</height>
	<font>font13_title</font>
	<textcolor>white</textcolor>
	<align>left</align>
	<aligny>center</aligny>
	<label>$INFO[Player.Time] - $INFO[Player.Duration]</label>
	<visible>!Player.Seeking</visible>
</control>

B. Comment out the line:

<label>$INFO[Player.Time] - $INFO[Player.Duration]</label>

C. Add the following line after it.

<label>$INFO[Player.Time] | $INFO[Player.TimeRemaining(hh:mm:ss)] left</label>

You don't have to use | (vertical bar) or "left", though using "remaining" instead of "left" won't fit. But you can always make the seekbar longer. Other examples from the forums are:

<label>at $INFO[Player.Time], $INFO[Player.TimeRemaining(hh:mm:ss)] left</label>


<label>$INFO[Player.Time] (-$INFO[Player.TimeRemaining(hh:mm:ss)])</label>