Radio Player - Professional Web Streaming Platform

🎧 RADIO PLAYER - PROFESSIONAL WEB STREAMING PLATFORM

Transform your radio station with this modern, feature-rich web player. Built with PHP, MySQL, and HTML5 Audio API, this complete solution includes a powerful admin panel, 6 customizable color themes, and advanced analytics.

✨ KEY FEATURES:

• Live HTML5 Streaming - High-quality audio playback with play/pause controls • 6 Color Themes - Dark Red, Light Red, Ocean Blue, Purple Night, Neon Green, Pure Dark • Custom Color Picker - Create unlimited custom themes with live preview • Powerful Admin Panel - Manage all settings, logos, colors, and content • Social Media Integration - Facebook, WhatsApp, Instagram, Twitter, Telegram sharing • Analytics Dashboard - Track visitors, user agents, and page statistics • SEO Optimized - Meta tags, Open Graph, Schema.org markup • Fully Responsive - Perfect on mobile, tablet, and desktop devices • Logo Management - Upload custom logo and favicon • Ticker Messages - Dynamic scrolling announcements

🎨 FRONTEND FEATURES:

• Real-time song display with scrolling ticker • Volume slider with mute option • Touch-friendly mobile controls • Landscape mode optimization • Native mobile share API • Copy link functionality • Font Awesome 6.5.0 icons • Google Fonts (Anek Tamil, Orbitron)

⚙️ ADMIN PANEL:

• Secure login with bcrypt password hashing • Color theme manager with presets and custom picker • Logo/favicon upload (URL or file) • Stream URL configuration • Social media links management • SEO settings (meta description, keywords) • Visitor logs and statistics • Password change system • Mobile-responsive interface

🔐 SECURITY:

• SQL injection prevention (PDO prepared statements) • XSS protection (output escaping) • CSRF protection • Secure file upload validation • Session management

📱 BROWSER SUPPORT:

Chrome 90+, Firefox 88+, Safari 14+, Edge 90+, Mobile Safari iOS 13+, Chrome Mobile Android 8+

🎯 PERFECT FOR:

• Online radio stations • Podcast streaming • Music broadcasters • Community radio • Internet radio startups

📦 WHAT'S INCLUDED:

• Complete PHP source code • MySQL database structure • Admin panel • Installation guide (HTML) • Documentation • Live demo access

💡 EASY INSTALLATION:

Upload files → Create database → Import SQL → Edit config.php → Done in 5 minutes!

🚀 VERSION 2.0 UPDATES:

• NEW: Dynamic color theme system • NEW: 6 built-in color presets • NEW: Live color preview • FIXED: Logo display issues • IMPROVED: Mobile responsiveness • ENHANCED: Security measures

🚀 VERSION 2.1 UPDATE:

• NEW: Live Chat Box – Listeners can start a live chat with the RJ directly from the home page (Name + Email to start), and the RJ can reply in real-time from a dedicated Live Chat section in the Admin Panel with a premium chat bubble design.

• NEW: Enable/Disable the Live Chat widget anytime from Admin Panel or Site Settings.

• NEW: Customizable chat box position (Bottom Right, Bottom Left, Top Right, Top Left)

🌐 DEMO:

Frontend: https://radioplayer.anowhostin... Admin Panel: https://radioplayer.anowhostin... Login: admin / password

Features

✅ HTML5 Audio Streaming • Play/Pause controls • Volume slider with mute • High-quality audio playback

✅ 6 Pre-built Color Themes • Dark Red (Classic) • Light Red (Vibrant) • Ocean Blue (Professional) • Purple Night (Modern) • Neon Green (Electric) • Pure Dark (Minimal)

✅ Custom Color Picker • Unlimited color combinations • Live preview • Instant site-wide updates • 5 customizable colors per theme

✅ Secure Admin Panel • Dashboard with analytics • Login system with bcrypt hashing • Session management • Password change option • Mobile-responsive interface

✅ Logo & Branding • Custom logo upload (URL or file) • Favicon upload • OG image for social sharing • Multiple format support (PNG, JPG, SVG, WebP) • Automatic old file cleanup

✅ Social Media Sharing • Facebook share button • WhatsApp share • Instagram link • Twitter/X share • Telegram share • Copy link button • Native mobile share API

