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

Add a lyrics-only service mode view with the sung line centred and auto-sized, and a free local faster-whisper script to transcribe saved songs

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-19 08:33:00 +08:00
parent b82f17cd46
commit 71fc51fb50
8 changed files with 457 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/index.html
View File

@@ -319,6 +319,10 @@
<div class="service-topbar">
<div id="serviceWakeState" class="service-wake-state">Screen may sleep</div>
<div class="service-topbar-actions">
<button id="serviceAutoscrollBtn" class="service-exit-btn service-video-btn hidden" type="button"
aria-pressed="true" aria-label="Keep the sung line centred">⇅ Auto-scroll on</button>
<button id="serviceLyricsBtn" class="service-exit-btn service-video-btn" type="button"
aria-pressed="false" aria-label="Show only the lyrics">🎵 Lyrics off</button>
<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>
@@ -331,6 +335,10 @@
<div id="serviceNote" class="service-note hidden"></div>
</div>
<div id="serviceUpNext" class="service-upnext">Last song</div>
<!-- Lyrics-only view: the sung line is centred, largest and highlighted -->
<div id="serviceLyrics" class="service-lyrics hidden" aria-live="off">
<div id="serviceLyricsList" class="sl-list"></div>
</div>
</div>
<div class="service-bottom">
<div id="serviceTime" class="service-time">