Need Help to Add JQuery for Streaming Radio Player

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! 

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

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

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

Hi there, I have the same radio player from code canyon and am trying to add it to my site also, could either of you possibly help me with this please, Im not super tech savvy but have learnt coding in university a couple years back.

Any help will be appreciated please.

Would yo please post how you resolved this issue?