Internal Systems
WebPlayer & Dashboard Architecture
Browser-based music discovery, real-time player remote control, and rich streaming analytics.
The Musiva WebPlayer provides a full-featured, responsive web interface allowing Discord members to control playback, manage queue orders, discover trending music, and view synchronized lyrics without typing slash commands.
Dashboard Data Flow
The WebPlayer integrates data from multiple distinct services simultaneously:
┌─────────────────────────────────────────────────────────────┐
│ WebPlayer Dashboard │
├──────────────────────────────┬──────────────────────────────┤
│ Spotify Daily Top Tracks │ Sourced from TopChart Microservice │
│ Regional Country Charts │ Sourced from TopChart Microservice │
│ Top Artists & Album Releases │ Sourced from Last.fm API │
│ Personalized Recommendations │ Sourced from Last.fm API │
│ Live Player State & Queue │ Sourced from Musiva Backend (WS) │
└──────────────────────────────┴──────────────────────────────┘Real-Time Synchronization
Through a persistent WebSocket connection to the backend server:
- Volume adjustments made via Discord buttons reflect immediately on the WebPlayer slider.
- Songs queued by listeners in voice channels appear instantly in the visual queue list.
- Track progress bars advance synchronously across all connected client browsers.