Simple Radio Playing Page for iPads
- or -
Post a project like this1440
£50(approx. $63)
- Posted:
- Proposals: 4
- Remote
- #2813215
- Awarded
Description
Experience Level: Entry
Estimated project duration: less than 1 week
I need a simple, one-page website to browse and play radio streams from the internet.
The page would allow to tap on radio genres and browse available radio stations by either clicking on prev/next button as well as swiping back and forth.
Tapping play would both stop the previous stream (if active) and start playing the current one. After tapping the play button, it should change to pause.
The ? button on the bottom would popup a quick privacy and legal notice.
Here are the requirements
Page must fit and work on iPads (all versions, Safari browser). Both landscape and portrait orientation should work OK.
List of genres and radio streams should be read on page load from JSON file (sample JSON file attached)
Technologies to use: Bootstrap, jQuery, HTML5 JavaScript for playing media stream, FontAwesome for player's icons
The page should be kept as simple as possible. Preferably no player plugin should be used for playing the streams, but one can be accepted if easy to maintain and small.
Sample JSON file:
{
"generes": [ "POP", "ROCK", "JAZZ", "CLASSIC" ],
"radios": [
{
"name": "capitalFM UK",
"genere": "POP",
"streamUrl": "https://media-ssl.musicradio.com/CapitalUKMP3",
"image": ""
},
{
"name": "Classic FM",
"genere": "CLASSIC",
"streamUrl": "https://media-ssl.musicradio.com/ClassicFMMP3",
"image": ""
}
]
}
The page would allow to tap on radio genres and browse available radio stations by either clicking on prev/next button as well as swiping back and forth.
Tapping play would both stop the previous stream (if active) and start playing the current one. After tapping the play button, it should change to pause.
The ? button on the bottom would popup a quick privacy and legal notice.
Here are the requirements
Page must fit and work on iPads (all versions, Safari browser). Both landscape and portrait orientation should work OK.
List of genres and radio streams should be read on page load from JSON file (sample JSON file attached)
Technologies to use: Bootstrap, jQuery, HTML5 JavaScript for playing media stream, FontAwesome for player's icons
The page should be kept as simple as possible. Preferably no player plugin should be used for playing the streams, but one can be accepted if easy to maintain and small.
Sample JSON file:
{
"generes": [ "POP", "ROCK", "JAZZ", "CLASSIC" ],
"radios": [
{
"name": "capitalFM UK",
"genere": "POP",
"streamUrl": "https://media-ssl.musicradio.com/CapitalUKMP3",
"image": ""
},
{
"name": "Classic FM",
"genere": "CLASSIC",
"streamUrl": "https://media-ssl.musicradio.com/ClassicFMMP3",
"image": ""
}
]
}
Adrian I.
90% (8)Projects Completed
10
Freelancers worked with
7
Projects awarded
61%
Last project
7 May 2020
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies