193 lines
5.0 KiB
JavaScript
193 lines
5.0 KiB
JavaScript
var estimatedSchedulePosixTime = -1;
|
|
var schedulePosixTime;
|
|
|
|
var currentRemoteTimeOffset;
|
|
|
|
var previousSongs = new Array();
|
|
var currentSong = new Array();
|
|
var nextSongs = new Array();
|
|
|
|
var currentElem;
|
|
|
|
var updateInterval = 5000;
|
|
|
|
|
|
function convertToHHMMSS(timeInMS){
|
|
var time = parseInt(timeInMS);
|
|
|
|
var hours = parseInt(time / 3600000);
|
|
time -= 3600000*hours;
|
|
|
|
var minutes = parseInt(time / 60000);
|
|
time -= 60000*minutes;
|
|
|
|
var seconds = parseInt(time / 1000);
|
|
|
|
hours = "" + hours;
|
|
minutes = "" + minutes;
|
|
seconds = "" + seconds;
|
|
|
|
if (hours.length == 1)
|
|
hours = "0" + hours;
|
|
if (minutes.length == 1)
|
|
minutes = "0" + minutes;
|
|
if (seconds.length == 1)
|
|
seconds = "0" + seconds;
|
|
return "" + hours + ":" + minutes + ":" + seconds;
|
|
}
|
|
|
|
function convertDateToPosixTime(s){
|
|
var year = s.substring(0, 4);
|
|
var month = s.substring(5, 7);
|
|
var day = s.substring(8, 10);
|
|
var hour = s.substring(11, 13);
|
|
var minute = s.substring(14, 16);
|
|
var sec = s.substring(17, 19);
|
|
var msec = 0;
|
|
if (s.length >= 20){
|
|
msec = s.substring(20);
|
|
}
|
|
|
|
return Date.UTC(year, month, day, hour, minute, sec, msec);
|
|
}
|
|
|
|
function getTrackInfo(song){
|
|
var str = "";
|
|
|
|
if (song.track_title != null)
|
|
str += song.track_title;
|
|
if (song.artist_name != null)
|
|
str += " - " + song.artist_name;
|
|
if (song.album_title != null)
|
|
str += " - " + song.album_title;
|
|
|
|
return str;
|
|
}
|
|
|
|
function secondsTimer(){
|
|
var date = new Date();
|
|
estimatedSchedulePosixTime = date.getTime() - currentRemoteTimeOffset;
|
|
updateProgressBarValue();
|
|
}
|
|
|
|
/* Called every 1 second. */
|
|
function updateProgressBarValue(){
|
|
if (estimatedSchedulePosixTime != -1){
|
|
if (currentSong.length > 0){
|
|
var percentDone = (estimatedSchedulePosixTime - currentSong[0].songStartPosixTime)/currentSong[0].songLengthMs*100;
|
|
if (percentDone <= 100){
|
|
$('#progressbar').progressBar(percentDone);
|
|
} else {
|
|
if (nextSongs.length > 0){
|
|
currentSong[0] = nextSongs.shift();
|
|
} else {
|
|
currentSong = new Array();
|
|
}
|
|
$('#progressbar').progressBar(0);
|
|
}
|
|
} else {
|
|
$('#progressbar').progressBar(0);
|
|
|
|
//calculate how much time left to next song if there is any
|
|
if (nextSongs.length > 0){
|
|
if (nextSongs[0].songStartPosixTime - estimatedSchedulePosixTime < updateInterval){
|
|
setTimeout(temp, nextSongs[0].songStartPosixTime - estimatedSchedulePosixTime);
|
|
}
|
|
}
|
|
}
|
|
updatePlaylist();
|
|
}
|
|
setTimeout(secondsTimer, 200);
|
|
}
|
|
|
|
function temp(){
|
|
currentSong[0] = nextSongs[0];
|
|
updatePlaylist();
|
|
}
|
|
|
|
function updatePlaylist(){
|
|
/* Column 0 update */
|
|
$('#listen');
|
|
|
|
|
|
/* Column 1 update */
|
|
$('#show').empty();
|
|
$('#playlist').empty();
|
|
$('#host').empty();
|
|
for (var i=0; i<currentSong.length; i++){
|
|
//alert (currentSong[i].playlistname);
|
|
//$('#show').append(currentSong[i].show);
|
|
$('#playlist').append(currentSong[i].playlistname);
|
|
//$('#host').append(currentSong[i].creator);
|
|
}
|
|
|
|
/* Column 2 update */
|
|
$('#previous').empty();
|
|
$('#current').empty();
|
|
$('#next').empty();
|
|
for (var i=0; i<previousSongs.length; i++){
|
|
$('#previous').append(getTrackInfo(previousSongs[i]));
|
|
}
|
|
for (var i=0; i<currentSong.length; i++){
|
|
$('#current').append(getTrackInfo(currentSong[i]));
|
|
}
|
|
for (var i=0; i<nextSongs.length; i++){
|
|
$('#next').append(getTrackInfo(nextSongs[i]));
|
|
}
|
|
|
|
/* Column 3 update */
|
|
$('#start').empty();
|
|
$('#end').empty();
|
|
$('#songposition').empty();
|
|
$('#songlength').empty();
|
|
for (var i=0; i<currentSong.length; i++){
|
|
$('#start').append(currentSong[i].starts.substring(currentSong[i].starts.indexOf(" ")+1));
|
|
$('#end').append(currentSong[i].ends.substring(currentSong[i].starts.indexOf(" ")+1));
|
|
$('#songposition').append(convertToHHMMSS(estimatedSchedulePosixTime - currentSong[i].songStartPosixTime));
|
|
$('#songlength').append(currentSong[i].clip_length);
|
|
}
|
|
}
|
|
|
|
function calcAdditionalData(currentItem){
|
|
for (var i=0; i<currentItem.length; i++){
|
|
currentItem[i].songStartPosixTime = convertDateToPosixTime(currentItem[i].starts);
|
|
currentItem[i].songEndPosixTime = convertDateToPosixTime(currentItem[i].ends);
|
|
currentItem[i].songLengthMs = currentItem[i].songEndPosixTime - currentItem[i].songStartPosixTime;
|
|
}
|
|
}
|
|
|
|
function parseItems(obj){
|
|
schedulePosixTime = convertDateToPosixTime(obj.schedulerTime);
|
|
|
|
if (estimatedSchedulePosixTime == -1){
|
|
var date = new Date();
|
|
currentRemoteTimeOffset = date.getTime() - schedulePosixTime;
|
|
estimatedSchedulePosixTime = schedulePosixTime;
|
|
}
|
|
|
|
previousSongs = obj.previous;
|
|
currentSong = obj.current;
|
|
nextSongs = obj.next;
|
|
|
|
calcAdditionalData(previousSongs);
|
|
calcAdditionalData(currentSong);
|
|
calcAdditionalData(nextSongs);
|
|
}
|
|
|
|
function getScheduleFromServer(){
|
|
$.ajax({ url: "/Schedule/get-current-playlist/format/json", dataType:"json", success:function(data){
|
|
parseItems(data.entries);
|
|
}});
|
|
setTimeout(getScheduleFromServer, updateInterval);
|
|
}
|
|
|
|
function init(elemID) {
|
|
var currentElem = $("#" + elemID).attr("style", "z-index: 1; width: 100%; left: 0px; right: 0px; bottom: 0px; color: black; min-height: 100px; background-color: #FEF1B5;");
|
|
|
|
$('#progressbar').progressBar(0, {showText : false});
|
|
|
|
getScheduleFromServer();
|
|
updateProgressBarValue();
|
|
|
|
}
|