✅ Real-time Song Display • Current playing track • Dynamic scrolling ticker • Live status indicator • Customizable ticker messages

✅ Visitor Analytics • IP address logging • User agent tracking • Page visit tracking • Date/time stamps • Daily statistics • Visitor logs table

✅ SEO Optimization • Meta description • Meta keywords • Meta author • Robots meta tags • Canonical URL • Open Graph tags • Schema.org markup • Google Analytics integration

✅ Stream Management • Custom stream URL • Stream type configuration • Live status toggle • Live text customization

✅ Responsive Design • Mobile optimized • Tablet friendly • Desktop perfect • Touch controls • Landscape mode support

✅ Security Features • SQL injection prevention • XSS protection • CSRF protection • File upload validation • Secure sessions • Prepared statements (PDO)

✅ Easy Customization • Color theme switcher • Logo manager • Ticker editor • Social links manager • Settings panel

✅ Performance • Lightweight code (< 200KB) • Fast page load (< 1 second) • Minimal HTTP requests • Browser caching • Optimized database queries

✅ Modern UI • Font Awesome 6.5.0 icons • Google Fonts integration • CSS3 animations • Smooth transitions • Clean interface

Requirements

🖥️ SERVER REQUIREMENTS:

• PHP Version: 7.4 or higher (8.0, 8.1, 8.2, 8.3 supported) • MySQL Version: 5.7+ or MariaDB 10.2+ • Web Server: Apache with mod_rewrite OR Nginx • PHP Extensions Required: - PDO - mysqli - gd - fileinfo • Disk Space: 50 MB minimum • SSL Certificate: Recommended (HTTPS support) • Hosting: cPanel recommended (any shared hosting works)

📱 BROWSER REQUIREMENTS:

• Desktop Browsers: - Google Chrome 90+ - Mozilla Firefox 88+ - Safari 14+ - Microsoft Edge 90+ - Opera 76+

• Mobile Browsers: - Mobile Safari (iOS 13+) - Chrome Mobile (Android 8+) - Samsung Internet - Firefox Mobile

💾 DATABASE:

• MySQL 5.7 or higher • MariaDB 10.2 or higher • Database user with full privileges (SELECT, INSERT, UPDATE, DELETE)

📊 PHP CONFIGURATION:

• upload_max_filesize: 10M or higher • post_max_size: 10M or higher • memory_limit: 128M or higher • max_execution_time: 300 or higher

🔧 OPTIONAL (RECOMMENDED):

• SSL/HTTPS certificate for secure streaming • CDN for faster loading • Backup system • Firewall protection • Regular updates enabled

✅ COMPATIBLE WITH:

• Icecast streaming servers • Shoutcast streaming servers • Online radio services • Live audio streams • MP3/AAC formats • Any HTML5 compatible stream

🌐 HOSTING COMPATIBILITY:

• Shared hosting (cPanel, Plesk) • VPS servers • Dedicated servers • Cloud hosting (AWS, DigitalOcean, Vultr) • Any Linux-based hosting

Instructions

📥 INSTALLATION GUIDE (5 MINUTES)

STEP 1: UPLOAD FILES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Extract the downloaded ZIP file 2. Upload ALL files to your hosting: • Via FTP (FileZilla, WinSCP) • OR cPanel File Manager 3. Upload to: public_html/ (or your domain folder)

STEP 2: CREATE DATABASE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Login to cPanel 2. Go to "MySQL Database Wizard" 3. Step 1: Create database • Database name: radioplayer_db (or any name) 4. Step 2: Create user • Username: your_username • Password: strong_password (save this!) 5. Step 3: Grant ALL PRIVILEGES 6. Click "Next"

STEP 3: IMPORT DATABASE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Go to phpMyAdmin in cPanel 2. Select your database (radioplayer_db) 3. Click "Import" tab 4. Choose file: database.sql (from uploaded files) 5. Click "Go" button 6. Wait for success message

STEP 4: CONFIGURE DATABASE CONNECTION ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Open file: config.php (in root folder) 2. Edit these lines:

define('DB_HOST', 'localhost'); define('DB_NAME', 'radioplayer_db'); // Your database name define('DB_USER', 'your_username'); // Your database username define('DB_PASS', 'your_password'); // Your database password define('SITE_URL', 'https://yourdomain.com'); // Your website URL

3. Save the file

