Expanse

Full-screen player focused on track images.

(Note: here the player is constrained to 50% of the viewport height; for full-screen glory, see the download package.)

Responsive container with:

• show-hide playlist;
• track title, track artist and track image;
• progress/seek bar;
• volume up/down controls (+/- 10%);
• play, pause, previous and next controls.

Optional (commented out in HTML and CSS) background bar for controls in case of bright, light images.

Music excerpts and images courtesy of Voolva, Holzwarth and Me Dais Poca.

Download Expanse

© 2022, Moth. MIT license.