Basic Settings

Setting Description Value
streamurl: URL to your radio stream http://server:port
streamtype: Type of Shoutcast (1/2), Icecast2, Radionomy or other shoutcast1, shoutcast2, icecast2, radionomy, other
streampath: required for Shoutcast2: The stream path to your Server /mystreampath
streamid: required for Shoutcast2: The stream id from your Server 1,2,3,4,...
mountpoint: required for Icecast2: The stream path to your Server /mymountpoint
radiouid: required for radionomy: your radio UID (Guid available under the settings tab of the RMO -> Technical Information 8f255562-3f11-406b-8d98-f98cb23c84ec
apikey: required for radionomy: your personal API key is available under the settings tab of the RMO -> Technical Information 4842dc4c-d6e0-4ab3-986b-412fd7d6aeab
radiojar: required for radiojar: your stream name uf6x8w5f81ac

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
Width: width from your radio (in px or %) 100% or 600px
Height: height from your radio (in px or %) 100% or 600px
Top-Left-Radius: Radius from the top left corner (in px) 2px
Top-Right-Radius:: Radius from the top right corner (in px) 2px
Bottom-Left-Radius: Radius from the bottom left corner (in px) 2px
Bottom-Right-Radius: Radius from the bottom right corner (in px) 2px
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" OR "#"
corsproxy: This CORS Server is required for SSL. https://html5radioplayer.herokuapp.com/?q= 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

Installation Version 1

Upload the included folder: wp-native-flash-radio to your wordpress-plugins folder.

Activate the NATIVE FLASH RADIO V4.

Go to the Wordpress-Admin-Left-Menu and click on Flash Radio for start the ShortCodeGenerator.

Installation Version 2

Make a ZIP-File from the included folder: wp-native-flash-radio and installed over WordPress PlugIns.

Activate the NATIVE FLASH RADIO V4.

Go to the Wordpress-Admin-Left-Menu and click on Flash Radio for start the ShortCodeGenerator.

Shortcode Generator

For very easy configuration you can use the shortcode generator:

Examples

[native-flash-radio width='100%' height='60px' 
themecolor='#6c5b7b' themefontcolor='#ffffff' 
startvolume='10' streamurl='http://149.56.155.209:80' 
streamtype='shoutcast2' streampath='/live' streamid='1' 
mountpoint='' radioname='Smooth Jazz' scroll='auto' 
autoplay='false' useanalyzer='real' analyzertype='3' debug='false' 
ownsongtitleurl='' bordertopleft='0' bordertopright='0' 
borderbottomleft='0' borderbottomright='0' 
songgooglefontname='Oswald:400' songfontname='Oswald' 
titlegooglefontname='Open+Sans+Condensed:300' 
titlefontname='Open Sans Condensed' 
songinformationinterval='10000' streamprefix='' corsproxy='' ]
[native-flash-radio userinterface='big' width='100%' height='600px' 
themecolor='#355c7d' themefontcolor='#f8b195' startvolume='50' 
streamurl='http://144.76.106.52:7000' streamtype='shoutcast2' 
streampath='/electronic.mp3' streamid='' mountpoint='' radioname='' 
scroll='auto' autoplay='false' useanalyzer='real' analyzertype='4' debug='false' 
ownsongtitleurl='' bordertopleft='0' bordertopright='0' 
borderbottomleft='0' borderbottomright='0' 
songgooglefontname='Oswald:400' songfontname='Oswald' 
titlegooglefontname='Roboto:400' titlefontname='Roboto' 
songinformationinterval='15000' streamprefix='' corsproxy='' ]
[native-flash-radio width='100%' height='60px' 
themecolor='#f8b195' themefontcolor='#f67280' 
startvolume='10' streamurl='http://listen.radionomy.com/wimpy' 
streamtype='radionomy' streampath='' streamid=''
mountpoint='' radiouid='8f255562-3f11-406b-8d98-f98cb23c84ec' 
apikey='4842dc4c-d6e0-4ab3-986b-412fd7d6aeab' radioname='' 
scroll='auto' autoplay='false' useanalyzer='fake' analyzertype='2'  
debug='false' ownsongtitleurl='' bordertopleft='0' 
bordertopright='0' borderbottomleft='0' borderbottomright='0' 
songgooglefontname='' songfontname='' titlegooglefontname='' 
titlefontname='' songinformationinterval='20000' streamprefix=''
corsproxy='' ]

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/

IMPORTANT! 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