HOW-TO:Simplify the seekbar in Confluence: Difference between revisions
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
File:Seekbarmodaligned.png|MOD - button and text aligned | File:Seekbarmodaligned.png|MOD - button and text aligned | ||
</gallery> | </gallery> | ||
Open the file ''DialogSeekBar.xml'' | ==Remove the small rectangle and its contents== | ||
[[File:SeekmodmomentA.png]]<br/><br/> | |||
Open the file ''DialogSeekBar.xml''. Find the following code and comment it out. | |||
<syntaxhighlight lang="xml"><control type="group"> | <syntaxhighlight lang="xml"><control type="group"> | ||
<visible>player.chaptercount + Window.IsVisible(FullScreenVideo)</visible> | <visible>player.chaptercount + Window.IsVisible(FullScreenVideo)</visible> | ||
Line 50: | Line 51: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<br /> | <br /> | ||
==Remove the border around the seekbar and PLAY button== | |||
[[File:SeekmodmomentB.png]]<br/><br/> | |||
Find the following code and comment it out. | |||
<syntaxhighlight lang="xml"> | <syntaxhighlight lang="xml"> | ||
<control type="image"> | <control type="image"> | ||
Line 62: | Line 65: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<br /> | <br /> | ||
==Remove elapsed time, seek time, progressbar for the cache, progressbar and the seek slider== | |||
[[File:SeekmodmomentC.png]]<br/><br/> | |||
Find the following code and comment it out. | |||
<syntaxhighlight lang="xml"> | <syntaxhighlight lang="xml"> | ||
<control type="label"> | <control type="label"> | ||
Line 122: | Line 127: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<br /> | <br /> | ||
==Create a new smaller rectangle border and background== | |||
[[File:SeekmodmomentD.png]]<br/><br/> | |||
Find the following code: | |||
<syntaxhighlight lang="xml"> | <syntaxhighlight lang="xml"> | ||
<control type="group"> | <control type="group"> | ||
Line 141: | Line 148: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<br /> | <br /> | ||
==Move the PLAY button== | |||
Find the following code: | |||
<syntaxhighlight lang="xml"> | <syntaxhighlight lang="xml"> | ||
<left>260</left> | <left>260</left> | ||
Line 156: | Line 164: | ||
Change:<br /> | Change:<br /> | ||
'''<left>''260''</left>''' to '''<left>''231''</left>'''<br /> | '''<left>''260''</left>''' to '''<left>''231''</left>'''<br /> | ||
This will ''center'' the PLAY | This will ''center'' the PLAY button in the rectangle.<br/> | ||
[[File:SeekmodmomentE1.png]]<br/><br/> | |||
If you want the text "Playing/Paused/Seeking" ''aligned'' with the PLAY button, change:<br /> | If you want the text "Playing/Paused/Seeking" ''aligned'' with the PLAY button, change:<br /> | ||
'''<left>''260''</left>''' to '''<left>''218''</left>''' | '''<left>''260''</left>''' to '''<left>''218''</left>'''<br/> | ||
[[File:SeekmodmomentE2.png]] | |||
<br /> | <br /> | ||
<br /> | <br /> | ||
==Move "Playing/Paused/Seeking" into our new rectangle== | |||
[[File:SeekmodmomentF.png]]<br/><br/> | |||
Find the following code: | |||
<syntaxhighlight lang="xml"> | <syntaxhighlight lang="xml"> | ||
<control type="label"> | <control type="label"> |
Revision as of 09:17, 14 August 2015
This tutorial will show how to simplify the seekbar, i.e. the GUI you get when pausing and seeking. This is achieved by editing DialogSeekBar.xml. IMO you don't need all that info when e.g. pausing, I can use the Info screen I or OSD M for that. Also, knowing how much time's passed or how many chapters there are left can spoil the experience, as you with that info maybe can guess how it'll end.
Remove the small rectangle and its contents
Open the file DialogSeekBar.xml. Find the following code and comment it out.
<control type="group"> <visible>player.chaptercount + Window.IsVisible(FullScreenVideo)</visible> <left>705r</left> <top>-6</top> <include>VisibleFadeEffect</include> <control type="image"> <left>0</left> <top>0</top> <width>150</width> <height>70</height> <colordiffuse>EEFFFFFF</colordiffuse> <texture border="12">OverlayDialogBackground.png</texture> </control> <control type="label" id="1"> <description>Chapter Pos No</description> <left>20</left> <top>10</top> <width>110</width> <height>20</height> <align>center</align> <aligny>center</aligny> <font>font12_title</font> <textcolor>blue</textcolor> <label>$LOCALIZE[21396]</label> <visible>player.chaptercount</visible> </control> <control type="label" id="1"> <description>Chapter Pos No</description> <left>20</left> <top>30</top> <width>110</width> <height>20</height> <align>center</align> <aligny>center</aligny> <font>font13_title</font> <textcolor>grey2</textcolor> <label>$INFO[player.chapter]$INFO[player.chaptercount, / ]</label> <visible>player.chaptercount</visible> </control> </control>
Remove the border around the seekbar and PLAY button
Find the following code and comment it out.
<control type="image"> <left>0</left> <top>0</top> <width>370</width> <height>70</height> <colordiffuse>EEFFFFFF</colordiffuse> <texture border="12">OverlayDialogBackground.png</texture> </control>
Remove elapsed time, seek time, progressbar for the cache, progressbar and the seek slider
Find the following code and comment it out.
<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> <control type="label"> <description>Seek 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.SeekTime] - $INFO[Player.Duration]</label> <visible>Player.Seeking</visible> </control> <control type="progress"> <description>ProgressbarCache</description> <left>20</left> <top>45</top> <width>240</width> <height>15</height> <info>Player.ProgressCache</info> <midtexture border="6,0,6,0">OSDProgressMidLight.png</midtexture> <visible>true</visible> </control> <control type="progress" id="23"> <description>Progressbar</description> <left>20</left> <top>45</top> <width>240</width> <height>15</height> <info>Player.Progress</info> <visible>true</visible> </control> <control type="slider" id="401"> <description>Seek Slider</description> <left>20</left> <top>42</top> <width>240</width> <height>12</height> <texturesliderbar>seekslider.png</texturesliderbar> <textureslidernib>osd_slider_nib.png</textureslidernib> <textureslidernibfocus>osd_slider_nib.png</textureslidernibfocus> <visible>Player.Seeking</visible> </control>
Create a new smaller rectangle border and background
<control type="group"> <left>560r</left> <top>-6</top>
Paste the following code after it:
<control type="image"> <left>210</left> <top>0</top> <width>140</width> <height>95</height> <colordiffuse>EEFFFFFF</colordiffuse> <texture border="12">OverlayDialogBackground.png</texture> </control>
Move the PLAY button
Find the following code:
<left>260</left> <top>10</top> <control type="image"> <left>10</left> <top>0</top> <width>80</width> <height>50</height> <texture>OSDSeekFrame.png</texture> </control>
Change:
<left>260</left> to <left>231</left>
This will center the PLAY button in the rectangle.
If you want the text "Playing/Paused/Seeking" aligned with the PLAY button, change:
<left>260</left> to <left>218</left>
Move "Playing/Paused/Seeking" into our new rectangle
<control type="label"> <description>Seekbar Label</description> <left>20</left> <top>7</top> <width>240</width> <height>20</height> <align>left</align> <aligny>center</aligny> <font>font10_title</font> <textcolor>blue</textcolor> <label>$VAR[SeekLabel]</label> </control>
Change:
<left>20</left> to <left>230</left>
<top>7</top> to <top>60</top>