STEP 5: SET FOLDER PERMISSIONS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Set these folders to 755 permissions:

• uploads/ • uploads/logos/ • uploads/favicons/ • uploads/og_images/

How to set: 1. Right-click folder in FTP or File Manager 2. Select "Permissions" or "File Permissions" 3. Enter: 755 4. Click "OK"

STEP 6: LOGIN TO ADMIN PANEL ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Visit: https://yourdomain.com/dj_admi... 2. Default credentials: • Username: admin • Password: password 3. Click "Login"

⚠️ IMPORTANT: Change password immediately after first login!

STEP 7: CONFIGURE YOUR RADIO PLAYER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

A) SITE SETTINGS: • Admin → Site Settings • Update site name, description • Upload your logo • Upload favicon • Save changes

B) STREAM SETTINGS: • Admin → Stream Settings • Enter your stream URL (e.g., http://stream.example.com:8000/radio) • Set stream type (audio/mpeg or audio/aac) • Toggle live status • Save changes

C) COLOR THEME: • Admin → Color Theme • Choose a preset OR use custom color picker • Click "Save Changes" • Refresh frontend to see changes

D) SOCIAL LINKS: • Admin → Social Links • Add Facebook, Instagram, Twitter, WhatsApp links • Save changes

E) TICKER MESSAGES: • Admin → Ticker Messages • Add scrolling announcements • Save changes

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎨 HOW TO CHANGE COLORS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1. Login to Admin Panel 2. Click "Color Theme" in navigation 3. Option A: Choose a preset theme • Dark Red • Light Red • Ocean Blue • Purple Night • Neon Green • Pure Dark 4. Option B: Create custom colors • Click color boxes • Use color picker • See live preview 5. Click "Save Changes" 6. Go to frontend and hard refresh (Ctrl+Shift+R)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔧 TROUBLESHOOTING ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

❌ PROBLEM: Logo not showing

✅ SOLUTIONS: • Check uploads/logos/ folder permissions (must be 755) • Verify logo file uploaded successfully • Clear browser cache (Ctrl+F5) • Check config.php SITE_URL is correct • Verify database logo_url column has value

❌ PROBLEM: Colors not changing

✅ SOLUTIONS: • Verify colors saved in database (check settings table) • Hard refresh browser (Ctrl+Shift+R) • Clear browser cache completely • Check PHP errors in admin panel • Re-save colors in admin

❌ PROBLEM: Stream not playing

✅ SOLUTIONS: • Test stream URL in VLC Media Player first • Check if stream is actually live • Verify stream URL format is correct • Ensure HTTPS stream for HTTPS websites • Check browser console for errors (F12) • Try different browser

❌ PROBLEM: Upload fails

✅ SOLUTIONS: • Check folder permissions (755 for uploads/) • Increase PHP limits in php.ini: upload_max_filesize = 10M post_max_size = 10M • Check available disk space • Verify file format is allowed (PNG, JPG, etc.)

❌ PROBLEM: Admin login not working

✅ SOLUTIONS: • Check database imported correctly • Verify config.php database credentials • Clear browser cookies • Try different browser • Reset password via database (phpMyAdmin)

❌ PROBLEM: Page shows errors

✅ SOLUTIONS: • Check config.php settings • Verify database connection • Check PHP version (must be 7.4+) • Enable error reporting to see exact error • Contact support with error details

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📞 SUPPORT & HELP ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Need help? Contact us anytime:

Developer: Anow Hosting Email: anowhosting@gmail.com WhatsApp: +94779688469 Website: https://anowhosting.com Demo: https://radioplayer.anowhostin...

We provide: • Installation assistance • Customization services • Technical support • Bug fixes • Feature requests

Response time: Within 24 hours (usually faster!)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ POST-INSTALLATION CHECKLIST ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

□ Database created and imported □ config.php updated with correct credentials □ Folder permissions set to 755 □ Admin password changed from default □ Logo uploaded □ Favicon uploaded □ Stream URL configured □ Color theme selected □ Social links added □ Ticker messages added □ Tested on mobile device □ Tested stream playback □ Checked all pages load correctly □ SSL/HTTPS enabled (recommended)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎉 CONGRATULATIONS! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Your professional radio player is now live!

Visit your website and enjoy streaming! 🎧

Don't forget to: • Share on social media • Test on different devices • Backup your database regularly • Keep files updated