Playback status in classname of body for CSS transitions

[porg]

• I plan to put album art as the background,
  • which has different appearances (by CSS styles or transitions) depending on the state of the playback

Proposal

• body get classes like: playback-playing, playback-paused, playback-stopped; pos-start, pos-inbetween, pos-end, pos-undetermined, then I could have differentiated CSS selectors and trigger various CSS styles or transitions, like this:
  • On init with playback-stopped you have the album art fully visible, and a button large and center
  • A soon as you have playback-playing then album art fades ways or almost to black