https://github.com/gsavio/player-shoutcast-html5

Responsive HMTL5 Web Player for SHOUTCast and Icecast streamings with cover art and lyrics
https://github.com/gsavio/player-shoutcast-html5

html5-player icecast icecast-broadcast icecast-player itunes-api radio-player shoutcast shoutcast-stream shoutcast-streaming web-player web-radio

Last synced: 8 days ago
JSON representation

Responsive HMTL5 Web Player for SHOUTCast and Icecast streamings with cover art and lyrics

• Host: GitHub
• URL: https://github.com/gsavio/player-shoutcast-html5
• Owner: gsavio
• License: mit
• Archived: true
• Created: 2017-11-26T01:12:05.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-04-03T16:34:28.000Z (over 3 years ago)
• Last Synced: 2024-08-02T15:34:32.879Z (3 months ago)
• Topics: html5-player, icecast, icecast-broadcast, icecast-player, itunes-api, radio-player, shoutcast, shoutcast-stream, shoutcast-streaming, web-player, web-radio
• Language: JavaScript
• Homepage: https://guilhermesavio.dev/player-shoutcast-html5/
• Size: 791 KB
• Stars: 92
• Watchers: 15
• Forks: 57
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Player SHOUTCast and Icecast HTML5

### Responsive web player with lyrics for SHOUTCast and Icecast streaming. 

Thanks to [@andreas5232](https://github.com/andreas5232) for add Icecast support.

![Responsive Web Player for SHOUTCast and Icecast](https://i.imgur.com/x2NP8K8.png)

## Required:

- PHP >= 5.3

- cURL

## Installation

- Just put the files in your server

- **Configure your player in the file *config.js* in the *root***

    - Set the name of your web radio

    - Set your streaming URL (without `/` in the end)

    - Set your API key of Vagalume for the lyrics([See how to get your API key](https://api.vagalume.com.br/docs/))

### HTML5 Player for SHOUTCast and Icecast streamings with info like:

- Current song

- Historic of played songs (Not tested in SHOUTCast V1)

- Cover art of the current song ([iTunes API](https://affiliate.itunes.apple.com/resources/documentation/itunes-store-web-service-search-api/))

- Lyrics of the current song ([Vagalume API](https://api.vagalume.com.br/docs/))

- Responsive design

## Keyboard Controls 

- `M` - mute/unmute

- `P` and `space` - play/pause

- `arrow up` and `arrow down` - increase/decrease volume

- `0 to 9` - volume percent