Radio Classical | HTML5 Audio Player for Shoutcast and Icecast App

Bluehost Shared Hosting

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.js

From 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.

0 average based on 0 ratings.

TodoPlayer

TodoPlayer

Visit Author's Portfolio

View Portfolio
Last Update 2026-04-21
Created 2026-04-21
Sales 0
Discussion Comments
Compatible Browsers IE6 IE7 IE8 IE9 IE10 IE11 Firefox Safari Opera Chrome Edge
Software Version HTML5
High Resolution Yes
Files Included JavaScript JS JavaScript JSON HTML CSS
Video Preview Resolution 1080x1920