GHawkinz

nevermind. I got it. Had to add files to the website then reference them in the code. And of course add the proper header.

On 12/19/2019 at 9:02 AM, tuanphan said:

@GHawkinz Have you solved yet? If no, can you share link to radio player on your site?

Have not. www.thesphere.tv/radio

I'm currently in need of adding a streaming radio player to my site from Code Canyon. the code has 2 sections: 

1st section: 

<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);'>

<div style="overflow:hidden; height:0px; width:0px;"><a href="https://www.flashradio.info" title="native html internet radio player plugin">NATIVE INTERNET WEB RADIO PLAYER PLUGIN FOR SHOUTCAST, ICECAST AND RADIONOMY</a> powered by <a href="https://www.sodah.de" title="wordpress webdesign mainz">Sodah Webdesign Mainz</a></div>

</div>                

2nd Section: 

 

<script>

$("#myradiodivcontainer").flashradio({

token: "hidden",

userinterface: "small",

backgroundcolor: "",

themecolor: "#ff0000",

themefontcolor: "#ffffff",

startvolume: "100",

radioname: "Sphere Radio",

scroll: "auto",

autoplay: "true",

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: "nu9cq4mt92quv", 

streamid: "1",

streampath: "/live",

streamtype: "radiojar",

streamurl: "http://stream.radiojar.com/nu9cq4mt92quv",

songinformationinterval: "5000",

});

</script>

I have read that I should add code for jquery library to make the player function and regardless where I add the library code, it's not working. I've tried the global header and footer. I've also tried adding the code on the specific page we want to use (http://www.thesphere.tv/radio); still the code block will not populate the radio player. I have tried different variations of jquery library: 

 src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

or

<script   src="https://code.jquery.com/jquery-3.4.1.min.js"   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="   crossorigin="anonymous"></script>

Same issue. Perhaps I'm not adding the div code to the right block or place or the script code is not going into the right place. I'm lost. Any help would be appreciated. Thanks!