Add js file for pulling live stats
This commit is contained in:
iamdoubz committed
1 parent
d580f3c86e
commit
646e94d050
1 file changed
+179
@@ -0,0 +1,179 @@
|
||||
// Send artist info to Matomo
|
||||
function sendTrackInfo(action, name, value){
|
||||
if(action&&name&&value){
|
||||
_paq.push(['trackEvent', action, name, value]);
|
||||
}
|
||||
}
|
||||
|
||||
// Show/hide lyrics
|
||||
$(document).ready(function(){
|
||||
$('.coolbutton').click(function() {
|
||||
if ($(this).text() === 'Show Lyrics') {
|
||||
$('.coolbutton').text('Hide Lyrics');
|
||||
$('#spoiler').toggle(750);
|
||||
} else {
|
||||
$('.coolbutton').text('Show Lyrics');
|
||||
$('#spoiler').toggle(500);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Get artwork
|
||||
function getArtwork(artist, title) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: ({ artist: artist, title: title}),
|
||||
url: 'title.php'
|
||||
}).then(function (data) {
|
||||
var itReturned = data.split("|,=");
|
||||
var art_img = itReturned[0];
|
||||
var song_title = itReturned[2];
|
||||
var song_album = itReturned[5];
|
||||
$('#genius').attr('src', art_img);
|
||||
$('#genius').attr('title', 'From the album "' + song_album + '", ' + song_title);
|
||||
$('#genius').attr('alt', 'From the album "' + song_album + '", ' + song_title);
|
||||
$('#metaimage1').attr('content', art_img);
|
||||
$('#metaimage2').attr('content', art_img);
|
||||
$('#metaimage3').attr('href', art_img);
|
||||
$('#metaimage4').attr('href', art_img);
|
||||
$('#metaimage5').attr('href', art_img);
|
||||
}).fail(function (e) {
|
||||
console.log(e);
|
||||
});
|
||||
}
|
||||
|
||||
// Get lyrics
|
||||
function getLyrics(artist, title, route) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: ({ artist: artist, title: title, route: route}),
|
||||
url: 'lyrics.php'
|
||||
}).then(function (data) {
|
||||
var lyric_text = decodeURI(decodeURI(data));
|
||||
if(lyric_text==="unknown" || lyric_text==="N/A" || lyric_text==="This song is an instrumental"){
|
||||
$('.coolbutton').hide(1000);
|
||||
} else {
|
||||
$('.coolbutton').show(1000);
|
||||
}
|
||||
$('#spoiler').html(lyric_text + "<br><br><br><br>");
|
||||
}).fail(function (e) {
|
||||
console.log(e);
|
||||
});
|
||||
}
|
||||
|
||||
// Return Artist - Title or Title based on this function
|
||||
function oddOrEven(x) {
|
||||
return ( x & 1 ) ? "odd" : "even";
|
||||
}
|
||||
|
||||
// Add leading zero for timestamp in Song List table
|
||||
function addZero(i) {
|
||||
if (i < 10) {
|
||||
i = "0" + i;
|
||||
}
|
||||
return i;
|
||||
}
|
||||
|
||||
// Populate Song List table
|
||||
var superT = "dwd";
|
||||
function updateSongListTbl(artistr2, titler2) {
|
||||
var d = new Date();
|
||||
var h2 = d.toLocaleString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
|
||||
var tablenp = '<table class="songlist"><tr style="border:2px solid #000"><th style="border:2px solid #000">Time</th><th style="border:2px solid #000">Artist</th><th style="border:2px solid #000">Title</th></tr>';
|
||||
var info = artistr2+' - '+titler2;
|
||||
if (superT === "dwd"){
|
||||
superT = info;
|
||||
$('#spoiler2').html(tablenp+'<tr><td style="border:1px solid #000;">'+h2+'</td><td style="border:1px solid #000;">'+artistr2+'</td><td style="border:1px solid #000;">'+titler2+"</td></tr></table>");
|
||||
sendTrackInfo('Song', artistr2, titler2);
|
||||
$(getArtwork(artistr2, titler2));
|
||||
$(getLyrics(artistr2, titler2, 'yes'));
|
||||
} else if(info !== superT){
|
||||
superT = info;
|
||||
var prevSongs = $('#spoiler2').html();
|
||||
prevSongs = prevSongs.replace("</table>","");
|
||||
$('#spoiler2').html(prevSongs+'<tr><td style="border:1px solid #000;">'+h2+'</td><td style="border:1px solid #000;">'+artistr2+'</td><td style="border:1px solid #000;">'+titler2+"</td></tr></table>");
|
||||
sendTrackInfo('Song', artistr2, titler2);
|
||||
$(getArtwork(artistr2, titler2));
|
||||
$(getLyrics(artistr2, titler2, 'yes'));
|
||||
}
|
||||
}
|
||||
|
||||
// Update artist and title every 10 seconds
|
||||
var i = 1;
|
||||
function updateTitle() {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'https://radio.dou.bet/status-json.xsl',
|
||||
jsonpCallback: 'icestats',
|
||||
dataType: 'json'
|
||||
}).then(function (data) {
|
||||
var json_title = data.icestats.source.title;
|
||||
var json_table = json_title.split(" <-|-> ", 2);
|
||||
var song_artist = json_table[0];
|
||||
var song_title = json_table[1];
|
||||
document.getElementById("track-title").innerHTML = song_artist + ' - ' + song_title;
|
||||
document.getElementById("dwdnp").innerHTML = song_artist + ' - ' + song_title;
|
||||
updateSongListTbl(song_artist, song_title);
|
||||
$('#stream').attr('artist',song_artist);
|
||||
if(oddOrEven(i)==="odd"){
|
||||
$('#stream').attr('title', song_artist + ' - ' + song_title);
|
||||
} else {
|
||||
$('#stream').attr('title', song_title);
|
||||
}
|
||||
}).fail(function (e) {
|
||||
console.log(e);
|
||||
}).always(function () {
|
||||
i++;
|
||||
setTimeout(updateTitle, 10000);
|
||||
});
|
||||
}
|
||||
$(updateTitle);
|
||||
|
||||
// Update peers every 60 seconds
|
||||
function queryPeers(){
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'https://radio.dou.bet/peers.xsl',
|
||||
jsonpCallback: 'icestats',
|
||||
dataType: 'json',
|
||||
success: function(data){
|
||||
var peak = data.icestats.source.listener_peak;
|
||||
var cur = data.icestats.source.listeners;
|
||||
var peers = cur + ' / ' + peak;
|
||||
var link = '<a style="color:white" target="_blank" href="https://dir.xiph.org/search?q=doubzstep">' + peers + '</a> ';
|
||||
document.getElementById("peep").innerHTML = link;
|
||||
setTimeout(function(){queryPeers();}, 60000);
|
||||
},
|
||||
error: function(e){
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
};
|
||||
$(queryPeers);
|
||||
|
||||
// Mobile device test
|
||||
var isMobile = false;
|
||||
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
|
||||
|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) {
|
||||
isMobile = true;
|
||||
}
|
||||
|
||||
// Gently show the Song List table
|
||||
$(document).ready(function(){
|
||||
$('#last_played').click(function() {
|
||||
if ($(this).text() === 'Song List') {
|
||||
$('#last_played').text('Hide');
|
||||
if(isMobile){
|
||||
$('#last_played').animate({right: '392px',top: '8px',width: '60px'}, 1000);
|
||||
$('.hiddenl2').toggle().animate({width: '400px'}, 1000);
|
||||
} else {
|
||||
$('#last_played').animate({right: '508px',top: '8px',width: '60px'}, 1000);
|
||||
$('.hiddenl2').toggle().animate({width: '518px',overflow: 'scroll'}, 1000);
|
||||
}
|
||||
} else {
|
||||
$('#last_played').text('Song List');
|
||||
$('#last_played').animate({right: '-22px',top: '22px',width: '90px'}, 1000)
|
||||
$('.hiddenl2').toggle().animate({width: '0',overflow:'hidden'}, 1000);
|
||||
}
|
||||
});
|
||||
});
|
||||
Reference in new issue
Block a user