Radio Classical | HTML5 Audio Player for Shoutcast and Icecast App
Radio Clásica – Modern HTML5 Radio Player with PWA (Shoutcast & Icecast)
Radio Clasica is a modern, elegant, and high-performance HTML5 radio player designed to deliver a smooth
and immersive audio streaming experience across all devices. Built with clean architecture and optimized performance,
it works seamlessly with Shoutcast and Icecast servers.
Powered by Progressive Web App (PWA) technology, it allows users to install your radio directly
from their browser and enjoy an app-like experience with fullscreen mode, fast access, and improved performance.
Originally developed as “Radio Clásica”, this version has evolved into a more flexible,
scalable, and easy-to-manage solution, focused on simplicity and professional presentation.
All customization is controlled from a single centralized file
(js/config.js), eliminating the need to edit core HTML or CSS files.
Main Features
- Modern HTML5 Audio Player
- Compatible with Shoutcast & Icecast
- Fully Responsive Design (Mobile, Tablet, Desktop)
- PWA Support (Installable as App)
- Automatic install prompt popup
- Centralized configuration system
- Dynamic UI colors and branding
- Custom logo or icon support
- Background image customization
- Integrated social media links
- Service Worker with smart caching
- Lightweight and optimized performance
- No external frameworks required
Easy Configuration
Radio Clasica is built for simplicity. You only need to edit one file:
js/config.jsFrom this file, you can easily customize:
- Streaming URL
- Theme colors
- Texts and branding
- Logo or icon
- Social media links
- PWA settings
No need to modify index.html or CSS files.
PWA (Progressive Web App)
The built-in PWA system transforms your radio into an installable application:
- Install on mobile and desktop devices
- Fullscreen app-like experience
- Fast access from home screen
- Optimized performance through caching
The manifest.json file is automatically generated from the configuration.
Requirements
- Web server with HTTPS (required for PWA)
- Valid streaming URL (Shoutcast or Icecast)
- Modern browser with HTML5 support
Included Files
- HTML, CSS, and JavaScript files
- Central configuration file (config.js)
- Service Worker (PWA)
- Documentation
Version History
- v1.0 – Initial Release (Radio Clásica)
Important Notes
- You must provide your own active audio streaming URL (e.g., Shoutcast, Icecast, AzuraCast, SonicPanel).
- PWA features require an active SSL certificate (HTTPS).
Third-Party Services Disclaimer
This item may integrate with or support third-party services such as streaming platforms,
chat widgets (e.g., Cbox, Chatango), SoundCloud content, or messaging platforms like WhatsApp.
These services are not included and may require separate accounts or additional costs.
The author is not responsible for any changes, limitations, or fees applied by these providers.
Notes
- An internet connection is required for streaming
- PWA support depends on the user’s browser
- HTTPS is strongly recommended
Support
For technical support or questions, please contact us through the support system.
Thank you for your purchase.
