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

Add deck tabs, uniform action buttons, lyric reports in the player panel and a song list in the lyrics studio

Browse Source
This commit is contained in:
Claude
2026-09-30 15:57:11 +00:00
parent e64880c163
commit 9d74769029
4 changed files with 160 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/index.html
View File

@@ -181,9 +181,12 @@
<button id="muteBtn" class="ctrl" title="Mute" aria-label="Mute">🔊</button>
<input id="volume" type="range" min="0" max="1" step="0.01" value="1" aria-label="Volume" />
</div>
<div class="dk-tabs" role="tablist" aria-label="More controls">
<button class="dk-tab" data-dk="sound" role="tab" type="button">Sound &amp; view</button>
<button class="dk-tab" data-dk="practice" role="tab" type="button">Practice</button>
</div>
<div class="deck-groups">
<div class="dk-group">
<div class="dk-title">Practice</div>
<div class="dk-group" data-dk="practice">
<div class="dk-tiles">
<button id="abABtn" class="ctrl ab-ctrl" title="Set A-B loop start [A]">A</button>
<button id="abBBtn" class="ctrl ab-ctrl" title="Set A-B loop end [B]">B</button>
@@ -203,8 +206,7 @@
</label>
</div>
</div>
<div class="dk-group">
<div class="dk-title">Sound &amp; view</div>
<div class="dk-group" data-dk="sound">
<div class="dk-tiles">
<button id="sleepTimerBtn" class="ctrl" title="Sleep timer">⏱</button>
<button id="transitionBtn" class="ctrl" title="Between songs in a playlist: Normal — click to change">↦</button>
@@ -264,6 +266,7 @@
<button id="lyrOffPlus" class="lyr-off-btn" type="button">+0.5s</button>
</span>
<label class="lyr-auto"><input type="checkbox" id="lyrAutoscroll" checked /> Autoscroll</label>
<button id="lyricsFlagBtn" class="lyr-flag hidden" type="button" aria-pressed="false" title="Mark a line with wrong words or timing — an admin reviews it"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 21V4M5 4h11l-2 4 2 4H5"/></svg><span>Report a wrong line</span></button>
</div>
<div id="lyricsSyncBar" class="lyrics-syncbar hidden">
<span id="lyricsSyncHint" class="lyrics-sync-hint"></span>