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

Then include nativeflashradio files

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>

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!