josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a service mode shortcut to the now-playing bar and a video panel toggle

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-08 16:59:43 +08:00
parent 3e1b56610f
commit a3089dde74
3 changed files with 133 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/index.html
View File

@@ -260,9 +260,17 @@
<section id="serviceMode" class="service-mode hidden" aria-label="Service Mode">
<div class="service-topbar">
<div id="serviceWakeState" class="service-wake-state">Screen may sleep</div>
<button id="serviceExitBtn" class="service-exit-btn" type="button" aria-label="Exit Service Mode">Exit</button>
<div class="service-topbar-actions">
<button id="serviceVideoBtn" class="service-exit-btn service-video-btn" type="button"
aria-pressed="false" aria-label="Show or hide the video">📺 Video off</button>
<button id="serviceExitBtn" class="service-exit-btn" type="button" aria-label="Exit Service Mode">Exit</button>
</div>
</div>
<div class="service-center">
<!-- Placeholder the real .player-stage is positioned over while the
video panel is on. The <video> is never moved into here — see
positionServiceVideo() in app.js. -->
<div id="serviceVideoSlot" class="service-video-slot" aria-hidden="true"></div>
<div class="service-meta">
<h1 id="serviceTitle" class="service-title"></h1>
<div id="serviceChannel" class="service-channel"></div>
@@ -293,6 +301,8 @@
<div id="miniChannel" class="mini-channel"></div>
</div>
<span id="miniTime" class="mini-time">0:00</span>
<button id="miniServiceBtn" class="mini-btn mini-service" type="button"
title="Service mode" aria-label="Service mode">🎤</button>
<button id="miniCloseBtn" class="mini-btn mini-close">✕</button>
</div>
<div id="miniProgress" class="mini-progress"><div id="miniProgressFill" class="mini-progress-fill"></div></div>