2025-08-01 00:46:14 +00:00
2025-11-22 19:44:00 -03:00
2025-11-22 19:44:00 -03:00
2025-10-11 10:31:19 +00:00
2025-09-12 03:48:29 +00:00
2025-09-12 03:49:06 +00:00

๐ŸŽต Html5 Full Page Internet Radio Player

A modern, responsive web-based radio player with a beautiful interface. Stream your favorite radio station with real-time song information, lyrics, and playback history.

Radio Player Preview

โœจ Features

  • ๐ŸŽง Live Streaming: Supports multiple streaming protocols (Icecast, Zeno, Shoutcast, Radiojar)
  • ๐ŸŽจ Modern UI: Spotify-inspired interface with smooth animations
  • ๐Ÿ“ฑ Responsive Design: Works perfectly on desktop, tablet, and mobile devices
  • ๐ŸŽต Real-time Metadata: Displays current song, artist, and album artwork
  • ๐Ÿ“œ Lyrics Integration: Displays lyrics of the currently playing song.
  • ๐Ÿ“š Playback History: Shows up to 5 recently played songs
  • ๐ŸŽ›๏ธ Volume Control: Precise volume control with keyboard shortcuts
  • โŒจ๏ธ Keyboard Shortcuts: Full keyboard navigation support

๐Ÿ”Œ Supported APIs

This radio player supports integration with multiple radio streaming APIs through RadioAPI.me:

  • Azuracast API - Open-source radio broadcasting suite
  • Live365 API - Professional internet radio platform
  • RadioKing API - European radio streaming service

๐Ÿ“ก Supported Stream Types

This radio player supports various streaming protocols and platforms:

  • Icecast - Open-source streaming media server
  • Shoutcast - Nullsoft's streaming media server
  • Zeno - Modern streaming platform
  • Radiojar - Cloud-based radio streaming
  • HTTP/HTTPS Streams - Direct audio stream URLs

Get detailed song information from multiple music platforms:

  • iTunes (Apple Music) - Apple's music catalog
  • Spotify - World's largest music streaming platform
  • YouTube Music - Google's music streaming service
  • Deezer - French music streaming service
  • KKBOX - Asian music streaming platform
  • Line Music - Japanese music streaming service
  • FLOMusic - Korean music streaming platform

๐Ÿš€ Quick Start

  1. Clone the repository

    git clone https://github.com/joeyboli/radioplayer.git
    cd radioplayer
    
  2. Configure your radio stream

    • Open js/script.js
    • Update the URL_STREAMING constant with your stream URL
    • Get your API endpoint from RadioAPI.me
  3. Open in browser

    Open index.html in your browser
    

โš™๏ธ Configuration

Edit js/script.js to configure your radio stream:

const URL_STREAMING = "https://your-stream-url.com/stream"
const API_URL = "https://prod-api.radioapi.me/streamtitile/STREAM_ID"

๐ŸŽฎ Keyboard Shortcuts

Key Action
Space or P Play/Pause
โ†‘ Volume Up
โ†“ Volume Down
M Mute/Unmute
0-9 Set volume to 0-90%

๐ŸŽจ Customization

To change the number of history items displayed, edit js/script.js and modify the HISTORY_ITEMS_COUNT constant.

๐Ÿ“ฑ Browser Support

  • โœ… Chrome 60+
  • โœ… Firefox 55+
  • โœ… Safari 12+
  • โœ… Edge 79+

๐ŸŒ API Integration

This player uses RadioAPI.me for metadata and its lyrics. Get your API endpoint from their service.

๐Ÿ› Troubleshooting

  • Check browser console for errors
  • Verify stream URL is accessible
  • Ensure API endpoint is working

๐Ÿ“„ License

GNU AFFERO GENERAL PUBLIC LICENSE

Languages
JavaScript 47.6%
CSS 36.6%
HTML 15.8%