Radio Stream Player
The Radio Stream Player is the premier internet radio portal for music lovers who value quality, aesthetics, and privacy. Originally built as a lightweight vanilla JavaScript experiment, it has evolved into a robust v2.2.3 platform featuring deep server-side integration, user accounts, a role-aware monetization engine, and a secure edge network for high-fidelity streaming.
The v2.0.0 Architectural Evolution
🚀 Full-Stack Transformation
With the release of v2.0.0, the Radio Stream Player moved from a client-side only application to a powerful full-stack solution. By building a PHP and MySQL backend, we've shifted the heavy lifting of station management and user state to the server. This transition allows for a faster initial load time and a more reliable experience across different devices and browsers.
This new architecture also introduces a specialized AJAX-based Authentication system. Unlike traditional web apps that require a full page refresh to log in (stopping your music in the process), our v2.0 player lets you sign in or out dynamically. Your music stream continues uninterrupted while the UI seamlessly updates to show your personal "Favorites" and account settings.
🔐 Hybrid Storage & Personalization
One of the most innovative features of the new platform is the Hybrid Storage Engine. For guest users, the player utilizes the browser's localStorage to remember volume levels and visualizer styles. However, once you create a free account, the player automatically synchronizes your data with our secure MySQL database.
This means you can start listening on your laptop, mark a new favorite station found in the Radio Browser API, and have it instantly available when you log in on your phone later. It’s the convenience of modern streaming platforms without the bloat—optimized for high-performance audio delivery.
Premium Engineering Features
📻 Global Directory
Stop searching for stream URLs manually. Access over 30,000 live radio stations natively through the integrated Radio Browser API. Search by genre (from Psytrance to Jazz), country, or language and add them to your collection with a single click.
🛰️ Custom Edge Proxy
Browsers often block "Mixed Content" (HTTP audio streams on an HTTPS site). We solve this with a custom Cloudflare Workers edge network proxy. This worker securely wraps standard HTTP streams into high-speed HTTPS tunnels, ensuring your music never stops due to security warnings.
📊 Web Audio Visualizers
Experience your music visually. Our engine uses the Web Audio API and hardware-accelerated Canvas rendering to provide real-time spectrum analysis. From "Retro LED" meters to modern "Neon Wave" visualizers, every style is designed for 60fps smoothness.
📝 Intelligent Metadata
The player doesn't just play sound; it communicates with our metadata extraction service to pull real-time track and artist information. This data is synced to the Media Session API, allowing you to see what's playing directly on your OS lock screen and use hardware media keys.
What's New in v2.2.3
The v2.2.3 release is focused on Mobile Admin Overhaul, State Recovery, and Declutter Mode — making managing and listening to your stations easier and more intuitive.
📱 Responsive Admin Dashboard
Managing your station is no longer tethered to a desktop! The Admin Control Panel has been completely re-engineered for mobile devices with a smooth, sliding navigation sidebar and touch-optimized forms.
🧠 State Recovery (Persistence)
The player now remembers exactly where you left off. Your last selected station and preferred volume level are automatically restored the next time you open the player.
🧹 Declutter Mode
Your library, your rules. You can now toggle "Declutter Mode" in Settings to hide all default system stations you haven't explicitly favorited, keeping your custom shortcuts front and center!
📻 Visual Polish
We've replaced the plain text site title with a glowing, custom Retro Radio SVG icon, bringing the header perfectly in line with our minimalist, icon-based design language.
The Road to v2.2.3: A Journey of Innovation
Since the groundbreaking "PHP Awakening" of v2.0.0, the Radio Stream Player has undergone a rapid evolution. Here is how we built the most resilient browser-based radio experience on the web:
v2.1: Account Sovereignty
- ✅ AJAX-powered User Registration
- ✅ Secure Password Reset/Recovery
- ✅ Consolidated "My Collection" Sync
- ✅ Phase 1 Admin Dashboard
v2.2.0: The Pro Overhaul
- ✅ Role-Aware Monetization Engine
- ✅ First-Class Pop-out Player
- ✅ Admin Site Config (GA4/ADS)
- ✅ Premium User Tier Support
v2.2.1: UX Refinement
- ✅ Integrated "Inside-Card" Ad Layout
- ✅ Station Auto-Play on Select
- ✅ Dynamic Browser Tab Titles
- ✅ iOS/Mobile UI Polish
v2.2.2: Stream Resiliency
- ✅ Advanced Bitrate Sniffing
- ✅ Expo Backoff Reconnection
- ✅ Music-First Initialization
- ✅ Balanced Mono Visuals
A Brief History of the Project
The Radio Stream Player began as a simple project by Jason Brain to provide a cleaner, ad-free alternative to mainstream radio portals. The first version was a single-deck vanilla JS experiment designed to test the limits of the Web Audio API visualizers. As the community grew, so did the requirements for more robust station management and cross-device syncing.
In early 2026, the project was split into two distinct branches. The Legacy v1.4.x version remains a favorite for developers and minimalist users who want a standalone, zero-backend player. Meanwhile, v2.0.0 (Official) represents the future of the DJAY.ca ecosystem—a full-featured music platform built on professional PHP standards and modern UI design principles.
💾 Legacy Resources (v1.5.0-Legacy)
Prefer the minimalist, zero-backend version? You can still access the original standalone experiment and its source code below.
We are committed to keeping the core player open-source. You can contribute to the visualizer styles, suggest new global stations, or report bugs via our GitHub repository. Our mission is to build the most accessible and beautiful audio tools for the modern web.