1 /*****************************************************************************
2 * functions.js: VLC media player web interface
3 *****************************************************************************
4 * Copyright (C) 2005-2014 VLC authors and VideoLAN
5 * $Id: functions.js 21264 2007-08-19 17:48:28Z dionoea $
7 * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
9 * This program is free software; you can redistribute it and/or modify
10 * it under the terms of the GNU General Public License as published by
11 * the Free Software Foundation; either version 2 of the License, or
12 * (at your option) any later version.
14 * This program is distributed in the hope that it will be useful,
15 * but WITHOUT ANY WARRANTY; without even the implied warranty of
16 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17 * GNU General Public License for more details.
19 * You should have received a copy of the GNU General Public License
20 * along with this program; if not, write to the Free Software
21 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
22 *****************************************************************************/
24 /**********************************************************************
26 *********************************************************************/
32 /**********************************************************************
34 *********************************************************************/
36 var slider_mouse_down = 0;
39 var input_options = new Array();
41 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
42 function findPosX(obj)
47 while (obj.offsetParent)
49 curleft += obj.offsetLeft
50 obj = obj.offsetParent;
58 function slider_seek( e, bar )
60 seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
62 function slider_down( e, point )
64 slider_mouse_down = 1;
65 slider_dx = e.clientX - findPosX( point );
67 function slider_up( e, bar )
69 slider_mouse_down = 0;
70 /* slider_seek( e, bar ); */
72 function slider_move( e, bar )
74 if( slider_mouse_down == 1 )
76 var slider_position = Math.floor( e.clientX - slider_dx + document.body.scrollLeft - findPosX( bar ));
77 document.getElementById( 'main_slider_point' ).style.left = slider_position+"px";
78 slider_seek( e, bar );
82 /**********************************************************************
84 *********************************************************************/
86 /* XMLHttpRequest wrapper */
87 function loadXMLDoc( url, callback )
89 // branch for native XMLHttpRequest object
90 if ( window.XMLHttpRequest )
92 req = new XMLHttpRequest();
93 req.onreadystatechange = callback;
94 req.open( "GET", url, true );
96 // branch for IE/Windows ActiveX version
98 else if ( window.ActiveXObject )
100 req = new ActiveXObject( "Microsoft.XMLHTTP" );
103 req.onreadystatechange = callback;
104 req.open( "GET", url, true );
110 /* fomat time in second as hh:mm:ss */
111 function format_time( s )
113 var hours = Math.floor(s/3600);
114 var minutes = Math.floor((s/60)%60);
115 var seconds = Math.floor(s%60);
116 if( hours < 10 ) hours = "0"+hours;
117 if( minutes < 10 ) minutes = "0"+minutes;
118 if( seconds < 10 ) seconds = "0"+seconds;
119 return hours+":"+minutes+":"+seconds;
122 /* delete all a tag's children and add a text child node */
123 function set_text( id, val )
125 var elt = document.getElementById( id );
126 while( elt.hasChildNodes() )
127 elt.removeChild( elt.firstChild );
128 elt.appendChild( document.createTextNode( val ) );
131 /* set item's 'element' attribute to value */
132 function set_css( item, element, value )
134 for( var j = 0; j < document.styleSheets.length; j++ )
136 var cssRules = document.styleSheets[j].cssRules;
137 if( !cssRules ) cssRules = document.styleSheets[j].rules;
138 for( var i = 0; i < cssRules.length; i++)
140 if( cssRules[i].selectorText == item )
142 if( cssRules[i].style.setProperty )
143 cssRules[i].style.setProperty( element, value, null );
145 cssRules[i].style.setAttribute( toCamelCase( element ), value );
152 /* get item's 'element' attribute */
153 function get_css( item, element )
155 for( var j = 0; j < document.styleSheets.length; j++ )
157 var cssRules = document.styleSheets[j].cssRules;
158 if( !cssRules ) cssRules = document.styleSheets[j].rules;
159 for( var i = 0; i < cssRules.length; i++)
161 if( cssRules[i].selectorText == item )
163 if( cssRules[i].style.getPropertyValue )
164 return cssRules[i].style.getPropertyValue( element );
166 return cssRules[i].style.getAttribute( toCamelCase( element ) );
172 function toggle_show( id )
174 var element = document.getElementById( id );
175 if( element.style.display == 'block' || element.style.display == '' )
177 element.style.display = 'none';
181 element.style.display = 'block';
184 function toggle_show_node( id )
186 var element = document.getElementById( 'pl_'+id );
187 var img = document.getElementById( 'pl_img_'+id );
188 if( element.style.display == 'block' || element.style.display == '' )
190 element.style.display = 'none';
191 img.setAttribute( 'src', '/old/images/plus.png' );
192 img.setAttribute( 'alt', '[+]' );
196 element.style.display = 'block';
197 img.setAttribute( 'src', '/old/images/minus.png' );
198 img.setAttribute( 'alt', '[-]' );
202 function show( id ){ document.getElementById( id ).style.display = 'block'; }
203 function showinline( id ){ document.getElementById( id ).style.display = 'inline'; }
205 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
207 function checked( id ){ return document.getElementById( id ).checked; }
209 function value( id ){ return document.getElementById( id ).value; }
211 function setclass( obj, value )
213 obj.setAttribute( 'class', value ); /* Firefox */
214 obj.setAttribute( 'className', value ); /* IE */
217 function radio_value( name )
219 var radio = document.getElementsByName( name );
220 for( var i = 0; i < radio.length; i++ )
222 if( radio[i].checked )
224 return radio[i].value;
230 function check_and_replace_int( id, val )
232 var objRegExp = /^\d+$/;
233 if( value( id ) != ''
234 && ( !objRegExp.test( value( id ) )
235 || parseInt( value( id ) ) < 1 ) )
236 return document.getElementById( id ).value = val;
237 return document.getElementById( id ).value;
240 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
241 function escapebackslashes( str ){ return str.replace(/\\/g, '\\\\'); }
243 function toCamelCase( str )
245 str = str.split( '-' );
247 for( var i=1; i<str.length; i++)
248 cml += str[i].charAt(0).toUpperCase()+str[i].substring(1);
252 function disable( id ){ document.getElementById( id ).disabled = true; }
254 function enable( id ){ document.getElementById( id ).disabled = false; }
256 function button_over( element ){ element.style.border = "1px solid #000"; }
258 function button_out( element ){ element.style.border = "1px solid #fff"; }
259 function button_out_menu( element ){ element.style.border = "1px solid transparent"; }
261 function show_menu( id ){ document.getElementById(id).style.display = 'block'; }
262 function hide_menu( id ){ document.getElementById(id).style.display = 'none'; }
264 /* toggle show help under the buttons */
265 function toggle_btn_text()
267 if( get_css( '.btn_text', 'display' ) == 'none' )
269 set_css( '.btn_text', 'display', 'block' );
273 set_css( '.btn_text', 'display', 'none' );
277 function clear_children( elt )
280 while( elt.hasChildNodes() )
281 elt.removeChild( elt.firstChild );
284 /**********************************************************************
286 *********************************************************************/
288 function in_playenqueue( cmd )
290 var input = value('input_mrl');
291 var url = 'requests/status.xml?command=in_'+cmd+'&input='+encodeURIComponent( addslashes(escapebackslashes(input)) );
292 for( i in input_options )
293 if( input_options[i] != ':option=value' )
294 url += '&option='+encodeURIComponent( addslashes(escapebackslashes(input_options[i]) ));
295 loadXMLDoc( url, parse_status );
296 setTimeout( 'update_playlist()', 1000 );
301 in_playenqueue( 'play' );
304 function in_enqueue()
306 in_playenqueue( 'enqueue' );
309 /* playlist actions */
310 function pl_play( id )
312 loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
314 setTimeout( 'update_playlist()', 1000 );
318 loadXMLDoc( 'requests/status.xml?command=pl_pause&id='+pl_cur_id, parse_status );
322 loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
323 setTimeout( 'update_playlist()', 1000 );
327 loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
328 setTimeout( 'update_playlist()', 1000 );
330 function pl_previous()
332 loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
333 setTimeout( 'update_playlist()', 1000 );
335 function pl_delete( id )
337 loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
338 setTimeout( 'update_playlist()', 1000 );
342 loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
343 setTimeout( 'update_playlist()', 1000 );
345 function pl_sort( sort, order )
347 loadXMLDoc( 'requests/status.xml?command=pl_sort&id='+order+'&val='+sort, parse_status );
348 setTimeout( 'update_playlist()', 1000 );
350 function pl_shuffle()
352 loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
353 setTimeout( 'update_playlist()', 1000 );
357 loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
361 loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
363 function pl_sd( value )
365 loadXMLDoc( 'requests/status.xml?command=pl_sd&val='+value, parse_status );
369 function volume_down()
371 loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
375 loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
377 function volume_mute()
379 loadXMLDoc( 'requests/status.xml?command=volume&val=0', parse_status );
383 loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
385 function fullscreen()
387 loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
391 loadXMLDoc( 'requests/status.xml?command=snapshot', parse_status );
393 function hotkey( str )
395 /* Use hotkey name (without the "key-" part) as the argument to simulate a hotkey press */
396 loadXMLDoc( 'requests/status.xml?command=key&val='+str, parse_status );
398 function update_status()
400 loadXMLDoc( 'requests/status.xml', parse_status );
402 function update_playlist()
404 loadXMLDoc( 'requests/playlist.xml', parse_playlist );
406 function update_playlist_search(key)
408 loadXMLDoc( 'requests/playlist.xml?search='+encodeURIComponent(key), parse_playlist )
410 function reset_search()
412 var search = document.getElementById('search')
415 search.value = '<search>'
416 update_playlist_search('')
419 function audiodelay_down()
421 var curdel = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'audiodelay' )[0].firstChild.data);
422 var curdelnew = curdel - 0.05;
423 curdelnew=curdelnew.toFixed(2);
424 loadXMLDoc( 'requests/status.xml?command=audiodelay&val='+encodeURIComponent(curdelnew), parse_status );
426 function audiodelay_up()
428 var curdel = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'audiodelay' )[0].firstChild.data);
429 var curdelnew = curdel + 0.05;
430 curdelnew=curdelnew.toFixed(2);
431 loadXMLDoc( 'requests/status.xml?command=audiodelay&val='+encodeURIComponent(curdelnew), parse_status );
433 function playrate_down()
435 var currate = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'rate' )[0].firstChild.data);
436 var curratenew = currate - 0.05;
437 curratenew=curratenew.toFixed(2);
438 loadXMLDoc( 'requests/status.xml?command=rate&val='+encodeURIComponent(curratenew), parse_status );
440 function playrate_up()
442 var currate = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'rate' )[0].firstChild.data);
443 var curratenew = currate + 0.05;
444 curratenew=curratenew.toFixed(2);
445 loadXMLDoc( 'requests/status.xml?command=rate&val='+encodeURIComponent(curratenew), parse_status );
447 function subdel_down()
449 var curdel = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'subtitledelay' )[0].firstChild.data);
450 var curdelnew = curdel - 0.05;
451 curdelnew=curdelnew.toFixed(2);
452 loadXMLDoc( 'requests/status.xml?command=subdelay&val='+encodeURIComponent(curdelnew), parse_status );
456 var curdel = parseFloat(req.responseXML.documentElement.getElementsByTagName( 'subtitledelay' )[0].firstChild.data);
457 var curdelnew = curdel + 0.05;
458 curdelnew=curdelnew.toFixed(2);
459 loadXMLDoc( 'requests/status.xml?command=subdelay&val='+encodeURIComponent(curdelnew), parse_status );
462 /**********************************************************************
463 * Parse xml replies to XMLHttpRequests
464 *********************************************************************/
465 /* parse request/status.xml */
466 function parse_status()
468 if( req.readyState == 4 )
470 if( req.status == 200 )
472 var status = req.responseXML.documentElement;
473 var timetag = status.getElementsByTagName( 'time' );
474 if( timetag.length > 0 )
476 var new_time = timetag[0].firstChild.data;
482 var lengthtag = status.getElementsByTagName( 'length' );
484 if( lengthtag.length > 0 )
486 length = lengthtag[0].firstChild.data;
493 positiontag = status.getElementsByTagName( 'position' );
494 if( length < 100 && positiontag.length > 0 )
496 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
498 else if( length > 0 )
500 /* this is more precise if length > 100 */
501 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
507 if( old_time > new_time )
508 setTimeout('update_playlist()',50);
510 set_text( 'time', format_time( new_time ) );
511 set_text( 'length', format_time( length ) );
512 var audio_delay = (parseFloat(req.responseXML.documentElement.getElementsByTagName( 'audiodelay' )[0].firstChild.data).toFixed(2))*1000;
513 set_text( 'a_del', audio_delay );
514 var play_rate = (parseFloat(req.responseXML.documentElement.getElementsByTagName( 'rate' )[0].firstChild.data).toFixed(2));
515 set_text( 'p_rate', play_rate );
516 var subs_delay = (parseFloat(req.responseXML.documentElement.getElementsByTagName( 'subtitledelay' )[0].firstChild.data).toFixed(2))*1000;
517 set_text( 's_del', subs_delay );
518 if( status.getElementsByTagName( 'volume' ).length != 0 )
519 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
520 var statetag = status.getElementsByTagName( 'state' );
521 if( statetag.length > 0 )
523 set_text( 'state', statetag[0].firstChild.data );
527 set_text( 'state', '(?)' );
529 if( slider_mouse_down == 0 )
531 document.getElementById( 'main_slider_point' ).style.left = slider_position;
533 var statustag = status.getElementsByTagName( 'state' );
534 if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
536 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', '/old/images/pause.png' );
537 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
538 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
542 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', '/old/images/play.png' );
543 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
544 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
547 var randomtag = status.getElementsByTagName( 'random' );
548 if( randomtag.length > 0 ? randomtag[0].firstChild.data == "1" : 0)
549 setclass( document.getElementById( 'btn_shuffle'), 'on' );
551 setclass( document.getElementById( 'btn_shuffle'), 'off' );
553 var looptag = status.getElementsByTagName( 'loop' );
554 if( looptag.length > 0 ? looptag[0].firstChild.data == "1" : 0)
555 setclass( document.getElementById( 'btn_loop'), 'on' );
557 setclass( document.getElementById( 'btn_loop'), 'off' );
559 var repeattag = status.getElementsByTagName( 'repeat' );
560 if( repeattag.length > 0 ? repeattag[0].firstChild.data == "1" : 0 )
561 setclass( document.getElementById( 'btn_repeat'), 'on' );
563 setclass( document.getElementById( 'btn_repeat'), 'off' );
565 var tree = document.createElement( "ul" );
566 var categories = status.getElementsByTagName( 'category' );
568 for( i = 0; i < categories.length; i++ )
570 var item = document.createElement( "li" );
571 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
572 var subtree = document.createElement( "dl" );
573 var infos = categories[i].getElementsByTagName( 'info' );
575 for( j = 0; j < infos.length; j++ )
577 var subitem = document.createElement( "dt" );
578 subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
579 subtree.appendChild( subitem );
580 if( infos[j].hasChildNodes() )
582 var subitem = document.createElement( "dd" );
583 subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
584 subtree.appendChild( subitem );
587 item.appendChild( subtree );
588 tree.appendChild( item );
590 var infotree = document.getElementById('infotree' );
591 clear_children( infotree );
592 infotree.appendChild( tree );
597 /*alert( 'Error! HTTP server replied: ' + req.status );*/
602 /* parse playlist.xml */
603 function parse_playlist()
605 if( req.readyState == 4 )
607 if( req.status == 200 )
609 var answer = req.responseXML.documentElement;
610 var playtree = document.getElementById( 'playtree' );
611 var pos = document.createElement( "div" );
613 var elt = answer.firstChild;
615 pl_cur_id = 0; /* changed to the current id is there actually
619 if( elt.nodeName == "node" )
621 if( pos.hasChildNodes() )
622 pos.appendChild( document.createElement( "br" ) );
623 var nda = document.createElement( 'a' );
624 nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
625 var ndai = document.createElement( 'img' );
626 ndai.setAttribute( 'src', '/old/images/minus.png' );
627 ndai.setAttribute( 'alt', '[-]' );
628 ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
629 nda.appendChild( ndai );
630 pos.appendChild( nda );
631 pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
633 if( elt.getAttribute( 'ro' ) == 'rw' )
635 pos.appendChild( document.createTextNode( ' ' ) );
636 var del = document.createElement( "a" );
637 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
638 var delimg = document.createElement( "img" );
639 delimg.setAttribute( 'src', '/old/images/delete_small.png' );
640 delimg.setAttribute( 'alt', '(delete)' );
641 del.appendChild( delimg );
642 pos.appendChild( del );
645 var nd = document.createElement( "div" );
646 setclass( nd, 'pl_node' );
647 nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
648 pos.appendChild( nd );
650 else if( elt.nodeName == "leaf" )
652 if( pos.hasChildNodes() )
653 pos.appendChild( document.createElement( "br" ) );
654 var pl = document.createElement( "a" );
655 setclass( pl, 'pl_leaf' );
656 pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
657 pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
658 if( elt.getAttribute( 'current' ) == 'current' )
660 pl.style.fontWeight = 'bold';
661 var nowplaying = document.getElementById( 'nowplaying' );
662 clear_children( nowplaying );
663 nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
664 pl.appendChild( document.createTextNode( '* '));
665 pl_cur_id = elt.getAttribute( 'id' );
667 pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
668 pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
669 var duration = elt.getAttribute( 'duration' );
671 pl.appendChild( document.createTextNode( " (" + format_time( elt.getAttribute( 'duration' ) ) + ")" ) );
672 pos.appendChild( pl );
674 if( elt.getAttribute( 'ro' ) == 'rw' )
676 pos.appendChild( document.createTextNode( ' ' ) );
677 var del = document.createElement( "a" );
678 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
679 var delimg = document.createElement( "img" );
680 delimg.setAttribute( 'src', '/old/images/delete_small.png' );
681 delimg.setAttribute( 'alt', '(delete)' );
682 del.appendChild( delimg );
683 pos.appendChild( del );
688 elt = elt.firstChild;
691 else if( elt.nextSibling )
693 elt = elt.nextSibling;
698 while( ! elt.parentNode.nextSibling )
700 elt = elt.parentNode;
701 if( ! elt.parentNode ) break;
702 pos = pos.parentNode;
704 if( ! elt.parentNode ) break;
705 elt = elt.parentNode.nextSibling;
706 pos = pos.parentNode;
709 clear_children( playtree );
710 playtree.appendChild( pos_top );
714 /*alert( 'Error! HTTP server replied: ' + req.status );*/
719 /* parse browse.xml */
720 function parse_browse_dir( )
722 if( req.readyState == 4 )
724 if( req.status == 200 )
726 var answer = req.responseXML.documentElement;
727 if( !answer ) return;
728 var browser = document.getElementById( 'browser' );
729 var pos = document.createElement( "div" );
730 var elt = answer.firstChild;
733 if( elt.nodeName == "element" )
735 var item = document.createElement( "a" );
736 setclass( item, 'browser' );
737 if( elt.getAttribute( 'type' ) == 'dir' )
739 item.setAttribute( 'href', 'javascript:browse_dir(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');');
743 item.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');' );
745 item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
746 pos.appendChild( item );
747 if( elt.getAttribute( 'type' ) == 'dir' )
749 pos.appendChild( document.createTextNode( ' ' ) );
750 var item = document.createElement( "a" );
751 setclass( item, 'browser' );
752 item.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');');
753 item.appendChild( document.createTextNode( '(select)' ) );
754 pos.appendChild( item );
756 pos.appendChild( document.createElement( "br" ) );
758 elt = elt.nextSibling;
760 clear_children( browser );
761 browser.appendChild( pos );
765 /*alert( 'Error! HTTP server replied: ' + req.status );*/
770 /**********************************************************************
771 * Input dialog functions
772 *********************************************************************/
773 function hide_input( )
775 document.getElementById( 'input_file' ).style.display = 'none';
776 document.getElementById( 'input_disc' ).style.display = 'none';
777 document.getElementById( 'input_network' ).style.display = 'none';
778 document.getElementById( 'input_fake' ).style.display = 'none';
781 /* update the input MRL using data from the input file helper */
782 /* FIXME ... subs support */
783 function update_input_file()
785 var mrl = document.getElementById( 'input_mrl' );
787 mrl.value = value( 'input_file_filename' );
790 /* update the input MRL using data from the input disc helper */
791 function update_input_disc()
793 var mrl = document.getElementById( 'input_mrl' );
794 var type = radio_value( "input_disc_type" );
795 var device = value( "input_disc_dev" );
797 var title = check_and_replace_int( 'input_disc_title', 0 );
798 var chapter = check_and_replace_int( 'input_disc_chapter', 0 );
799 var subs = check_and_replace_int( 'input_disc_subtrack', '' );
800 var audio = check_and_replace_int( 'input_disc_audiotrack', 0 );
806 mrl.value += "dvd://";
808 else if( type == "dvdsimple" )
810 mrl.value += "dvdsimple://";
812 else if( type == "vcd" )
814 mrl.value += "vcd://";
816 else if( type == "cdda" )
818 mrl.value += "cdda://";
825 mrl.value += "@"+title;
826 if( chapter && type != "cdda" )
827 mrl.value += ":"+chapter;
830 remove_input_options( ':sub-track' );
831 remove_input_options( ':audio-track' );
836 add_input_option( ":sub-track="+subs );
838 add_input_option( ":audio-track="+audio );
843 /* update the input MRL using data from the input network helper */
844 function update_input_net()
846 var mrl = document.getElementById( 'input_mrl' );
847 var type = radio_value( "input_net_type" );
849 check_and_replace_int( 'input_net_udp_port', 1234 );
850 check_and_replace_int( 'input_net_udpmcast_port', 1234 );
856 mrl.value += "udp://";
857 if( value( 'input_net_udp_port' ) )
858 mrl.value += ":"+value( 'input_net_udp_port' );
860 else if( type == "udpmcast" )
862 mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
863 if( value( 'input_net_udpmcast_port' ) )
864 mrl.value += ":"+value( 'input_net_udpmcast_port' );
866 else if( type == "http" )
868 var url = value( 'input_net_http_url' );
869 if( url.substring(0,7) != "http://"
870 && url.substring(0,8) != "https://"
871 && url.substring(0,6) != "ftp://"
872 && url.substring(0,6) != "mms://"
873 && url.substring(0,7) != "mmsh://" )
874 mrl.value += "http://";
877 else if( type == "rtsp" )
879 var url = value( 'input_net_rtsp_url' );
880 if( url.substring(0,7) != "rtsp://" )
881 mrl.value += "rtsp://";
885 remove_input_options( ':access-filter' );
886 if( checked( "input_net_timeshift" ) )
887 add_input_option( ":access-filter=timeshift" );
890 /* update the input MRL using data from the input fake helper */
891 function update_input_fake()
893 remove_input_options( ":fake" );
894 var mrl = document.getElementById( 'input_mrl' );
896 mrl.value = "fake://";
898 add_input_option( ":fake-file=" + value( "input_fake_filename" ) );
900 if( value( "input_fake_width" ) )
901 add_input_option( ":fake-width=" + value( "input_fake_width" ) );
902 if( value( "input_fake_height" ) )
903 add_input_option( ":fake-height=" + value( "input_fake_height" ) );
904 if( value( "input_fake_ar" ) )
905 add_input_option( ":fake-ar=" + value( "input_fake_ar" ) );
908 /**********************************************************************
909 * Sout dialog functions
910 *********************************************************************/
911 /* toggle show the full sout interface */
912 function toggle_show_sout_helper()
914 var element = document.getElementById( "sout_helper" );
915 if( element.style.display == 'block' )
917 element.style.display = 'none';
918 document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
922 element.style.display = 'block';
923 document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
927 /* update the sout MRL using data from the sout_helper */
928 function update_sout()
931 /* Remove all options starting with :sout since we're going to write them
933 remove_input_options( ":sout" );
935 check_and_replace_int( 'sout_http_port', 8080 );
936 check_and_replace_int( 'sout_mmsh_port', 8080 );
937 check_and_replace_int( 'sout_rtp_port', 1234 );
938 check_and_replace_int( 'sout_udp_port', 1234 );
939 check_and_replace_int( 'sout_ttl', 1 );
941 if( checked( 'sout_soverlay' ) )
943 disable( 'sout_scodec' );
944 disable( 'sout_sub' );
948 enable( 'sout_scodec' );
949 enable( 'sout_sub' );
952 var transcode = checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
953 || checked( 'sout_sub' ) || checked( 'sout_soverlay' );
957 option = ":sout=#transcode{";
958 var alot = false; /* alot == at least one transcode */
959 if( checked( 'sout_vcodec_s' ) )
961 option += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
964 if( checked( 'sout_acodec_s' ) )
966 if( alot ) option += ",";
967 option += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
968 if( value( 'sout_channels' ) )
969 option += ",channels="+value( 'sout_channels' );
972 if( checked( 'sout_soverlay' ) )
974 if( alot ) option += ",";
975 option += "soverlay";
978 else if( checked( 'sout_sub' ) )
980 if( alot ) option += ",";
981 option += "scodec="+value( 'sout_scodec' );
984 option += value( 'sout_transcode_extra' );
990 var output = checked( 'sout_display' ) + checked( 'sout_file' )
991 + checked( 'sout_http' ) + checked( 'sout_mmsh' )
992 + checked( 'sout_rtp' ) + checked( 'sout_udp' );
1000 var aloo = false; /* aloo == at least one output */
1001 var mux = radio_value( 'sout_mux' );
1002 var ttl = parseInt( value( 'sout_ttl' ) );
1003 if( output > 1 ) option += "duplicate{";
1004 if( checked( 'sout_display' ) )
1006 if( output > 1 ) option += "dst="
1007 option += "display";
1010 if( checked( 'sout_file' ) )
1012 if( aloo ) option += ",";
1013 if( output > 1 ) option += "dst="
1014 option += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
1017 if( checked( 'sout_http' ) )
1019 if( aloo ) option += ",";
1020 if( output > 1 ) option += "dst="
1021 option += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
1022 if( value( 'sout_http_port' ) )
1023 option += ":"+value( 'sout_http_port' );
1027 if( checked( 'sout_mmsh' ) )
1029 if( aloo ) option += ",";
1030 if( output > 1 ) option += "dst="
1031 option += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
1032 if( value( 'sout_mmsh_port' ) )
1033 option += ":"+value( 'sout_mmsh_port' );
1037 if( checked( 'sout_rtp' ) )
1039 if( aloo ) option += ",";
1040 if( output > 1 ) option += "dst="
1041 option += "std{access=rtp";
1042 if( ttl ) option += "{ttl="+ttl+"}";
1043 option += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
1044 if( value( 'sout_rtp_port' ) )
1045 option += ":"+value( 'sout_rtp_port' );
1046 if( checked( 'sout_sap' ) )
1049 if( value( 'sout_sap_group' ) != '' )
1051 option += ",group=\""+value( 'sout_sap_group' )+"\"";
1053 option += ",name=\""+value( 'sout_sap_name' )+"\"";
1058 if( checked( 'sout_udp' ) )
1060 if( aloo ) option += ",";
1061 if( output > 1 ) option += "dst="
1062 option += "std{access=udp";
1063 if( ttl ) option += "{ttl="+ttl+"}";
1064 option += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
1065 if( value('sout_udp_port' ) )
1066 option += ":"+value( 'sout_udp_port' );
1067 if( checked( 'sout_sap' ) )
1070 if( value( 'sout_sap_group' ) != '' )
1072 option += ",group=\""+value( 'sout_sap_group' )+"\"";
1074 option += ",name=\""+value( 'sout_sap_name' )+"\"";
1079 if( output > 1 ) option += "}";
1083 input_options.push( option );
1085 if( ( transcode || output ) && checked( 'sout_all' ) )
1086 input_options.push( ":sout-all" );
1088 var mrl = document.getElementById( 'sout_mrl' );
1091 refresh_input_options_list();
1094 /* reset sout mrl value */
1095 function reset_sout()
1097 document.getElementById('sout_mrl').value = value('sout_old_mrl');
1100 /* save sout mrl value */
1101 function save_sout()
1103 document.getElementById('sout_old_mrl').value = value('sout_mrl');
1106 function refresh_input_options_list()
1108 var iol = document.getElementById( 'input_options_list' );
1109 clear_children( iol );
1110 input_options.sort();
1111 for( i in input_options )
1113 var o = document.createElement( 'div' );
1114 var ot = document.createElement( 'input' );
1115 ot.setAttribute( 'type', 'text' );
1116 ot.setAttribute( 'size', '60' );
1117 ot.setAttribute( 'value', input_options[i] );
1118 ot.setAttribute( 'id', 'input_option_item_'+i );
1119 ot.setAttribute( 'onchange', 'javascript:save_input_option('+i+',this.value);' );
1120 ot.setAttribute( 'onfocus', 'if( this.value == ":option=value" ) this.value = ":";' );
1121 ot.setAttribute( 'onblur', 'if( this.value == ":" ) this.value = ":option=value";' );
1122 o.appendChild( ot );
1123 var od = document.createElement( 'a' );
1124 od.setAttribute( 'href', 'javascript:delete_input_option('+i+');' );
1125 var delimg = document.createElement( "img" );
1126 delimg.setAttribute( 'src', '/old/images/delete_small.png' );
1127 delimg.setAttribute( 'alt', '(delete)' );
1128 od.appendChild( delimg );
1129 o.appendChild( od );
1130 iol.appendChild( o );
1134 function delete_input_option( i )
1136 input_options.splice(i,1);
1137 refresh_input_options_list();
1140 function save_input_option( i, value )
1142 input_options[i] = value;
1143 refresh_input_options_list();
1146 function add_input_option( value )
1148 input_options.push( value );
1149 refresh_input_options_list();
1152 function remove_input_options( prefix )
1154 for( i in input_options )
1155 if( input_options[i].substring( 0, prefix.length ) == prefix )
1157 delete input_options[i];
1163 /**********************************************************************
1164 * Browser dialog functions
1165 *********************************************************************/
1166 /* only browse() should be called directly */
1167 function browse( dest )
1169 document.getElementById( 'browse_dest' ).value = dest;
1170 document.getElementById( 'browse_lastdir' ).value;
1171 browse_dir( document.getElementById( 'browse_lastdir' ).value );
1174 function browse_dir( dir )
1176 document.getElementById( 'browse_lastdir' ).value = dir;
1177 loadXMLDoc( 'requests/browse.xml?dir='+encodeURIComponent(dir), parse_browse_dir );
1179 function browse_path( p )
1181 document.getElementById( value( 'browse_dest' ) ).value = p;
1183 document.getElementById( value( 'browse_dest' ) ).focus();
1185 function refresh_albumart( force )
1187 if( albumart_id != pl_cur_id || force )
1189 var now = new Date();
1190 var albumart = document.getElementById( 'albumart' );
1191 albumart.src = '/art?timestamp=' + now.getTime();
1192 albumart_id = pl_cur_id;
1195 /**********************************************************************
1196 * Periodically update stuff in the interface
1197 *********************************************************************/
1198 function loop_refresh_status()
1200 setTimeout( 'loop_refresh_status()', 1000 );
1203 function loop_refresh_playlist()
1205 /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
1208 function loop_refresh_albumart()
1210 setTimeout( 'loop_refresh_albumart()', 1000 );
1211 refresh_albumart( false );
1213 function loop_refresh()
1215 setTimeout( 'loop_refresh_status()', 1 );
1216 setTimeout( 'loop_refresh_playlist()', 1 );
1217 setTimeout( 'loop_refresh_albumart()', 1 );