react-list-player icon indicating copy to clipboard operation
react-list-player copied to clipboard

Feature request: Add a seek bar to the controls component (with mobile and desktop solution)

Open bouzidanas opened this issue 1 year ago • 0 comments

ListPlayer is lacking a way to seek or change the play position in currently playing track.

Considerations

  1. Typical solutions often involve a slider component which can take up a lot of horizontal space. Since ListPlayer can have dynamic physical dimensions, a dynamic solution is likely required for placement and sizing of the slider. Careful placement considerations should be made for miniplayer and tinyplayer modes.
  2. A seek bar is a type of control element and thus should be inside the controls component (instead of elsewhere in the ListPlayer compenent tree).

Possible pathways/solutions/ideas

For tinymode or mobile screen widths, something like the following could be implemented:

tinyplayer-seekbar-example

bouzidanas avatar Jan 29 '24 15:01 bouzidanas