mirror of
https://github.com/zen-browser/desktop.git
synced 2025-10-16 14:56:14 +00:00
52 lines
2.1 KiB
HTML
52 lines
2.1 KiB
HTML
<toolbar id="zen-media-controls-toolbar"
|
|
class="browser-toolbar customization-target zen-sidebar-toolbar"
|
|
context="toolbar-context-menu"
|
|
mode="icons"
|
|
hidden="true">
|
|
<toolbaritem>
|
|
<vbox id="zen-media-main-vbox">
|
|
<vbox>
|
|
<hbox id="zen-media-info-container" class="show-on-hover">
|
|
<vbox id="zen-media-info-vbox">
|
|
<label id="zen-media-title" fadein="true"/>
|
|
<label id="zen-media-artist" fadein="true"/>
|
|
</vbox>
|
|
<hbox id="zen-media-buttons-hbox">
|
|
<toolbarbutton id="zen-media-pip-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaPip();" />
|
|
<toolbarbutton id="zen-media-close-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onControllerClose();" />
|
|
</hbox>
|
|
</hbox>
|
|
<hbox id="zen-media-progress-hbox" class="show-on-hover">
|
|
<label id="zen-media-current-time">0:00</label>
|
|
<html:input type="range" id="zen-media-progress-bar"
|
|
value="0" min="0" max="100" step="0.1"
|
|
oninput="gZenMediaController.onMediaSeekDrag(event);"
|
|
onchange="gZenMediaController.onMediaSeekComplete(event);"/>
|
|
<label id="zen-media-duration">0:00</label>
|
|
</hbox>
|
|
</vbox>
|
|
<hbox id="zen-media-controls-hbox">
|
|
<toolbarbutton id="zen-media-focus-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaFocus();" />
|
|
<toolbarbutton id="zen-media-previoustrack-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaPlayPrev();" />
|
|
<toolbarbutton id="zen-media-playpause-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaToggle();" />
|
|
<toolbarbutton id="zen-media-nexttrack-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaPlayNext();" />
|
|
<toolbarbutton id="zen-media-mute-button"
|
|
class="toolbarbutton-1"
|
|
oncommand="gZenMediaController.onMediaMute();" />
|
|
</hbox>
|
|
</vbox>
|
|
</toolbaritem>
|
|
</toolbar>
|