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!