wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-23 00:47:31 +09:00
Code Issues Projects Releases Packages Wiki Activity

REALLY finish off PiP

Browse source
This commit is contained in:
wuggy 2026-09-13 12:39:43 -07:00
commit 14b7011d74
4 changed files with 196 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

33
browser/base/content/pictureInPicture.xul
View file

@ -12,28 +12,35 @@
hidechrome="true"
persist="screenX screenY width height">
<script type="application/javascript" src="chrome://browser/content/pictureInPicture.js"/>
<stack flex="1">
<vbox id="player-container" flex="1"/>
<vbox id="player-overlay" flex="1">
<hbox class="pip-controls" id="top-controls" pack="end">
<html:div id="player-stack">
<html:div id="player-container"/>
<html:div id="player-overlay">
<html:div class="pip-controls" id="top-controls">
<button id="close" label="&#x00D7;" tooltiptext="&pictureInPicture.close;"
aria-label="&pictureInPicture.close;" oncommand="window.close();"/>
</hbox>
<spacer flex="1"/>
<vbox class="pip-controls" id="playback-controls">
</html:div>
<html:div id="drag-area"/>
<html:div class="pip-controls" id="playback-controls">
<html:input id="seek" type="range" min="0" max="1" step="0.1" value="0"
disabled="disabled" aria-label="&pictureInPicture.seek;"
oninput="Player.seek(this.value);" onchange="Player.finishSeeking();"/>
<hbox align="center">
<html:div id="button-row">
<button id="play" label="&mediaPlay.label;" oncommand="Player.command('playpause');"/>
<button id="mute" label="&mediaMute.label;" oncommand="Player.command('mute');"/>
<label id="time" value="0:00 / 0:00" flex="1" crop="end"/>
<button id="return" label="&pictureInPicture.return;" oncommand="Player.returnToTab();"/>
</hbox>
</vbox>
</vbox>
<resizer id="resize" dir="bottomright" right="0" bottom="0"/>
</stack>
</html:div>
</html:div>
</html:div>
<html:div class="resize-edge" data-resize="n"/>
<html:div class="resize-edge" data-resize="s"/>
<html:div class="resize-edge" data-resize="e"/>
<html:div class="resize-edge" data-resize="w"/>
<html:div class="resize-corner" data-resize="nw"/>
<html:div class="resize-corner" data-resize="ne"/>
<html:div class="resize-corner" data-resize="sw"/>
<html:div class="resize-corner" data-resize="se"/>
</html:div>
<label id="pause-label" value="&mediaPause.label;" hidden="true"/>
<label id="unmute-label" value="&mediaUnmute.label;" hidden="true"/>
<label id="live-label" value="&pictureInPicture.live;" hidden="true"/>