Introducing Dedicated Radio Station Pages, Hierarchical Genre Taxonomy, and Unbroken Player Navigation on DJAY.ca
At DJAY.ca, our mission is to make discovering and enjoying live online radio feel effortless, fast, and visually spectacular.
Today, we are thrilled to unveil one of our most expansive platform updates yet: Universal Radio Station Information Pages, a Two-Tier Hierarchical Genre Taxonomy, Real-Time Track Purchase & Streaming Links, and Continuous Audio Soft-Linking directly from your docked player!
Powered by Radio Stream Player v0.6.0 and DJAY Theme v1.0.17 on Core CMS v0.11.2, listeners can now dive deep into the story, technical specs, and broadcast identity of every radio station without ever stopping the music.
What's New on DJAY.ca?
Here is an in-depth tour of the new features and architectural upgrades now live across DJAY.ca:
- Universal Radio Station Information Pages (/radio/{slug}): Every station now has a permanent, high-fidelity profile page (e.g. /radio/joint-radio-beat-trance) with broadcast telemetry (bitrate, audio codec, origin country), editorial biographies, and recommendations.
- Two-Way Playback Hook: The hero "Listen Live" button directly synchronizes with the docked player in real time via rp:state_changed, instantly reflecting active playback states.
- "Find / Buy This Track" Affiliate Tray: Automatically parses live ICY metadata and generates one-click search and purchase links across Apple Music, Spotify, Beatport, Amazon Music, YouTube Music, and Discogs.
- Two-Tier Genre & Sub-Genre Drill-Down: The /radio directory hub organizes stations into top-level parent categories with smooth contextual sub-genre trays and dedicated SEO archive pages (/radio/genre/{parent}/{sub}).
- Continuous Audio Dock Soft-Linking: Clicking the station title in the persistent dock player (.rp-station-name) navigates directly to that station's profile page via soft SPA routing without interrupting audio playback or dropping live stream sockets.
- Fluid Container Geometry & Unified Breadcrumbs: Full 100% widescreen layout matching the DJAY Apex 25px glassmorphic standard, paired with clean single top breadcrumbs (Home > Radio > [Station Name]) and automated HTTPS logo upgrades.
Technical Architecture: Keeping Audio Streaming Seamless
Delivering dedicated station URLs while preserving uninterrupted audio playback across modern web browsers required solving two key architectural challenges:
- Event Bubbling & SPA Routing Delegation: Integrated explicit window.CoreCMS_SPA.navigate() handling into radio-player.js, allowing listeners to click from the dock directly into full station biographies with zero stream teardown.
- Multi-Mountpoint Telemetry & Self-Healing Taxonomy: Relational junction tables (radio_station_genres) paired with dynamic routing (/radio/{slug}) maintain canonical permalinks, 301 redirection for legacy links, and two-way cache synchronization.
Experience the New Station Pages
- Explore the Live Radio Directory Hub (djay.ca/radio)
- Check out the dedicated station profile for #joint radio Beat Trance
- Manage your saved favorites on your Member Dashboard (djay.ca/dashboard)
— Jason Brain