This project is the source code of a tutorial on how to build an Ionic/Phonegap Radio Player and display Song title, Cover art and any other information which is provided by the SHOUTcast stream server.
The complete tutorial is published on Medium.
Run npm install to install all needed dependencies
Run bower install to install all needed dependencies.
Use grunt serve -l to run the app in browser and watch for changes in code
or
use grunt serve to just run the app for a browser preview
or
use grunt serve --lab to run the app in a browser on two platforms at the same time.
$ grunt platform:add:<platform>Supported Cordova platforms:
$ grunt platform:add:ios
$ grunt platform:add:android$ grunt buildiOS:
$ grunt emulate:iosAndroid:
$ grunt emulate:androidFor more information, see Ionic Framework Generator's instructions.
Use the following commands and install the plugin required by the app:
$ cordova plugin add com.keosu.cordova.streamor
$ cordova plugin add https://github.com/keosuofficial/cordova-audio-stream-plugin.gitIn case that the required Cordova plugins are not installed while installing NodeJS dependencies, Cordova's command mentioned previously can be used to install the following plugins:
- com.keosu.cordova.stream - Provides a web browser view. It could be used to open images, access web pages, and open PDF files (https://github.com/keosuofficial/cordova-audio-stream-plugin.git).
A production ready Music Band Ionic application which demonstrates and extends everything that is described in this tutorial is available in Codecanyon. Music Band Ionic application offers a a wide range of features, that will fit the requirements of every music band — artist, amongst them a player which makes use of SHOUTcast metadata.