Basic Settings

Setting Description Value
token: Where Is My TOKEN? CLICK HERE! yourtoken

Basic Settings Shoutcast 2 Server

Setting Description Value
streamurl: URL to your radio stream http://server:port
streamtype: Type of Shoutcast2, Icecast2, radionomy, radiojar or other shoutcast2
streampath: The stream path to your Server /mystreampath
streamid: The stream id from your Server 1,2,3,4,...

Basic Settings Icecast 2 Server

Setting Description Value
streamurl: URL to your radio stream http://server:port
streamtype: Type of Shoutcast2, Icecast2, radionomy, radiojar or other icecast2
mountpoint: The stream path to your Server /mymountpoint

Basic Settings Radionomy Server

Setting Description Value
streamurl: URL and path to your radio stream http://server:port/path
streamtype: Type of Shoutcast2, Icecast2, radionomy, radiojar or other radionomy
radiouid: your radio UID (Guid available under the settings tab of the RMO -> Technical Information 8f255562-3f11-406b-8d98-f98cb23c84ec
apikey: your personal API key is available under the settings tab of the RMO -> Technical Information 4842dc4c-d6e0-4ab3-986b-412fd7d6aeab

Basic Settings Radiojar Server

Setting Description Value
streamurl: URL to your radio stream http://server:port
streamtype: Type of Shoutcast2, Icecast2, radionomy, radiojar or other radiojar
radiojar: The stream name uf6x8w5f81ac

Basic Settings Other Servers

Setting Description Value
streamurl: URL to your radio stream http://server:port
streamtype: Type of Shoutcast2, Icecast2, radionomy, radiojar or other other
streamprefix: This is a special option for non icecast, non shoutcast and non radionomy servers. Default is: "/;type=mp3". Other value you can use is "#". "/;type=mp3" OR "#"

Design Settings

Setting Description Value
userinterface: User Interface version. Small for small height up to 100px , Big for bigger height from 600px small, big
themecolor: set the RGB value for your background #000000 - #ffffff
themecolor: set the RGB value from your native flash radio player theme #000000 - #ffffff
themefontcolor: set the RGB value from your font #000000 - #ffffff
titlefontname: is the font family name p.e. Oswald
titlegooglefontname: The google font name for loading. Please check this out on Google Fonts. p.e. Oswald:400:latin,latin-ext
songfontname: is the font family name p.e. Oswald
songgooglefontname: The google font name for loading. Please check this out on Google Fonts. p.e. Oswald:400:latin,latin-ext

Optional Settings

Setting Description Value
radioname: Name from your radio My Radio
radiocover: Cover Image with your logo http://www.mylink.to/myradiocover.jpg
ownsongtitleurl: if you have a own URL for your Songtitle http://www.mylink.to/myownsongtitle.txt
autoplay: you can enabled the autoplay from your player (just desktop) true, false
scroll: you can enabled display scroll(Radioname, Songtitle) true, false, auto
useanalyzer: use the animation from a sound-analyzer (real will just work on CORS server) nothing, fake, real
analyzertype: type of animation from a sound-analyzer 1,2,3,4,5,6
usecover: If you want use cover feature. true, false
affiliatetoken: If you want use cover feature with iTunes Affiliate Program. mytoken
songinformationinterval: here you can set the interval for reading song information (in ms) 0 - 20000
startvolume: set the start volume (just for the first visit, the volume controler saved the volume value local) 0-100
streamprefix: This is a special option for non icecast, non shoutcast and non radionomy servers. Default is: "/;type=mp3". Other value you can use is "#". /;type=mp3
corsproxy: This CORS Server is required for SSL. https://corsproxy.our.buildo.io/ or none or php as fallback
usestreamcorsproxy: Use the CORS PROXY for your stream URL. true, false
debug: is very optional, just for developers true, false

SSL CORS PROXY LIST

https://html5radioplayer.herokuapp.com/?q=
https://html5radioplayer1us.herokuapp.com/?q=
https://html5radioplayer2us.herokuapp.com/?q=
https://html5radioplayer3us.herokuapp.com/?q=
https://html5radioplayer4us.herokuapp.com/?q=
https://html5radioplayer5us.herokuapp.com/?q=
https://html5radioplayer6eu.herokuapp.com/?q=
https://html5radioplayer7eu.herokuapp.com/?q=
https://html5radioplayer8eu.herokuapp.com/?q=
https://html5radioplayer9eu.herokuapp.com/?q=
https://galvanize-cors-proxy.herokuapp.com/
https://cors-anywhere.herokuapp.com/
https://thingproxy.freeboard.io/fetch/
https://corsproxy.our.buildo.io/
https://cors.now.sh/
Or install your own CORS PROXY easy with this Video Tutorial: https://youtu.be/ai2Cx9AjK34

Installation

First register your domain on https://www.flashradio.info/register and get the TOKEN.

Then copy all files (nativeflashradiov4.js, fallback.php) from js-folder in your online js-folder.

Make sure jQuery is include, if not, include it

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Then include nativeflashradio files

<script src="js/nativeflashradiov4.js"></script>

Add a parent div to the body of your html page, with a unique id. Use diffrent unique id's for multiple radio players on the same site.

<div id="nativeflashradio" style="width:100%; height:60px;"></div>

Finally call the script in the body of your html page and use your unique ID.

<script>
    $("#nativeflashradio").flashradio({
        streamurl: "http://ip:port"
    });
</script>

Shortcode Generator

For very easy configuration you can use the shortcode generator:

Examples

//SHOUTCAST2 SERVER
<div id="nativeflashradio" style="width:100%; height:60px;"></div>
<script>
$("#nativeflashradio").flashradio({
	streamurl: "http://149.56.155.209:80", 
	streampath: "/live",
	streamid: "1",
	streamtype: "shoutcast2",
	titlefontname: "Open Sans Condensed",
	titlegooglefontname: "Open+Sans+Condensed:300",
	songfontname: "Oswald",
	songgooglefontname: "Oswald:400",
	themecolor: "#6c5b7b", 
	themefontcolor:"#ffffff", 
	songinformationinterval:"10000", 
	radioname: "Smooth Jazz", 
	scroll: "auto", 
	autoplay: "false", 
	startvolume: "100",
	useanalyzer: "real",
	analyzertype: "3"
});
</script>
//ICECAST2 SERVER
<div id="nativeflashradio" style="width:100%; height:600px;"></div>
<script>
$("#nativeflashradio").flashradio({
	userinterface:"big",
	backgroundcolor: "#999999",
	streamurl: "http://79.172.194.189:8060", 
	mountpoint: "/live.mp3",
	streamtype: "icecast2",
	titlefontname:"Roboto", 
	titlegooglefontname: "Roboto:400",
	songfontname:"Oswald", 
	songgooglefontname: "Oswald:400",
	themecolor: "#355c7d", 
	themefontcolor:"#f8b195",
	songinformationinterval:"15000", 
	scroll: "true", 
	autoplay: "FALSE", 
	startvolume: "50",
	useanalyzer: "real",
	analyzertype: "1"
});
</script>
//RADIONOMY SERVER
<div id="nativeflashradio" style="width:100%; height:60px;"></div>				
<script>
$("#nativeflashradio").flashradio({ 
	titlefontname:"Roboto", 
	titlegooglefontname:"Roboto:100", 
	useanalyzer: "real",
	analyzertype: "2",
	songfontname:"Oswald", 
	songgooglefontname:"Oswald:400", 
	themecolor: "#f8b195", 
	themefontcolor:"#f67280", 
	streamurl: "http://listen.radionomy.com/wimpy",
	streamtype: "radionomy",
	radiouid: "8f255562-3f11-406b-8d98-f98cb23c84ec",
	apikey: "4842dc4c-d6e0-4ab3-986b-412fd7d6aeab",
	songinformationinterval:"20000", 
	scroll: "AUTO", 
	autoplay: "false", 
	debug: "false", 
	startvolume: "100"
});
</script>

Support

SSL-Server and Song Title Problem

You need a CORS Server when you use a SSL-Webserver (https). Look at optional settings: corsproxy.

Icecast 2.4 kh4/kh5 do not function on iOS 11

During testing with iOS 11 (currently up to Beta 5) Icecast has not worked on either iPhone or iPad devices. A bug report was submitted to Apple shortly after the release of Beta 1. However, 5 betas on with it still not fixed make it look likely no resolution will be offered on Apple's side at launch in September. Safari Technical Preview (macOS Sierra) and Safari on High Sierra Beta do not seem to be affected. Older versions (2.3.3 KH11) and standard Icecast 2.4.1 do function correctly.

Please Update to the latest version: https://karlheyes.github.io/

Problem with Chrome 55 + and Safari 10 +

Issue why SHOUTcast v1 and early SHOUTcastv2 will no longer play in chrome and safari: http://forums.winamp.com/showthread.php?t=398988 Solution: Update to the current v2 build and it works!

Google Chrome 55 + and Safari 10 + have a issue with much StreamURLs. The Problem is the header HTTP/0.9. In the future this will not more work. Browser console: GET http://mystreamurl.net:1234/; net::ERR_INVALID_HTTP_RESPONSE

Read More

Which audio streams are supported?

MPEG-Audio stream AAC-Audio stream

All other formats are experimental: AAC+, HE-AAC, HE-AAC v2 and not official supported

How can I display the current song playing?

The player used a php-script for display current song. This script required PHP5 and supported cURL. http://php.net/manual/en/book.curl.php Check if allow_url_fopen is enabled in your php.ini Also important is the web-server firewall. The web-server need a communication with the streaming URL. If only port 80 allowed, can this script not communicate with the streaming URL.

Where can i find the shoutcast streampath?

Open your .pls - file und look at the server url. After the latest slash you find the streampath.

[playlist]
NumberOfEntries=1
File1=http://123.456.789.1234:8100/here_is_my_path
Title1=FM Best Webradio of the World
Length1=-1
Version=2
		

Using Stunnel to add ssl to shoutcast

A client requested shoutcast over ssl. Shoutcast did not support ssl naively so I decided to use stunnel to allow it. Here is how I got ssl working:

First stunnel must be installed. Many OS’s have stunnel preinstalled: so try running stunnel first. If not install with your OS’s package management tool such as

centos: yum install stunnel ubuntu: apt-get install stunnel

Once stunnel is installed you can begin. First a config file is needed. In this example shoutcast is installed already and running on port 8000. It is listening on localhost only. Create the file

/etc/stunnel/stunnel.conf

client=no
[shoutcast]
accept=8002
connect=localhost:8000
cert = /etc/stunnel/stunnel.pem
		

Now create the PEM file /etc/stunnel/stunnel.pem

The format is sa key first certificate second cabundle/intermediate third

Set permissions to 600 chmod 600 /etc/stunnel/stunnel.pem

Now stunnel can be started with the command /usr/bin/stunnel and we can connect to port 8002 over ssl.

OR USE: http://www.centova.com/doc/cast/installation_manual/08_Configuring_SSL


Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Support in English and German guaranteed for all customers!

© 2018 by Sodah