html5 radio player jQuery

SHORTCODE GENERATOR

Here you can test your stream and create Code for HTML5 RADIO PLAYER.

  • Basic Settings

    URL to your radio stream

    Type of Shoutcast (1/2), Icecast2 or other

  • Shoutcast2 Settings

    Shoutcast 2 stream path

    Shoutcast 2 stream id

  • Icecast2 Settings

    Icecast 2 mount point

  • Radionomy Settings

    Radionomy your radio UID
    is available under the settings tab of the RMO -> Technical Information

    Radionomy your personal API key
    is available under the settings tab of the RMO -> Technical Information

  • Radiojar Settings

    Radiojar stream name (p.e.: 0uset1rq2ceuv)

  • Theme Settings

    2 diffrent version

    width from your radio (in px or %)

    width from your radio (in px or %)

    Radius from the top left corner (in px)

    Radius from the top right corner (in px)

    Radius from the bottom left corner (in px)

    Radius from the bottom right corner (in px)

    set the RGB value from your native flash radio player theme

    set the RGB value from your font

    set the RGB value for your background

    is the font family name

    The google font name for loading. Please check this out on Google Fonts.

    is the font family name

    The google font name for loading. Please check this out on Google Fonts.

  • Advanced Settings

    Unique name of your DIV container

    Name from your radio

    If you have a own URL for your Songtitle

    Your Cover Image with your logo

    If you want use cover feature.

    If you want use cover feature with iTunes Affiliate Program.

    Use the animation from a sound-analyzer (real will just work on CORS server)

    Type of animation from a sound-analyzer

    CORS PROXY VALUES

    none
    (if you don't need a external CORS)

    php
    (this used php-file as fallback)

    SERVERS:

    https://cors-anywhere.herokuapp.com/

    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=

    Create you own CORS Server

    Sign in on heroku.com

    Download CORS PROXY files

    Download GIT

    Download Heroku CLI

    VIDEO TURORIAL

    This CORS Server is required for SSL.

    Use the CORS PROXY for your stream URL.

    you can enabled display scroll(Radioname, Songtitle)

    The interval for reading song information (in ms)

    Set the start volume

    This is a special option: "/;type=mp3" or "#".

    You can enabled the autoplay from your player (just desktop)

    is very optional, just for developers

GENERATED SHORTCODE FOR WORDPRESS

					
[native-flash-radio userinterface='small' backgroundcolor='' width='100%' height='65px' themecolor='#fa225b' themefontcolor='#ffffff' startvolume='100' streamurl='http://149.56.155.209:80' streamtype='shoutcast2' streampath='/live' streamid='1' mountpoint='' radiouid='' apikey='' radiojar='' radioname='' scroll='auto' autoplay='false' useanalyzer='fake' analyzertype='4' usecover='true' affiliatetoken='1000lIPN' debug='false' ownsongtitleurl='' radiocover='' bordertopleft='0' bordertopright='0' borderbottomleft='0' borderbottomright='0' songgooglefontname='' songfontname='' titlegooglefontname='' titlefontname='' songinformationinterval='5000' streamprefix='' corsproxy='php' usestreamcorsproxy='false' ]

GENERATED CODE FOR JQUERY INTEGRATION

					
<div id="myradiodivcontainer" style='height:65px; width:100%;
-webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 0px none rgb(255, 255, 255);'>
<a href="https://www.flashradio.info" title="native html radio player plugin">NATIVE HTML5 RADIO PLAYER PLUGIN FOR SHOUTCAST, ICECAST AND RADIONOMY</a> powered by <a href="https://www.sodah.de" title="webdesign dexheim">Sodah Webdesign Dexheim</a>
</div>					
				
					
<script>
$("#myradiodivcontainer").flashradio({
	userinterface: "small",
	backgroundcolor: "",
	themecolor: "#fa225b", 
	themefontcolor: "#ffffff", 
	startvolume: "100", 
	radioname: "", 
	scroll: "auto", 
	autoplay: "false", 
	useanalyzer: "fake", 
	analyzertype: "4", 
	usecover: "true", 
	usestreamcorsproxy: "false", 
	affiliatetoken: "1000lIPN", 
	debug: "false", 
	ownsongtitleurl: "", 
	radiocover: "", 
	songgooglefontname: "", 
	songfontname: "", 
	titlegooglefontname: "", 
	titlefontname: "", 
	corsproxy: "php", 
	streamprefix: "", 
	mountpoint: "", 
	radiouid: "", 
	apikey: "",
	radiojar: "",  
	streamid: "1", 
	streampath: "/live", 
	streamtype: "shoutcast2", 
	streamurl: "http://149.56.155.209:80", 
	songinformationinterval: "5000", 
});
</script>