JSFiddle - React, Tailwind, and code Playground
by imiguelsalcedo
HTML
<script src="https://audazfm.com/player/js/jquery-1.10.1.min.js"></script>
<script src="https://audazfm.com/player/js/jquery.jplayer.js"></script>
<script src="https://audazfm.com/player/js/system.js"></script>
<link rel="stylesheet" href="https://audazfm.com/player/js/player.css">
<head>
<meta charset="utf-8">
<title>HTML5 WHMSonic Radio Player</title>
<link rel="stylesheet" href="js/player.css">
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.js"></script>
<script type="text/javascript" src="js/system.js"></script>
<script language="javascript" type="text/javascript" src="https://servers58.com:2199/system/streaminfo.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(document).find('.webPlayer').each(function () { $('#' + this.id).videoPlayer(); });
});
</script>
<script type="text/javascript">
$(document).ready(function () {
function songtitle() {
var la = $.getJSON("https://servers58.com:2199/rpc/audaz/streaminfo.get.json");
var artist = la.data[0].track.artist;
var track = la.data[0].track.title;
a = artist,
t = track
$.ajax({
url: 'http://itunes.apple.com/search',
data: {
term: a + ' ' + t,
media: 'music'
},
dataType: 'jsonp',
success: function (json) {
if (json.results.length === 0) {
$('img[name="nowplayingimage"]').attr('src', '');
return;
}
var artworkURL = json.results[0].artworkUrl100;
$('img[name="nowplayingimage"]').attr('src', artworkURL);
}
});
});
setInterval(songtitle, 60000)
},
songtitle();
});
</script>
</head>
<div id=art class=albumart><img src="" name="nowplayingimage"></div>
<div id="uniquePlayer-5" class="webPlayer light audioPlayer">
<div id="uniqueContainer-5" class="videoPlayer"></div>
<div style="display:none;" class="playerData">
{
"autoplay":...
JavaScript
$("#songname").css("color", "#049f21");
$("#songname").css("width", "#049f21");
$("#uniquePlayer-5").css("background", "#000000");
$("#art").css("background", "#000000");