Redesign Player UI #48

Merged

AnthonyKwon merged 20 commits from player-ui-improvements into player-ui

2026-08-22 08:23:53 +09:00

AnthonyKwon commented

2026-08-22 02:39:22 +09:00

Owner

This PR will redesign the Player UI.
New design has advantages below:

Better look and feel
Proper lyric link indicator
Auto-scroll properly fixed
Backgound-synced dark mode
...and more.

Claude Code is used for some commits. They have Claude as Co-Author.

This PR will redesign the Player UI. New design has advantages below: - Better look and feel - Proper lyric link indicator - Auto-scroll properly fixed - Backgound-synced dark mode ...and more. Claude Code is used for some commits. They have Claude as Co-Author.

AnthonyKwon added 20 commits

2026-08-22 02:39:22 +09:00

AudioPlayer: remove resampler quality parameter 502d332c82

This parameter causes exception if backend doesn't support speex resampler.

player-ui: initial ui changes for better readability cabed72be1

playerui: simplify bindings 72f3ade9e7

project: add pretendard font fd5a5eb637

playerui: initial fix of autoscroll desync on new design 0ccdf961c2

playerui: initial fix of virtualization autoscroll 2aa1d4c0d7

playerui: fix scroll desync by measuring line positions 2222cf9767

VirtualizingStackPanel estimates the size of every line it has not
realized, so the scroll extent and line positions were approximations
that shifted as the realized window moved. Replace it with
MeasuredVirtualizingPanel, which takes each height from IMeasuredItem
and keeps an exact position table, so offsets are correct whether or not
a line is realized.

UpdateScrollPosition now asks the panel for those offsets instead of
summing heights, and clamps the target so tall lines above the active
one cannot push it out of view.

P.S. from human: my attempt of fixing scroll position desync all failed, and I ran out of idea :(

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

playerui: remove debug lines 78bcb2dbec

playerui: scroll to top on file open b79ca956bb

playerui: activate multiple line with same timestamp on playback ddcab20dbb

playerui: use fallback image when artwork not exists 453b71bf67

playerui: remove Attach property of EditorLine 7c28b6a29c

playerui: use playback lyric sync offset from file and config e31fe30203

config: set default SyncOffset to 0 8d69f22eda

playerui: extend background to title bar area e0b5a1ce6d

playerui: initial background luminance sync support 5a8344c947

playerui: background luminance sync for more components 4e536480d2

playerui: rework background composition and filter order bfece923ae

Follow aadishv's PixiJS implementation in aadishv/html-music, which
applies its filters to the container rather than to each sprite.

The twist runs once over the composed result in viewport space rather
than per copy, and saturation is applied after the blur rather than per
copy. Copy placement and rotation match the reference, with BasePose
replacing Speed and the per copy twist phases. DrawSprite replaces
DrawCopy to scale on the GPU, and the render cache is now disposed and
compared more strictly.

P.S from human: Most custom background-related commits are AI-generated, since I don't have any graphics skills yet. Only some parts like control(partial), caching, dark mode detection, etc are human generated. For this reason, they might completely rewritten later.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

playerui: sync ThemeVariant with background 6029499ba5

playerui: tune background brightness as previous look dc8b009896

AnthonyKwon added the

enhancement

Priority

Mid

labels

2026-08-22 02:41:23 +09:00

AnthonyKwon added this to the 0.2.0.0 milestone

2026-08-22 02:41:35 +09:00

AnthonyKwon self-assigned this

2026-08-22 02:41:37 +09:00