Player: Redesign the playback speed menu#1303
Conversation
Replace the vertical rate list with a live readout, a slider between minus/plus steppers, and preset chips for quick selection. Reuses the shared Slider and Button; removes the old Option chip.
Fluid width and a single-row chip grid for phones, a compact 3-row grid in short landscape so chips no longer clip, larger touch targets on coarse pointers, and a prefers-reduced-motion guard.
|
this is literally a repeatetive pr? there is already one open for this 😭 |
|
Ah, my bad; I genuinely didn't see #1291 was already open when I started this, sorry for the duplicate It's already approved, so it should absolutely land first; no reason to hold it up, and I'm happy to close this in its favour. One thing I did hit while building mine that might be worth folding in: on phones the new panel doesn't quite fit. It's a fixed Two smaller things I noticed too: the active preset isn't highlighted anymore (the old menu showed which speed you were on), and a few presets ( If it's useful, I'm glad to put up a small follow-up on top of #1291 with the responsive fix + the active-state highlight once it's merged, happy to help rather than duplicate 🙏 |
ok thank you |
|
implemented in the prev pr and its ready for merge thanks regardless |
What this does
Replaces the old vertical list of speed options in the player with a more focused, modern control panel for adjusting playback speed.
Why
The previous menu was a plain column of numbers — functional, but it made the common adjustments feel clunky and gave little sense of the current state. This brings the speed control up to the polish people expect from a video player.
The redesign, from a UX/UI standpoint
The old menu treated every speed as an equal entry in a scrolling list, which meant the same effort to nudge slightly or jump to a favorite, and no clear feedback about where you currently were.
The redesign reorganizes the same control around how people actually adjust speed: a large, live readout anchors the panel and updates as you change the value; with a "Normal" cue at 1× so you always know your baseline at a glance. Underneath, a −/slider/+ row handles precise, fine-grained tuning, while a row of preset chips gives one-tap access to the everyday speeds, with the active one highlighted so the current state is always visible.
The result separates the two real tasks; precise tuning and quick jumps; instead of forcing both through one long list, and the whole panel is touch-friendly and adapts cleanly across phone sizes and orientations.
What changed
How to see it
Open any video in the player → click the playback-speed control.