blob: eeb0effcc3a6eeda2db5addd6f63e1afd6ab7d10 (
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
|
# Phase 2 — Progress Bar & Seeking UI
Visual progress display and mouse-based seeking.
---
## 2.1 Progress bar rendering
- Horizontal bar centered at ~Y=360, width = 80% of window (1024px), height = 20px.
- Background: dark gray rectangle via `DrawRectangleRec()`.
- Fill: accent color rectangle, width proportional to `currentTime / duration`.
- Only drawn when `state.loaded` is true.
## 2.2 Time labels
- Left of bar: current time formatted as `MM:SS` or `HH:MM:SS` (if ≥ 3600s).
- Right of bar: total duration in the same format.
- Helper function: `void format_time(float seconds, char *buf, int bufsize)`.
## 2.3 Click-to-seek
- On `IsMouseButtonPressed(MOUSE_BUTTON_LEFT)`, check if click is within progress bar bounding box.
- Compute target time: `(mouseX - barX) / barWidth * duration`.
- Call `SeekMusicStream()` to that position.
- Works in both playing and paused states.
---
## Acceptance criteria
- Progress bar visually tracks playback position in real time.
- Time labels update every frame and format correctly (MM:SS vs HH:MM:SS).
- Clicking anywhere on the bar seeks to the corresponding position instantly.
- Clicking outside the bar does nothing.
|
