blob: ead88b44c379d7c2b2059f7ae8e741b98e09ab52 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
# Phase 3 — Polish & Status Display
Final UI elements and visual polish.
---
## 3.1 Title text
- Draw "Study Player" centered near top of window (large font size, ~30px).
## 3.2 Filename display
- Below title: show loaded filename, or "Drag an MP3 file here" when nothing is loaded.
- Centered horizontally.
## 3.3 Playback status
- Below progress bar: display "PLAYING" or "PAUSED" centered.
- Show nothing when no file is loaded.
## 3.4 Help text
- Bottom area of window: "Space: play/pause ←/→: seek 5s Click bar: seek".
- Smaller font, muted color.
## 3.5 Window title update
- Call `SetWindowTitle()` to include the filename when a file is loaded (e.g., "Study Player - chapter1.mp3").
- Reset to "Study Player" if relevant.
## 3.6 Visual refinements
- Consistent font sizes and vertical spacing across all text elements.
- Color scheme: dark background (#1a1a2e or similar), light text (#eaeaea), accent color for progress fill (#e94560 or similar).
- Ensure all text is readable and well-positioned at 1280×720.
---
## Acceptance criteria
- All text elements are visible and properly centered.
- Status reflects actual playback state and updates immediately on play/pause.
- Window title bar shows the current filename.
- The app looks clean and intentional — no overlapping elements, no clipping.
|
