🎧 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

🌐 DEMO:

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

✅ 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

🖥️ 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

📥 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: [email protected]
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