Skip to content

V
vlc-gpu
Commit fb3be334 authored by Francois Cartegnie's avatar Francois Cartegnie
Browse files
Options

web intf: prettify js code. 

And convert tabs to 4 spaces according to code guidelines.
parent 6b49065d
Hide whitespace changes
Inline Side-by-side
Showing with 629 additions and 607 deletions
share/lua/http/js/common.js
View file @ fb3be334
var intv = 0; var intv = 0;
var ccmd = ""; var ccmd = "";
var video_types = ['avi','mp4','wmv','mov','swf','vob','mkv','mpg']; var video_types = ['avi', 'mp4', 'wmv', 'mov', 'swf', 'vob', 'mkv', 'mpg'];
var audio_types = ['mp3','wav']; var audio_types = ['mp3', 'wav'];
var stream_server = window.location.hostname; var stream_server = window.location.hostname;
function format_time( s ){
var hours = Math.floor(s/3600); function format_time(s) {
var minutes = Math.floor((s/60)%60); var hours = Math.floor(s / 3600);
var seconds = Math.floor(s%60); var minutes = Math.floor((s / 60) % 60);
hours = hours<10 ? "0"+hours : hours; var seconds = Math.floor(s % 60);
minutes = minutes<10 ? "0"+minutes : minutes; hours = hours < 10 ? "0" + hours : hours;
seconds = seconds<10 ? "0"+seconds : seconds; minutes = minutes < 10 ? "0" + minutes : minutes;
return hours+":"+minutes+":"+seconds; seconds = seconds < 10 ? "0" + seconds : seconds;
return hours + ":" + minutes + ":" + seconds;
} }
function toFloat(text)
{ function toFloat(text) {
return parseFloat(text.replace(',','.')); return parseFloat(text.replace(',', '.'));
} }
function setIntv(){
if(intv>0){ function setIntv() {
intv++; if (intv > 0) {
setTimeout(setIntv,500); intv++;
}else{ setTimeout(setIntv, 500);
intv=0; } else {
} intv = 0;
if(intv>5){ }
var nt = 0; if (intv > 5) {
switch(ccmd){ var nt = 0;
case 'prev': switch (ccmd) {
nt = Math.max(0,$('#seekSlider').slider('value')-10); case 'prev':
break; nt = Math.max(0, $('#seekSlider').slider('value') - 10);
case 'next': break;
nt = Math.max(0,$('#seekSlider').slider('value')+10); case 'next':
break; nt = Math.max(0, $('#seekSlider').slider('value') + 10);
} break;
switch(current_que){ }
case 'main': switch (current_que) {
sendCommand({'command':'seek','val':Math.round((nt/100)*$('#seekSlider').attr('totalLength')),plreload:false}); case 'main':
break; sendCommand({
case 'stream': 'command': 'seek',
sendVLMCmd('control Current seek '+nt); 'val': Math.round((nt / 100) * $('#seekSlider').attr('totalLength')),
break; plreload: false
} });
} break;
case 'stream':
sendVLMCmd('control Current seek ' + nt);
break;
}
}
} }
function convertHz(value){
if(value>=1000){ function convertHz(value) {
return Math.round(value/1000,2)+'kHz'; if (value >= 1000) {
}else{ return Math.round(value / 1000, 2) + 'kHz';
return Math.round(value,2)+'Hz'; } else {
} return Math.round(value, 2) + 'Hz';
}
} }
function isMobile(){
var a = navigator.userAgent||navigator.vendor||window.opera; function isMobile() {
if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/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|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|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|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){ var a = navigator.userAgent || navigator.vendor || window.opera;
return true; if (/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /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|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|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|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) {
} return true;
return false; }
return false;
} }
function createElementLi(name,type,dir,ext){
var icon = type=="dir" && name=='..' ? 'Back-48.png' : (type=='dir' ? "Folder-48.png" : ($.inArray(ext,video_types)!=-1 ? "Video-48.png" : ($.inArray(ext,audio_types)!=-1 ? "Audio-48.png" : "Other-48.png"))); function createElementLi(name, type, dir, ext) {
var open = type=="dir" ? "opendir='"+dir+"'" : (type=="file" ? "openfile='"+dir+"'" : "opendev='"+dir+"'"); var icon = type == "dir" && name == '..' ? 'Back-48.png' : (type == 'dir' ? "Folder-48.png" : ($.inArray(ext, video_types) != -1 ? "Video-48.png" : ($.inArray(ext, audio_types) != -1 ? "Audio-48.png" : "Other-48.png")));
var str = "<li class='system_icon ui-widget-content' "+open+" ><img src='images/"+icon+"' width='48px' height='48px' title='"+name+"' alt='"+name+"' style='border: none;background:none;'/><div style='font-size:10px;border:none;background:none;'>"+name+"</div></li>"; var open = type == "dir" ? "opendir='" + dir + "'" : (type == "file" ? "openfile='" + dir + "'" : "opendev='" + dir + "'");
return str; var str = "<li class='system_icon ui-widget-content' " + open + " ><img src='images/" + icon + "' width='48px' height='48px' title='" + name + "' alt='" + name + "' style='border: none;background:none;'/><div style='font-size:10px;border:none;background:none;'>" + name + "</div></li>";
return str;
} }
share/lua/http/js/controlers.js
View file @ fb3be334
var current_id = 1; var current_id = 1;
var currentArt = null; var currentArt = null;
var current_que = 'main'; var current_que = 'main';
function updateArt(url)
{ function updateArt(url) {
$('#albumArt').fadeOut(500, function(){ $('#albumArt').fadeOut(500, function () {
$(this).addClass('hidden') $(this).addClass('hidden').removeAttr('height').removeAttr('width').attr('src', url);
.removeAttr('height') });
.removeAttr('width')
.attr('src',url);
});
} }
function updateStatus(){
$.ajax({
url: 'requests/status.xml',
success: function(data,status,jqXHR){
if(current_que=='main'){
$('.dynamic').empty();
$('#mediaTitle').append($('[name="filename"]',data).text());
$('#totalTime').append(format_time($('length',data).text()));
$('#currentTime').append(format_time($('time',data).text()));
$('#seekSlider').slider({value: toFloat($('position',data).text()) * 100 });
$('#currentVolume').append(Math.round($('volume',data).text()/2.56)+'%');
$('#volumeSlider').slider({value: ($('volume',data).text()/5.12) });
$('#rateSlider').slider({value: ($('rate',data).text()) });
$('#currentRate').append(Math.round($('rate',data).text()*100)/100+'x');
$('#audioSlider').slider({value: ($('audiodelay',data).text()) });
$('#currentAudioDelay').append(Math.round($('audiodelay',data).text()*100)/100+'s');
$('#subtitleSlider').slider({value: ($('subtitledelay',data).text()) });
$('#currentSubtitleDelay').append(Math.round($('subtitledelay',data).text()*100)/100+'s');
$('#seekSlider').attr('totalLength',$('length',data).text());
$('#buttonPlay')
.attr('state',$('state',data).text())
.attr('mrl',$('[name="filename"]',data).text());
if($('state',data).text()=='playing'){
$('#buttonPlay').removeClass('paused').addClass('playing');
}else{
$('#buttonPlay').removeClass('playing').addClass('paused');
}
if($('random',data).text()=='true'){
$('#buttonShuffle')
.removeClass('ui-state-default')
.addClass('ui-state-active');
}else{
$('#buttonShuffle')
.addClass('ui-state-default')
.removeClass('ui-state-active');
}
if($('loop',data).text()=='true'){
$('#buttonLoop')
.removeClass('ui-state-default')
.addClass('ui-state-active');
}else{
$('#buttonLoop')
.addClass('ui-state-default')
.removeClass('ui-state-active');
}
if($('repeat',data).text()=='true'){
$('#buttonRepeat')
.removeClass('ui-state-default')
.addClass('ui-state-active');
}else{
$('#buttonRepeat')
.addClass('ui-state-default')
.removeClass('ui-state-active');
}
if($('[name="artwork_url"]',data).text()!=currentArt function updateStatus() {
&& $('[name="artwork_url"]',data).text()!="") $.ajax({
{ url: 'requests/status.xml',
var tmp = new Date(); success: function (data, status, jqXHR) {
currentArt = $('[name="artwork_url"]',data).text(); if (current_que == 'main') {
updateArt('/art?'+tmp.getTime()); $('.dynamic').empty();
}else if($('[name="artwork_url"]',data).text()=="" $('#mediaTitle').append($('[name="filename"]', data).text());
&& currentArt!='images/vlc-48.png') $('#totalTime').append(format_time($('length', data).text()));
{ $('#currentTime').append(format_time($('time', data).text()));
currentArt='images/vlc-48.png'; $('#seekSlider').slider({
updateArt(currentArt); value: toFloat($('position', data).text()) * 100
} });
if(pollStatus){ $('#currentVolume').append(Math.round($('volume', data).text() / 2.56) + '%');
setTimeout( updateStatus, 1000 ); $('#volumeSlider').slider({
} value: ($('volume', data).text() / 5.12)
});
} $('#rateSlider').slider({
$('band',data).each(function(){ value: ($('rate', data).text())
var id = $(this).attr('id'); });
var freq = convertHz($(this).attr('freqency')); $('#currentRate').append(Math.round($('rate', data).text() * 100) / 100 + 'x');
var value = $(this).text() ? $(this).text() : 0; $('#audioSlider').slider({
if(!$('#eq_container'+id).length){ value: ($('audiodelay', data).text())
$('#window_equalizer').append('<div style="float:left;width:44px;" align="center" id="eq_container'+id+'"><div id="eq'+id+'_txt">'+value+'dB</div><div class="eqBand" id="eq'+id+'" style="font-size: 18px;"></div><div>'+freq+'</div></div>'); });
$('#eq'+id).slider({ $('#currentAudioDelay').append(Math.round($('audiodelay', data).text() * 100) / 100 + 's');
min: -20, $('#subtitleSlider').slider({
max: 20, value: ($('subtitledelay', data).text())
step: 0.1, });
range: "min", $('#currentSubtitleDelay').append(Math.round($('subtitledelay', data).text() * 100) / 100 + 's');
value: value, $('#seekSlider').attr('totalLength', $('length', data).text());
animate: true, $('#buttonPlay').attr('state', $('state', data).text()).attr('mrl', $('[name="filename"]', data).text());
orientation: "vertical", if ($('state', data).text() == 'playing') {
stop: function(event,ui){ $('#buttonPlay').removeClass('paused').addClass('playing');
$('#'+$(this).attr('id')+'_txt').empty().append(ui.value+'dB'); } else {
sendCommad({ $('#buttonPlay').removeClass('playing').addClass('paused');
command:'equalizer', }
val: ui.value, if ($('random', data).text() == 'true') {
band: $(this).attr('id').substr(2) $('#buttonShuffle').removeClass('ui-state-default').addClass('ui-state-active');
}) } else {
}, $('#buttonShuffle').addClass('ui-state-default').removeClass('ui-state-active');
slide: function(event,ui){ }
$('#'+$(this).attr('id')+'_txt').empty().append(ui.value+'dB'); if ($('loop', data).text() == 'true') {
} $('#buttonLoop').removeClass('ui-state-default').addClass('ui-state-active');
}); } else {
}else{ $('#buttonLoop').addClass('ui-state-default').removeClass('ui-state-active');
$('#eq'+id).slider({value:value}); }
$('#eq'+id+'_txt').empty().append(Math.round(value*100)/100+'dB'); if ($('repeat', data).text() == 'true') {
} $('#buttonRepeat').removeClass('ui-state-default').addClass('ui-state-active');
}); } else {
$('#preamp').slider('value',$('preamp',data).text()); $('#buttonRepeat').addClass('ui-state-default').removeClass('ui-state-active');
$('#preamp_txt').empty().append(Math.round($('preamp',data).text()*100)/100+'dB'); }
},
error: function(jqXHR,status,error){ if ($('[name="artwork_url"]', data).text() != currentArt && $('[name="artwork_url"]', data).text() != "") {
setTimeout( updateStatus, 500 ); var tmp = new Date();
} currentArt = $('[name="artwork_url"]', data).text();
}); updateArt('/art?' + tmp.getTime());
} else if ($('[name="artwork_url"]', data).text() == "" && currentArt != 'images/vlc-48.png') {
currentArt = 'images/vlc-48.png';
updateArt(currentArt);
}
if (pollStatus) {
setTimeout(updateStatus, 1000);
}
}
$('band', data).each(function () {
var id = $(this).attr('id');
var freq = convertHz($(this).attr('freqency'));
var value = $(this).text() ? $(this).text() : 0;
if (!$('#eq_container' + id).length) {
$('#window_equalizer').append('<div style="float:left;width:44px;" align="center" id="eq_container' + id + '"><div id="eq' + id + '_txt">' + value + 'dB</div><div class="eqBand" id="eq' + id + '" style="font-size: 18px;"></div><div>' + freq + '</div></div>');
$('#eq' + id).slider({
min: -20,
max: 20,
step: 0.1,
range: "min",
value: value,
animate: true,
orientation: "vertical",
stop: function (event, ui) {
$('#' + $(this).attr('id') + '_txt').empty().append(ui.value + 'dB');
sendCommad({
command: 'equalizer',
val: ui.value,
band: $(this).attr('id').substr(2)
})
},
slide: function (event, ui) {
$('#' + $(this).attr('id') + '_txt').empty().append(ui.value + 'dB');
}
});
} else {
$('#eq' + id).slider({
value: value
});
$('#eq' + id + '_txt').empty().append(Math.round(value * 100) / 100 + 'dB');
}
});
$('#preamp').slider('value', $('preamp', data).text());
$('#preamp_txt').empty().append(Math.round($('preamp', data).text() * 100) / 100 + 'dB');
},
error: function (jqXHR, status, error) {
setTimeout(updateStatus, 500);
}
});
} }
function updatePlayList(){
$('#libraryTree').jstree('refresh',-1); function updatePlayList() {
$('#libraryTree').jstree('refresh', -1);
} }
function sendCommand(params,append){
if(current_que=='stream'){ function sendCommand(params, append) {
$.ajax({ if (current_que == 'stream') {
url: 'requests/status.xml', $.ajax({
data: params, url: 'requests/status.xml',
success:function(data,status,jqXHR){ data: params,
if(append!=undefined){ success: function (data, status, jqXHR) {
eval(append); if (append != undefined) {
} eval(append);
updateStatus(); }
updatePlayList(); updateStatus();
} updatePlayList();
}); }
}else{ });
if(params.plreload===false){ } else {
$.ajax({ if (params.plreload === false) {
url: 'requests/status.xml', $.ajax({
data: params, url: 'requests/status.xml',
success:function(data,status,jqXHR){ data: params,
if(append!=undefined){ success: function (data, status, jqXHR) {
eval(append); if (append != undefined) {
} eval(append);
} }
}); }
}else{ });
$.ajax({ } else {
url: 'requests/status.xml', $.ajax({
data: params, url: 'requests/status.xml',
success:function(data,status,jqXHR){ data: params,
if(append!=undefined){ success: function (data, status, jqXHR) {
eval(append); if (append != undefined) {
} eval(append);
updatePlayList(); }
} updatePlayList();
}); }
} });
} }
}
} }
function browse(dir){
dir = dir==undefined ? 'file://~' : dir; function browse(dir) {
$.ajax({ dir = dir == undefined ? 'file://~' : dir;
url: 'requests/browse.xml', $.ajax({
data:'uri='+encodeURIComponent(dir), url: 'requests/browse.xml',
success: function(data,status,jqXHR){ data: 'uri=' + encodeURIComponent(dir),
var tgt = browse_target.indexOf('__')==-1 ? browse_target : browse_target.substr(0,browse_target.indexOf('__')); success: function (data, status, jqXHR) {
$('#browse_elements').empty(); var tgt = browse_target.indexOf('__') == -1 ? browse_target : browse_target.substr(0, browse_target.indexOf('__'));
$('element',data).each(function(){ $('#browse_elements').empty();
if($(this).attr('type')=='dir' || $.inArray($(this).attr('name').substr(-3),video_types)!=-1 || $.inArray($(this).attr('name').substr(-3),audio_types)!=-1){ $('element', data).each(function () {
$('#browse_elements').append(createElementLi($(this).attr('name'),$(this).attr('type'),$(this).attr('uri'),$(this).attr('name').substr(-3))); if ($(this).attr('type') == 'dir' || $.inArray($(this).attr('name').substr(-3), video_types) != -1 || $.inArray($(this).attr('name').substr(-3), audio_types) != -1) {
} $('#browse_elements').append(createElementLi($(this).attr('name'), $(this).attr('type'), $(this).attr('uri'), $(this).attr('name').substr(-3)));
}); }
$('[opendir]').dblclick(function(){ });
browse($(this).attr('opendir')); $('[opendir]').dblclick(function () {
}); browse($(this).attr('opendir'));
$('[openfile]').dblclick(function(){ });
switch(tgt){ $('[openfile]').dblclick(function () {
case '#stream_input': switch (tgt) {
$(browse_target).val($(this).attr('openfile')); case '#stream_input':
break; $(browse_target).val($(this).attr('openfile'));
case '#mosaic_open': break;
$('li',browse_target).remove(); case '#mosaic_open':
$(browse_target).append(this); $('li', browse_target).remove();
$(this).css({ $(browse_target).append(this);
'margin-left' : -40, $(this).css({
'margin-top' : -46, 'margin-left': -40,
'float' : 'left' 'margin-top': -46,
}); 'float': 'left'
break; });
case '#mobile': break;
break; case '#mobile':
default: break;
sendCommand('command=in_play&input='+encodeURIComponent($(this).attr('openfile'))); default:
break; sendCommand('command=in_play&input=' + encodeURIComponent($(this).attr('openfile')));
} break;
$('#window_browse').dialog('close'); }
}); $('#window_browse').dialog('close');
$('[opendir]').click(function(){ });
switch(tgt){ $('[opendir]').click(function () {
case '#mobile': switch (tgt) {
browse($(this).attr('opendir')); case '#mobile':
break; browse($(this).attr('opendir'));
default: break;
break; default:
} break;
}); }
$('[openfile]').click(function(){ });
switch(tgt){ $('[openfile]').click(function () {
case '#mobile': switch (tgt) {
sendCommand('command=in_play&input='+encodeURIComponent($(this).attr('openfile')),"window.location='mobile.html'"); case '#mobile':
break; sendCommand('command=in_play&input=' + encodeURIComponent($(this).attr('openfile')), "window.location='mobile.html'");
default: break;
break; default:
} break;
}); }
switch(tgt){ });
case '#mobile': switch (tgt) {
break; case '#mobile':
default: break;
$('[selectable]').selectable(); default:
break; $('[selectable]').selectable();
} break;
}, }
error: function(jqXHR,status,error){ },
setTimeout('browse("'+dir+'")',1041); error: function (jqXHR, status, error) {
} setTimeout('browse("' + dir + '")', 1041);
}); }
});
} }
function updateStreams(){
$.ajax({
url: 'requests/vlm.xml',
success:function(data,status,jqXHR){
$('#stream_info').accordion("destroy");
$('#stream_info').empty();
$('broadcast',data).each(function(){
var stream_div = $('#stream_status_').clone();
var name = $(this).attr('name');
var loop = $(this).attr('loop')=='yes';
var playing = $('instance',$(this)).attr('state')=='playing';
var file = $('input',$(this)).text();
var output = $('output',$(this)).text();
var time = isNaN(Math.round($('instance',$(this)).attr('time')/1000000)) ? 0 : Math.round($('instance',$(this)).attr('time')/1000000);
var length = isNaN(Math.round($('instance',$(this)).attr('length')/1000000)) ? 0 : Math.round($('instance',$(this)).attr('length')/1000000);
$('[id]',stream_div).each(function(){
$(this).attr('id',$(this).attr('id')+name);
});
$(stream_div).attr('id',$(stream_div).attr('id')+name);
$('#stream_title_'+name,stream_div).append(name);
$('#stream_file_'+name,stream_div).append(file);
$('#stream_pos_'+name,stream_div).slider({
value: 0,
range: "min",
min: 0,
slide: function( event, ui ) {
$( "#stream_current_time_"+name,stream_div ).empty();
$( "#stream_current_time_"+name,stream_div ).append( format_time(ui.value) );
$( "#stream_total_time_"+name,stream_div ).empty();
$( "#stream_total_time_"+name,stream_div ).append( format_time($('#stream_pos_'+name,stream_div).slider('option','max')) );
sendVLMCmd('control '+name+' seek '+Math.round(ui.value/$('#stream_pos_'+name,stream_div).slider('option','max')*100));
},
change: function(event, ui){
$( "#stream_current_time_"+name,stream_div ).empty();
$( "#stream_current_time_"+name,stream_div ).append( format_time(ui.value) );
$( "#stream_total_time_"+name,stream_div ).empty();
$( "#stream_total_time_"+name,stream_div ).append( format_time($('#stream_pos_'+name,stream_div).slider('option','max')) );
}
});
$('#button_stream_stop_'+name,stream_div).click(function(){
sendVLMCmd('control '+name+' stop');
return false;
});
$('#button_stream_play_'+name,stream_div).click(function(){
if($('span',this).hasClass('ui-icon-pause')){
sendVLMCmd('control '+name+' pause');
}else{
sendVLMCmd('control '+name+' play');
}
});
$('#button_stream_loop_'+name,stream_div).click(function(){
if(loop){
sendVLMCmd('setup '+name+' unloop');
}else{
sendVLMCmd('setup '+name+' loop');
}
});
$('#button_stream_delete_'+name,stream_div).click(function(){
sendVLMCmd('del '+name);
});
$('#stream_pos_'+name,stream_div).slider({
max: length,
value: time
});
if(playing){
$('span',$('#button_stream_play_'+name,stream_div)).removeClass('ui-icon-play');
$('span',$('#button_stream_play_'+name,stream_div)).addClass('ui-icon-pause');
}
if(loop){
$('#button_stream_loop_'+name,stream_div).addClass('ui-state-active');
}
$(stream_div).css({
'visibility':'',
'display':''
});
$('#stream_info').append(stream_div);
}); function updateStreams() {
$('.button').hover( $.ajax({
function() { $(this).addClass('ui-state-hover'); }, url: 'requests/vlm.xml',
function() { $(this).removeClass('ui-state-hover'); } success: function (data, status, jqXHR) {
); $('#stream_info').accordion("destroy");
$('#stream_info').accordion({ $('#stream_info').empty();
header: "h3", $('broadcast', data).each(function () {
collapsible: true, var stream_div = $('#stream_status_').clone();
autoHeight: true var name = $(this).attr('name');
}); var loop = $(this).attr('loop') == 'yes';
if(current_que=='stream'){ var playing = $('instance', $(this)).attr('state') == 'playing';
$('.dynamic').empty(); var file = $('input', $(this)).text();
$('#mediaTitle').append($('[name="Current"] input',data).text()); var output = $('output', $(this)).text();
$('#totalTime').append(format_time(isNaN($('[name="Current"] instance',data).attr('length')) ? 0 : $('[name="Current"] instance',data).attr('length')/1000000)); var time = isNaN(Math.round($('instance', $(this)).attr('time') / 1000000)) ? 0 : Math.round($('instance', $(this)).attr('time') / 1000000);
$('#currentTime').append(format_time(isNaN($('[name="Current"] instance',data).attr('time')) ? 0 : $('[name="Current"] instance',data).attr('time')/1000000)); var length = isNaN(Math.round($('instance', $(this)).attr('length') / 1000000)) ? 0 : Math.round($('instance', $(this)).attr('length') / 1000000);
$('#seekSlider').slider({value: (($('[name="Current"] instance',data).attr('time')/1000000)/($('[name="Current"] instance',data).attr('length')/1000000)*100) }); $('[id]', stream_div).each(function () {
$('#seekSlider').attr('totalLength',$('[name="Current"] instance',data).attr('length')/1000000); $(this).attr('id', $(this).attr('id') + name);
$('#buttonPlay').attr('state',$('[name="Current"] instance',data).length>0 ? $('[name="Current"] instance',data).attr('state') : 'stopped'); });
if($('[name="Current"] instance',data).attr('state')=='playing'){ $(stream_div).attr('id', $(stream_div).attr('id') + name);
$('#buttonPlay').removeClass('paused'); $('#stream_title_' + name, stream_div).append(name);
$('#buttonPlay').addClass('playing'); $('#stream_file_' + name, stream_div).append(file);
}else{ $('#stream_pos_' + name, stream_div).slider({
$('#buttonPlay').removeClass('playing'); value: 0,
$('#buttonPlay').addClass('paused'); range: "min",
} min: 0,
setTimeout( updateStreams, 1000 ); slide: function (event, ui) {
} $("#stream_current_time_" + name, stream_div).empty();
} $("#stream_current_time_" + name, stream_div).append(format_time(ui.value));
}); $("#stream_total_time_" + name, stream_div).empty();
$("#stream_total_time_" + name, stream_div).append(format_time($('#stream_pos_' + name, stream_div).slider('option', 'max')));
sendVLMCmd('control ' + name + ' seek ' + Math.round(ui.value / $('#stream_pos_' + name, stream_div).slider('option', 'max') * 100));
},
change: function (event, ui) {
$("#stream_current_time_" + name, stream_div).empty();
$("#stream_current_time_" + name, stream_div).append(format_time(ui.value));
$("#stream_total_time_" + name, stream_div).empty();
$("#stream_total_time_" + name, stream_div).append(format_time($('#stream_pos_' + name, stream_div).slider('option', 'max')));
}
});
$('#button_stream_stop_' + name, stream_div).click(function () {
sendVLMCmd('control ' + name + ' stop');
return false;
});
$('#button_stream_play_' + name, stream_div).click(function () {
if ($('span', this).hasClass('ui-icon-pause')) {
sendVLMCmd('control ' + name + ' pause');
} else {
sendVLMCmd('control ' + name + ' play');
}
});
$('#button_stream_loop_' + name, stream_div).click(function () {
if (loop) {
sendVLMCmd('setup ' + name + ' unloop');
} else {
sendVLMCmd('setup ' + name + ' loop');
}
});
$('#button_stream_delete_' + name, stream_div).click(function () {
sendVLMCmd('del ' + name);
});
$('#stream_pos_' + name, stream_div).slider({
max: length,
value: time
});
if (playing) {
$('span', $('#button_stream_play_' + name, stream_div)).removeClass('ui-icon-play');
$('span', $('#button_stream_play_' + name, stream_div)).addClass('ui-icon-pause');
}
if (loop) {
$('#button_stream_loop_' + name, stream_div).addClass('ui-state-active');
}
$(stream_div).css({
'visibility': '',
'display': ''
});
$('#stream_info').append(stream_div);
});
$('.button').hover(
function () {
$(this).addClass('ui-state-hover');
}, function () {
$(this).removeClass('ui-state-hover');
});
$('#stream_info').accordion({
header: "h3",
collapsible: true,
autoHeight: true
});
if (current_que == 'stream') {
$('.dynamic').empty();
$('#mediaTitle').append($('[name="Current"] input', data).text());
$('#totalTime').append(format_time(isNaN($('[name="Current"] instance', data).attr('length')) ? 0 : $('[name="Current"] instance', data).attr('length') / 1000000));
$('#currentTime').append(format_time(isNaN($('[name="Current"] instance', data).attr('time')) ? 0 : $('[name="Current"] instance', data).attr('time') / 1000000));
$('#seekSlider').slider({
value: (($('[name="Current"] instance', data).attr('time') / 1000000) / ($('[name="Current"] instance', data).attr('length') / 1000000) * 100)
});
$('#seekSlider').attr('totalLength', $('[name="Current"] instance', data).attr('length') / 1000000);
$('#buttonPlay').attr('state', $('[name="Current"] instance', data).length > 0 ? $('[name="Current"] instance', data).attr('state') : 'stopped');
if ($('[name="Current"] instance', data).attr('state') == 'playing') {
$('#buttonPlay').removeClass('paused');
$('#buttonPlay').addClass('playing');
} else {
$('#buttonPlay').removeClass('playing');
$('#buttonPlay').addClass('paused');
}
setTimeout(updateStreams, 1000);
}
}
});
} }
function updateEQ(){
$.ajax({ function updateEQ() {
url: 'requests/equalizer.xml', $.ajax({
success: function(data,status,jqXHR){ url: 'requests/equalizer.xml',
$('band',data).each(function(){ success: function (data, status, jqXHR) {
var id = $(this).attr('id'); $('band', data).each(function () {
var freq = convertHz($(this).attr('freqency')); var id = $(this).attr('id');
var value = $(this).text() ? $(this).text() : 0; var freq = convertHz($(this).attr('freqency'));
if(!$('#eq_container'+id).length){ var value = $(this).text() ? $(this).text() : 0;
$('#window_equalizer').append('<div style="float:left;width:44px;" align="center" id="eq_container'+id+'"><div id="eq'+id+'_txt">'+value+'dB</div><div class="eqBand" id="eq'+id+'" style="font-size: 18px;"></div><div>'+freq+'</div></div>'); if (!$('#eq_container' + id).length) {
$('#eq'+id).slider({ $('#window_equalizer').append('<div style="float:left;width:44px;" align="center" id="eq_container' + id + '"><div id="eq' + id + '_txt">' + value + 'dB</div><div class="eqBand" id="eq' + id + '" style="font-size: 18px;"></div><div>' + freq + '</div></div>');
min: -20, $('#eq' + id).slider({
max: 20, min: -20,
step: 0.1, max: 20,
range: "min", step: 0.1,
value: value, range: "min",
animate: true, value: value,
orientation: "vertical", animate: true,
stop: function(event,ui){ orientation: "vertical",
$('#'+$(this).attr('id')+'_txt').empty().append(ui.value+'dB'); stop: function (event, ui) {
sendEQCmd({ $('#' + $(this).attr('id') + '_txt').empty().append(ui.value + 'dB');
command:'equalizer', sendEQCmd({
val: ui.value, command: 'equalizer',
band: $(this).attr('id').substr(2) val: ui.value,
}) band: $(this).attr('id').substr(2)
}, })
slide: function(event,ui){ },
$('#'+$(this).attr('id')+'_txt').empty().append(ui.value+'dB'); slide: function (event, ui) {
} $('#' + $(this).attr('id') + '_txt').empty().append(ui.value + 'dB');
}); }
}else{ });
$('#eq'+id).slider({value:value}); } else {
$('#eq'+id+'_txt').empty().append(Math.round(value*100)/100+'dB'); $('#eq' + id).slider({
} value: value
}); });
$('#preamp').slider('value',$('preamp',data).text()); $('#eq' + id + '_txt').empty().append(Math.round(value * 100) / 100 + 'dB');
$('#preamp_txt').empty().append(Math.round($('preamp',data).text()*100)/100+'dB'); }
} });
}) $('#preamp').slider('value', $('preamp', data).text());
$('#preamp_txt').empty().append(Math.round($('preamp', data).text() * 100) / 100 + 'dB');
}
})
} }
function sendVLMCmd(command,append){
var commands = command.split(';'); function sendVLMCmd(command, append) {
if(commands.length>1){ var commands = command.split(';');
sendBatchVLMCmd(command,append); if (commands.length > 1) {
}else{ sendBatchVLMCmd(command, append);
if(current_que=='main'){ } else {
$.ajax({ if (current_que == 'main') {
url: 'requests/vlm_cmd.xml', $.ajax({
data: 'command='+encodeURIComponent(command), url: 'requests/vlm_cmd.xml',
success: function(data,status,jqXHR){ data: 'command=' + encodeURIComponent(command),
if($('error',data).text()){ success: function (data, status, jqXHR) {
$('#error_container').append('<div>'+$('error',data).text()+'</div>'); if ($('error', data).text()) {
$('#window_error').dialog('open'); $('#error_container').append('<div>' + $('error', data).text() + '</div>');
} $('#window_error').dialog('open');
if(append!=undefined){ }
eval(append); if (append != undefined) {
} eval(append);
updateStreams(); }
} updateStreams();
}); }
}else{ });
$.ajax({ } else {
url: 'requests/vlm_cmd.xml', $.ajax({
data: 'command='+encodeURIComponent(command), url: 'requests/vlm_cmd.xml',
success: function(data,status,jqXHR){ data: 'command=' + encodeURIComponent(command),
if($('error',data).text()){ success: function (data, status, jqXHR) {
$('#error_container').append('<div>'+$('error',data).text()+'</div>'); if ($('error', data).text()) {
$('#window_error').dialog('open'); $('#error_container').append('<div>' + $('error', data).text() + '</div>');
} $('#window_error').dialog('open');
updateStreams(); }
} updateStreams();
}); }
} });
} }
}
} }
function sendBatchVLMCmd(command,append){
var commands = command.split(';'); function sendBatchVLMCmd(command, append) {
$.ajax({ var commands = command.split(';');
url: 'requests/vlm_cmd.xml', $.ajax({
data: 'command='+encodeURIComponent(commands.shift()), url: 'requests/vlm_cmd.xml',
success:function(data,status,jqXHR){ data: 'command=' + encodeURIComponent(commands.shift()),
if($('error',data).text()){ success: function (data, status, jqXHR) {
$('#error_container').append('<div>'+$('error',data).text()+'</div>'); if ($('error', data).text()) {
$('#window_error').dialog('open'); $('#error_container').append('<div>' + $('error', data).text() + '</div>');
} $('#window_error').dialog('open');
sendVLMCmd(commands.join(';'),append); }
} sendVLMCmd(commands.join(';'), append);
}); }
});
} }
function sendEQCmd(params){
$.ajax({ function sendEQCmd(params) {
url: 'requests/equalizer.xml', $.ajax({
data: params, url: 'requests/equalizer.xml',
success: function(data,status,jqXHR){ data: params,
updateEQ(); success: function (data, status, jqXHR) {
} updateEQ();
}); }
});
} }
$(function(){ $(function () {
$('#albumArt').load(function(){ $('#albumArt').load(function () {
var width=$(this).width(); var width = $(this).width();
var height=$(this).height(); var height = $(this).height();
var max=Math.max(width,height); var max = Math.max(width, height);
if(max>150) if (max > 150) {
{ var ratio = 150 / max;
var ratio=150/max; width = Math.floor(width * ratio);
width=Math.floor(width*ratio); height = Math.floor(height * ratio);
height=Math.floor(height*ratio); }
} $(this).attr('width', width).attr('height', height).css('margin-left', Math.floor((150 - width) / 2)).css('margin-top', Math.floor((150 - height) / 2)).removeClass('hidden').fadeIn();
$(this).attr('width',width) });
.attr('height',height) $('#libraryTree').jstree({
.css('margin-left', Math.floor((150 - width)/2)) "xml_data": {
.css('margin-top', Math.floor((150 - height)/2)) "ajax": {
.removeClass('hidden') "url": "requests/playlist_jstree.xml"
.fadeIn(); },
}); "xsl": "nest"
$('#libraryTree').jstree({ },
"xml_data":{ "themeroller": {
"ajax":{ "item_leaf": "ui-icon-video"
"url" : "requests/playlist_jstree.xml" },
}, "core": {
"xsl" : "nest" "initially_open": ["plid_1", "plid_2", "plid_3"]
}, },
"themeroller":{ "plugins": ["xml_data", "ui", "themeroller"]
"item_leaf":"ui-icon-video" }).bind("loaded.jstree", function (event, data) {
}, $('[current]', '[id^="plid_"]').each(function () {
"core" :{ $(this).addClass('ui-state-highlight');
"initially_open": ["plid_1","plid_2","plid_3"] current_id = $(this).attr('id').substr(5);
}, });
"plugins" : ["xml_data","ui","themeroller"] }).bind("refresh.jstree", function (event, data) {
}).bind("loaded.jstree", function (event, data) { $('[current]', '[id^="plid_"]').each(function () {
$('[current]','[id^="plid_"]').each(function(){ $(this).addClass('ui-state-highlight');
$(this).addClass('ui-state-highlight'); current_id = $(this).attr('id').substr(5);
current_id = $(this).attr('id').substr(5); });
}); }).delegate("#plid_2 li.jstree-leaf a", "click", function (event, data) {
}).bind("refresh.jstree",function(event,data){ event.preventDefault();
$('[current]','[id^="plid_"]').each(function(){ current_id = $(this).parent().attr('id').substr(5);
$(this).addClass('ui-state-highlight'); sendCommand('command=pl_play&id=' + current_id);
current_id = $(this).attr('id').substr(5); updatePlayList();
}); });
}).delegate("#plid_2 li.jstree-leaf a", "click",function(event, data){ updateStatus();
event.preventDefault(); updateStreams();
current_id = $(this).parent().attr('id').substr(5); updateEQ();
sendCommand('command=pl_play&id=' + current_id);
updatePlayList();
});
updateStatus();
updateStreams();
updateEQ();
}); });
share/lua/http/js/ui.js
View file @ fb3be334
$(function(){ $(function () {
$( "#seekSlider" ).slider({ $("#seekSlider").slider({
range: "min", range: "min",
value: 0, value: 0,
min: 0, min: 0,
max: 100, max: 100,
stop: function( event, ui ) { stop: function (event, ui) {
$( "#currentTime" ).empty().append( format_time(Math.round((ui.value/100)*$('#seekSlider').attr('totalLength'))) ); $("#currentTime").empty().append(format_time(Math.round((ui.value / 100) * $('#seekSlider').attr('totalLength'))));
switch(current_que){ switch (current_que) {
case 'main': case 'main':
sendCommand({'command':'seek','val':(ui.value)+'%'}); sendCommand({
break; 'command': 'seek',
case 'stream': 'val': (ui.value) + '%'
sendVLMCmd('control Current seek '+ui.value); });
break; break;
} case 'stream':
} sendVLMCmd('control Current seek ' + ui.value);
}); break;
$( "#volumeSlider" ).slider({ }
range: "min", }
value: 50, });
min: 0, $("#volumeSlider").slider({
max: 100, range: "min",
stop: function( event, ui ) { value: 50,
$( "#currentVolume" ).empty().append( ui.value * 2 +"%" ); min: 0,
sendCommand({ max: 100,
'command':'volume', stop: function (event, ui) {
'val':Math.round(ui.value*5.12) $("#currentVolume").empty().append(ui.value * 2 + "%");
}) sendCommand({
} 'command': 'volume',
}); 'val': Math.round(ui.value * 5.12)
$('#buttonStop').click(function(){ })
switch(current_que){ }
case 'main': });
sendCommand({'command' : 'pl_stop'}) $('#buttonStop').click(function () {
break; switch (current_que) {
case 'stream': case 'main':
sendVLMCmd('control Current stop'); sendCommand({
break; 'command': 'pl_stop'
} })
return false; break;
}); case 'stream':
$('#buttonPlay').click(function(){ sendVLMCmd('control Current stop');
if($(this).attr('state')=='stopped'){ break;
switch(current_que){ }
case 'main': return false;
var id = $('.jstree-clicked','#libraryTree').length>0 ? $('.jstree-clicked','#libraryTree').first().parents().first().attr('id').substr(5) : current_id; });
sendCommand({'command':'pl_play','id':id}); $('#buttonPlay').click(function () {
break; if ($(this).attr('state') == 'stopped') {
case 'stream': switch (current_que) {
sendVLMCmd('control Current play'); case 'main':
flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf"); var id = $('.jstree-clicked', '#libraryTree').length > 0 ? $('.jstree-clicked', '#libraryTree').first().parents().first().attr('id').substr(5) : current_id;
break; sendCommand({
} 'command': 'pl_play',
}else{ 'id': id
switch(current_que){ });
case 'main': break;
sendCommand({'command':'pl_pause'}); case 'stream':
break; sendVLMCmd('control Current play');
case 'stream': flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf");
sendVLMCmd('control Current pause'); break;
break; }
} } else {
} switch (current_que) {
return false; case 'main':
}); sendCommand({
$('#buttonFull').click(function(){ 'command': 'pl_pause'
sendCommand({'command':'fullscreen'}); });
return false; break;
}); case 'stream':
$('#stream_host').val(stream_server); sendVLMCmd('control Current pause');
break;
}
}
return false;
});
$('#buttonFull').click(function () {
sendCommand({
'command': 'fullscreen'
});
return false;
});
$('#stream_host').val(stream_server);
}) })
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment