Make an Internet Radio Player from DIY Kit

I have an account with [url removed, login to view] for my internet stream. I need a good looking player that will work on Safari (especially the new Safari for Mac OS Sierra -- if you do not have access I can test it), Chrome, Firefox and Opera.

[url removed, login to view] has a development kit for making a player. It has many variables and quite frankly I am decent with HTML but this confused me. I would give you a logon to [url removed, login to view] and you can visit their radio player kit.

Here is what I tried with very limited success:

<div class="[url removed, login to view]"








data-image="[url removed, login to view]"


The examples they show have a background like the .jpg I listed above and the controls on the background. Once logged into my [url removed, login to view] account, go to [url removed, login to view] and there are examples and tons of more data variables I cannot get my mind around.

Also, it asks that code be put in the header and the footer. For my index page I have already added that code. I build my webpages using Rapidweaver which has unique ways of adding code to the header and footer. I recommend you just build a blank webpage (if you need to do this on my website, I will give you FTP info and a password plus access to the cPanel if necessary. I think you could try it on any webpage.

I think someone with a good handle on the variables could finish making a web player in a couple of hours.

This is the primary code for the player:

<div class="radioplayer" data-src="[url removed, login to view]" data-autoplay="false" data-playbutton="true" data-volumeslider="true" data-elapsedtime="true" data-nowplaying="true" data-showplayer="true" data-volume="50" data-showartwork="false"></div>

This is player options:

The options passed to the referenced HTML element on the web page, these options control certain funnctionality and visibility of some elements.

data-src="[url removed, login to view]"

Your [url removed, login to view] listen stream URL, required to set up the player


Automatically start playing the stream when the page loads


Display a play and pause button on the page


Display the volume slider on the page


Display the current now playing information of the station


Display the current streaming total elapsed time on the page


Show or hide the radio player from the page, use in conjunction with displaying only certain elements.


Set the initial volume of the stream when the page loads, requires a number between 1 and 100.


Display just the artwork of the currently playing song (use with data-showplayer='false').

data-image="path/to/[url removed, login to view]"

Changes the square image on the player to a custom image source.

data-bg="path/to/[url removed, login to view]"

Sets a custom background image behind the player.


Set the initial volume of the stream when the page loads, requires a number between 1 and 100.


There is a whole section on optional methods. I would like the player to be centered on the page. I also would it to change the display of the tune as fast as it can. There seems to be methods to do this.

Kemahiran: HTML, Javascript

Lihat lagi: sony ericsson radio internet player java, radio internet player flash, flash player radio shoutcast, templates html website radio internet, shoutcast player radio flash, player radio website, player radio pentru hi5, player radio wordpres, hi5 media player radio, flash player radio template, player radio creator exe, player radio hi5, media player plays internet explorer, top bar mp3 player radio, radio internet flash

Tentang Majikan:
( 15 ulasan ) Newburgh, United States

ID Projek: #11684832

Dianugerahkan kepada:


A proposal has not yet been provided

$200 USD dalam 3 hari
(14 Ulasan)

4 pekerja bebas membida secara purata $189 untuk pekerjaan ini


5 Reasons why you should hire me for your custom website and Application Development. 1. Available 24/7 upon your request 2. Delivery on-time with 100% satisfaction 3. Always think beyond boundaries and provide user fr Lagi

$151 USD dalam 4 hari
(16 Ulasan)

Hi, I have read Your project description carefully. I am very interested in your project and also I am ready to start immediately. I will give you high quality and fast work. I will deliver you project time Lagi

$251 USD dalam 0 hari
(1 Ulasan)

I am a good web artist and will to give my hand for your work . I have experience in html5 and all JS libraries . I am a very dedicated worker so plz accept my bid . Happy freelancing!

$155 USD dalam 3 hari
(0 Ulasan)