Skip to content

Align embed UI with standalone player#3

Merged
damons merged 2 commits intomonadicus:mainfrom
damons:fix/embed-match-standalone
Mar 10, 2026
Merged

Align embed UI with standalone player#3
damons merged 2 commits intomonadicus:mainfrom
damons:fix/embed-match-standalone

Conversation

@damons
Copy link
Copy Markdown
Member

@damons damons commented Mar 10, 2026

Summary

  • restyle public/embed.js to use the same visual language as the standalone player
  • replace text buttons with the same icon-style play/mute controls and add a volume slider
  • match the standalone off-air and error presentation more closely while keeping the existing embed API intact

Why

The README recommends the script embed path, but its UI currently looks materially different from the standalone player shipped in the same release. This makes the recommended integration feel like a different product.

Testing

  • node --check public/embed.js
  • rebuilt the player into a static site bundle and loaded both /embed-test.html and / in headless Chrome
  • verified the embed renders the same core card layout, status pill, media column, icon controls, and volume slider as the standalone player

@damons damons merged commit f21e24b into monadicus:main Mar 10, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant