A small web radio player based on mplayer with a responsive design ui (angular 6 + angular/material)
Mine is running on a Raspberry PI 2a
Install the following packages :
- nodejs + npm
- mplayer
and everything to get some sound on your client.
> git clone https://github.com/jledun/webRadioPlayer.git
> cd webRadioPlayer
> npm install
> node .Navigate to your client host IP adress, on port 6680.
For example, if your host is at 192.168.1.2, then use your favorite web browser and navigate to :
http://192.168.1.2:6680
then simply press the play button on the web radio you'd like to play.
By default, there's a few french web radios (because I'm french).
You can add, duplicate, update or delete web radio in radioStreams.json directly from the UI.
You can play the web radio on the server (raspberry pi or other, any equipment running Linux OS and node.js V6 or upper.
You can also stream web radio directly in your web browser.
Because I don't know about mplayer on Windows, this project doesn't support Windows OS for the server.
Display recent sounds from soundcloud.com.
Search in soundcloud library.
More informations on Soundcloud here and Soundcloud API here.
Browse Community Radio Browser and search by name, tags, country and region.
More information on Community Radio Browser here and Community Radio Browser API here.
You need to install nodemon and angular/cli :
> sudo npm install -g nodemon @angular/cli
Prepare the project folder :
> git clone https://github.com/jledun/webRadioPlayer.git
> cd webRadioPlayer
> npm install # install server dependencies
> cd ngFront
> npm install # install angular project dependencies
> cd ..
From the project root :
> npm run start
The web UI is developed with @angular v6, @angular/material
> cd ngFront
> ng serve # option : --host x.x.x.x
Then you can use @angular/cli to create and manage angular components, edit the existing components, ...
Simply browse to http://localhost:4200 (or http://x.x.x.x:4200 if you've specified a host to ng serve) to see the result of your modifications.
Angular project documentations is available [here](https://angular.io angular).
The project also use @angular/material components, documentation is available [here](https://material.angular.io angular material).
The folder ngFront hosts the development files for angular application.
The folder front hosts the files served by the embedded web server of the main application.
To apply your changes in the angular project to the main web ui, simply run :
> cd ngFront
> npm run build
This command will build angular production modules and copy the result in the folder front.
- implement i18n to make this app international
- show mplayer statistics
- add the possibility to search and order the library
- improve search in soundcloud library (by artist, sort, ...)
- create and manage playlist for soundcloud : a local playlist system while browsing soundcloud :
- create a local playlist system
- server should play each title of the playlist
- add title to playlist from soundcloud interface
- improve image loading in Community Radio Browser and performances
- add User-Agent headers for Community Radio Browser API.
- implement Community Radio Browser 'click' and 'vote'
- check broken url in library
- add and register a service file (init.d or systemd, the best would be both)
- create a package for the most popular GNU/Linux distros.
Please, submit an issue.
Please create a pull request or submit an issue.
- Julien Ledun j.ledun@iosystems.fr, package creator