1 /*****************************************************************************
2 * functions.js: VLC media player web interface
3 *****************************************************************************
4 * Copyright (C) 2005-2006 the VideoLAN team
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., 59 Temple Place - Suite 330, Boston, MA 02111, USA.
22 *****************************************************************************/
24 /**********************************************************************
26 *********************************************************************/
31 /**********************************************************************
33 *********************************************************************/
35 var slider_mouse_down = 0;
38 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
39 function findPosX(obj)
44 while (obj.offsetParent)
46 curleft += obj.offsetLeft
47 obj = obj.offsetParent;
55 function slider_seek( e, bar )
57 seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
59 function slider_down( e, point )
61 slider_mouse_down = 1;
62 slider_dx = e.clientX - findPosX( point );
64 function slider_up( e, bar )
66 slider_mouse_down = 0;
67 /* slider_seek( e, bar ); */
69 function slider_move( e, bar )
71 if( slider_mouse_down == 1 )
73 var slider_position = Math.floor( e.clientX - slider_dx + document.body.scrollLeft - findPosX( bar ));
74 document.getElementById( 'main_slider_point' ).style.left = slider_position+"px";
75 slider_seek( e, bar );
79 /**********************************************************************
81 *********************************************************************/
83 /* XMLHttpRequest wrapper */
84 function loadXMLDoc( url, callback )
86 // branch for native XMLHttpRequest object
87 if ( window.XMLHttpRequest )
89 req = new XMLHttpRequest();
90 req.onreadystatechange = callback;
91 req.open( "GET", url, true );
93 // branch for IE/Windows ActiveX version
95 else if ( window.ActiveXObject )
97 req = new ActiveXObject( "Microsoft.XMLHTTP" );
100 req.onreadystatechange = callback;
101 req.open( "GET", url, true );
107 /* fomat time in second as hh:mm:ss */
108 function format_time( s )
110 var hours = Math.floor(s/3600);
111 var minutes = Math.floor((s/60)%60);
112 var seconds = Math.floor(s%60);
113 if( hours < 10 ) hours = "0"+hours;
114 if( minutes < 10 ) minutes = "0"+minutes;
115 if( seconds < 10 ) seconds = "0"+seconds;
116 return hours+":"+minutes+":"+seconds;
119 /* delete all a tag's children and add a text child node */
120 function set_text( id, val )
122 var elt = document.getElementById( id );
123 while( elt.hasChildNodes() )
124 elt.removeChild( elt.firstChild );
125 elt.appendChild( document.createTextNode( val ) );
128 /* set item's 'element' attribute to value */
129 function set_css( item, element, value )
131 for( var j = 0; j < document.styleSheets.length; j++ )
133 cssRules = document.styleSheets[j].cssRules;
134 for( var i = 0; i < cssRules.length; i++)
136 if( cssRules[i].selectorText == item )
138 cssRules[i].style.setProperty( element, value, null );
145 /* get item's 'element' attribute */
146 function get_css( item, element )
148 for( var j = 0; j < document.styleSheets.length; j++ )
150 cssRules = document.styleSheets[j].cssRules;
151 for( var i = 0; i < cssRules.length; i++)
153 if( cssRules[i].selectorText == item )
155 return cssRules[i].style.getPropertyValue( element );
161 function toggle_show( id )
163 var element = document.getElementById( id );
164 if( element.style.display == 'block' || element.style.display == '' )
166 element.style.display = 'none';
170 element.style.display = 'block';
173 function toggle_show_node( id )
175 var element = document.getElementById( 'pl_'+id );
176 var img = document.getElementById( 'pl_img_'+id );
177 if( element.style.display == 'block' || element.style.display == '' )
179 element.style.display = 'none';
180 img.setAttribute( 'src', 'images/plus.png' );
181 img.setAttribute( 'alt', '[+]' );
185 element.style.display = 'block';
186 img.setAttribute( 'src', 'images/minus.png' );
187 img.setAttribute( 'alt', '[-]' );
191 function show( id ){ document.getElementById( id ).style.display = 'block'; }
193 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
195 function checked( id ){ return document.getElementById( id ).checked; }
197 function value( id ){ return document.getElementById( id ).value; }
199 function radio_value( name )
201 var radio = document.getElementsByName( name );
202 for( var i = 0; i < radio.length; i++ )
204 if( radio[i].checked )
206 return radio[i].value;
212 function check_and_replace_int( id, val )
214 var objRegExp = /^\d\d*$/;
215 if( value( id ) != ''
216 && ( !objRegExp.test( value( id ) )
217 || parseInt( value( id ) ) < 1 ) )
218 document.getElementById( id ).value = val;
221 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
222 function escapebackslashes( str ){ return str.replace(/\\[^']/g, '\\\\'); }
224 function disable( id ){ document.getElementById( id ).disabled = true; }
226 function enable( id ){ document.getElementById( id ).disabled = false; }
228 function button_over( element ){ element.style.border = "1px solid #000"; }
230 function button_out( element ){ element.style.border = "1px solid #fff"; }
232 /* toggle show help under the buttons */
233 function toggle_btn_text()
235 if( get_css( '.btn_text', 'display' ) == 'none' )
237 set_css( '.btn_text', 'display', 'block' );
241 set_css( '.btn_text', 'display', 'none' );
245 function clear_children( elt )
248 while( elt.hasChildNodes() )
249 elt.removeChild( elt.firstChild );
252 /**********************************************************************
254 *********************************************************************/
258 var input = value('input_mrl');
259 if( value('sout_mrl') != '' )
260 input += ' '+value('sout_mrl');
261 var url = 'requests/status.xml?command=in_play&input='+escape( input );
262 loadXMLDoc( url, parse_status );
263 setTimeout( 'update_playlist()', 1000 );
265 function in_enqueue()
267 var input = value('input_mrl');
268 if( value('sout_mrl') != '' )
269 input += ' '+value('sout_mrl');
270 var url = 'requests/status.xml?command=in_enqueue&input='+escape( input );
271 loadXMLDoc( url, parse_status );
272 setTimeout( 'update_playlist()', 1000 );
275 /* playlist actions */
276 function pl_play( id )
278 loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
280 setTimeout( 'update_playlist()', 1000 );
284 loadXMLDoc( 'requests/status.xml?command=pl_pause&id='+pl_cur_id, parse_status );
288 loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
289 setTimeout( 'update_playlist()', 1000 );
293 loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
294 setTimeout( 'update_playlist()', 1000 );
296 function pl_previous()
298 loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
299 setTimeout( 'update_playlist()', 1000 );
301 function pl_delete( id )
303 loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
304 setTimeout( 'update_playlist()', 1000 );
308 loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
309 setTimeout( 'update_playlist()', 1000 );
314 loadXMLDoc( 'requests/status.xml?command=pl_sort', parse_status );
315 setTimeout( 'update_playlist()', 1000 );
317 function pl_shuffle()
319 loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
320 setTimeout( 'update_playlist()', 1000 );
324 loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
328 loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
332 function volume_down()
334 loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
338 loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
342 loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
344 function fullscreen()
346 loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
348 function update_status()
350 loadXMLDoc( 'requests/status.xml', parse_status );
352 function update_playlist()
354 loadXMLDoc( 'requests/playlist.xml', parse_playlist );
357 /**********************************************************************
358 * Parse xml replies to XMLHttpRequests
359 *********************************************************************/
360 /* parse request/status.xml */
361 function parse_status()
363 if( req.readyState == 4 )
365 if( req.status == 200 )
367 var status = req.responseXML.documentElement;
368 var timetag = status.getElementsByTagName( 'time' );
369 if( timetag.length > 0 )
371 var new_time = timetag[0].firstChild.data;
377 var lengthtag = status.getElementsByTagName( 'length' );
379 if( lengthtag.length > 0 )
381 length = lengthtag[0].firstChild.data;
388 positiontag = status.getElementsByTagName( 'position' );
389 if( length < 100 && positiontag.length > 0 )
391 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
393 else if( length > 0 )
395 /* this is more precise if length > 100 */
396 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
402 if( old_time > new_time )
403 setTimeout('update_playlist()',50);
405 set_text( 'time', format_time( new_time ) );
406 set_text( 'length', format_time( length ) );
407 if( status.getElementsByTagName( 'volume' ).length != 0 )
408 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
409 var statetag = status.getElementsByTagName( 'state' );
410 if( statetag.length > 0 )
412 set_text( 'state', statetag[0].firstChild.data );
416 set_text( 'state', '(?)' );
418 if( slider_mouse_down == 0 )
420 document.getElementById( 'main_slider_point' ).style.left = slider_position;
422 var statustag = status.getElementsByTagName( 'state' );
423 if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
425 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
426 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
427 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
431 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
432 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
433 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
436 var tree = document.createElement( "ul" );
437 var categories = status.getElementsByTagName( 'category' );
439 for( i = 0; i < categories.length; i++ )
441 var item = document.createElement( "li" );
442 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
443 var subtree = document.createElement( "dl" );
444 var infos = categories[i].getElementsByTagName( 'info' );
446 for( j = 0; j < infos.length; j++ )
448 var subitem = document.createElement( "dt" );
449 subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
450 subtree.appendChild( subitem );
451 if( infos[j].hasChildNodes() )
453 var subitem = document.createElement( "dd" );
454 subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
455 subtree.appendChild( subitem );
458 item.appendChild( subtree );
459 tree.appendChild( item );
461 var infotree = document.getElementById('infotree' );
462 clear_children( infotree );
463 infotree.appendChild( tree );
468 /*alert( 'Error! HTTP server replied: ' + req.status );*/
473 /* parse playlist.xml */
474 function parse_playlist()
476 if( req.readyState == 4 )
478 if( req.status == 200 )
480 var answer = req.responseXML.documentElement;
481 var playtree = document.getElementById( 'playtree' );
482 var pos = document.createElement( "div" );
484 var elt = answer.firstChild;
486 pl_cur_id = 0; /* changed to the current id is there actually
490 if( elt.nodeName == "node" )
492 if( pos.hasChildNodes() )
493 pos.appendChild( document.createElement( "br" ) );
494 var nda = document.createElement( 'a' );
495 nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
496 var ndai = document.createElement( 'img' );
497 ndai.setAttribute( 'src', 'images/minus.png' );
498 ndai.setAttribute( 'alt', '[-]' );
499 ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
500 nda.appendChild( ndai );
501 pos.appendChild( nda );
502 pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
503 var nd = document.createElement( "div" );
504 nd.setAttribute( 'class', 'pl_node' );
505 nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
506 pos.appendChild( nd );
508 else if( elt.nodeName == "leaf" )
510 if( pos.hasChildNodes() )
511 pos.appendChild( document.createElement( "br" ) );
512 var pl = document.createElement( "a" );
513 pl.setAttribute( 'class', 'pl_leaf' );
514 pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
515 pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
516 if( elt.getAttribute( 'current' ) == 'current' )
518 pl.setAttribute( 'style', 'font-weight: bold;' );
519 var nowplaying = document.getElementById( 'nowplaying' );
520 clear_children( nowplaying );
521 nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
522 pl.appendChild( document.createTextNode( '* '));
523 pl_cur_id = elt.getAttribute( 'id' );
525 pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
526 pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
527 pos.appendChild( pl );
528 pos.appendChild( document.createTextNode( ' ' ) );
530 var del = document.createElement( "a" );
531 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
532 var delimg = document.createElement( "img" );
533 delimg.setAttribute( 'src', 'images/delete_small.png' );
534 delimg.setAttribute( 'alt', '(delete)' );
535 del.appendChild( delimg );
536 pos.appendChild( del );
540 elt = elt.firstChild;
543 else if( elt.nextSibling )
545 elt = elt.nextSibling;
550 while( ! elt.parentNode.nextSibling )
552 elt = elt.parentNode;
553 if( ! elt.parentNode ) break;
555 if( ! elt.parentNode ) break;
556 elt = elt.parentNode.nextSibling;
557 pos = pos.parentNode;
560 clear_children( playtree );
561 playtree.appendChild( pos_top );
565 /*alert( 'Error! HTTP server replied: ' + req.status );*/
570 /* parse browse.xml */
571 function parse_browse_dir( )
573 if( req.readyState == 4 )
575 if( req.status == 200 )
577 var answer = req.responseXML.documentElement;
578 if( !answer ) return;
579 var browser = document.getElementById( 'browser' );
580 var pos = document.createElement( "div" );
581 var elt = answer.firstChild;
584 if( elt.nodeName == "element" )
586 var item = document.createElement( "a" );
587 item.setAttribute( 'class', 'browser' );
588 if( elt.getAttribute( 'type' ) == 'directory' )
590 item.setAttribute( 'href', 'javascript:browse_dir(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
594 item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');' );
596 item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
597 pos.appendChild( item );
598 if( elt.getAttribute( 'type' ) == 'directory' )
600 pos.appendChild( document.createTextNode( ' ' ) );
601 var item = document.createElement( "a" );
602 item.setAttribute( 'class', 'browser' );
603 item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
604 item.appendChild( document.createTextNode( '(select)' ) );
605 pos.appendChild( item );
607 pos.appendChild( document.createElement( "br" ) );
609 elt = elt.nextSibling;
611 clear_children( browser );
612 browser.appendChild( pos );
616 /*alert( 'Error! HTTP server replied: ' + req.status );*/
621 /**********************************************************************
622 * Input dialog functions
623 *********************************************************************/
624 function hide_input( )
626 document.getElementById( 'input_file' ).style.display = 'none';
627 document.getElementById( 'input_disc' ).style.display = 'none';
628 document.getElementById( 'input_network' ).style.display = 'none';
631 /* update the input MRL using data from the input file helper */
632 /* FIXME ... subs support */
633 function update_input_file()
635 var mrl = document.getElementById( 'input_mrl' );
637 mrl.value = value( 'input_file_filename' );
640 /* update the input MRL using data from the input disc helper */
641 function update_input_disc()
643 var mrl = document.getElementById( 'input_mrl' );
644 var type = radio_value( "input_disc_type" );
645 var device = value( "input_disc_dev" );
647 check_and_replace_int( 'input_disc_title', 0 );
648 check_and_replace_int( 'input_disc_chapter', 0 );
649 check_and_replace_int( 'input_disc_subtrack', '' );
650 check_and_replace_int( 'input_disc_audiotrack', 0 );
652 var title = value( 'input_disc_title' );
653 var chapter = value( 'input_disc_chapter' );
654 var subs = value( 'input_disc_subtrack' );
655 var audio = value( 'input_disc_audiotrack' );
661 mrl.value += "dvd://";
663 else if( type == "dvdsimple" )
665 mrl.value += "dvdsimple://";
667 else if( type == "vcd" )
669 mrl.value += "vcd://";
671 else if( type == "cdda" )
673 mrl.value += "cdda://";
680 mrl.value += "@"+title;
681 if( chapter && type != "cdda" )
682 mrl.value += ":"+chapter;
688 mrl.value += " :sub-track="+subs;
690 mrl.value += " :audio-track="+audio;
695 /* update the input MRL using data from the input network helper */
696 function update_input_net()
698 var mrl = document.getElementById( 'input_mrl' );
699 var type = radio_value( "input_net_type" );
701 check_and_replace_int( 'input_net_udp_port', 1234 );
702 check_and_replace_int( 'input_net_udpmcast_port', 1234 );
708 mrl.value += "udp://";
709 if( checked( 'input_net_udp_forceipv6' ) )
711 if( value( 'input_net_udp_port' ) )
712 mrl.value += ":"+value( 'input_net_udp_port' );
714 else if( type == "udpmcast" )
716 mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
717 if( value( 'input_net_udpmcast_port' ) )
718 mrl.value += ":"+value( 'input_net_udpmcast_port' );
720 else if( type == "http" )
722 var url = value( 'input_net_http_url' );
723 if( url.substring(0,7) != "http://"
724 && url.substring(0,8) != "https://"
725 && url.substring(0,6) != "ftp://"
726 && url.substring(0,6) != "mms://"
727 && url.substring(0,7) != "mmsh://" )
728 mrl.value += "http://";
731 else if( type == "rtsp" )
733 var url = value( 'input_net_rtsp_url' );
734 if( url.substring(0,7) != "rtsp://" )
735 mrl.value += "rtsp://";
739 if( checked( "input_net_timeshift" ) )
740 mrl.value += " :access-filter=timeshift";
743 /**********************************************************************
744 * Sout dialog functions
745 *********************************************************************/
746 /* toggle show the full sout interface */
747 function toggle_show_sout_helper()
749 var element = document.getElementById( "sout_helper" );
750 if( element.style.display == 'block' )
752 element.style.display = 'none';
753 document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
757 element.style.display = 'block';
758 document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
762 /* update the sout MRL using data from the sout_helper */
763 function update_sout()
765 var mrl = document.getElementById( 'sout_mrl' );
768 check_and_replace_int( 'sout_http_port', 8080 );
769 check_and_replace_int( 'sout_mmsh_port', 8080 );
770 check_and_replace_int( 'sout_rtp_port', 1234 );
771 check_and_replace_int( 'sout_udp_port', 1234 );
772 check_and_replace_int( 'sout_ttl', 1 );
774 if( checked( 'sout_soverlay' ) )
776 disable( 'sout_scodec' );
777 disable( 'sout_sub' );
781 enable( 'sout_scodec' );
782 enable( 'sout_sub' );
785 var transcode = checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
786 || checked( 'sout_sub' ) || checked( 'sout_soverlay' );
790 mrl.value += ":sout=#transcode{";
791 var alot = false; /* alot == at least one transcode */
792 if( checked( 'sout_vcodec_s' ) )
794 mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
797 if( checked( 'sout_acodec_s' ) )
799 if( alot ) mrl.value += ",";
800 mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
801 if( value( 'sout_channels' ) )
802 mrl.value += ",channels="+value( 'sout_channels' );
805 if( checked( 'sout_soverlay' ) )
807 if( alot ) mrl.value += ",";
808 mrl.value += "soverlay";
811 else if( checked( 'sout_sub' ) )
813 if( alot ) mrl.value += ",";
814 mrl.value += "scodec="+value( 'sout_scodec' );
820 var output = checked( 'sout_display' ) + checked( 'sout_file' )
821 + checked( 'sout_http' ) + checked( 'sout_mmsh' )
822 + checked( 'sout_rtp' ) + checked( 'sout_udp' );
829 mrl.value += ":sout=#";
830 var aloo = false; /* aloo == at least one output */
831 var mux = radio_value( 'sout_mux' );
832 var ttl = parseInt( value( 'sout_ttl' ) );
833 if( output > 1 ) mrl.value += "duplicate{";
834 if( checked( 'sout_display' ) )
836 if( output > 1 ) mrl.value += "dst="
837 mrl.value += "display";
840 if( checked( 'sout_file' ) )
842 if( aloo ) mrl.value += ",";
843 if( output > 1 ) mrl.value += "dst="
844 mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
847 if( checked( 'sout_http' ) )
849 if( aloo ) mrl.value += ",";
850 if( output > 1 ) mrl.value += "dst="
851 mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
852 if( value( 'sout_http_port' ) )
853 mrl.value += ":"+value( 'sout_http_port' );
857 if( checked( 'sout_mmsh' ) )
859 if( aloo ) mrl.value += ",";
860 if( output > 1 ) mrl.value += "dst="
861 mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
862 if( value( 'sout_mmsh_port' ) )
863 mrl.value += ":"+value( 'sout_mmsh_port' );
867 if( checked( 'sout_rtp' ) )
869 if( aloo ) mrl.value += ",";
870 if( output > 1 ) mrl.value += "dst="
871 mrl.value += "std{access=rtp";
872 if( ttl ) mrl.value += "{ttl="+ttl+"}";
873 mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
874 if( value( 'sout_rtp_port' ) )
875 mrl.value += ":"+value( 'sout_rtp_port' );
876 if( checked( 'sout_sap' ) )
879 if( value( 'sout_sap_group' ) != '' )
881 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
883 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
888 if( checked( 'sout_udp' ) )
890 if( aloo ) mrl.value += ",";
891 if( output > 1 ) mrl.value += "dst="
892 mrl.value += "std{access=udp";
893 if( ttl ) mrl.value += "{ttl="+ttl+"}";
894 mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
895 if( value('sout_udp_port' ) )
896 mrl.value += ":"+value( 'sout_udp_port' );
897 if( checked( 'sout_sap' ) )
900 if( value( 'sout_sap_group' ) != '' )
902 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
904 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
909 if( output > 1 ) mrl.value += "}";
912 if( ( transcode || output ) && checked( 'sout_all' ) )
913 mrl.value += " :sout-all";
916 /* reset sout mrl value */
917 function reset_sout()
919 document.getElementById('sout_mrl').value = value('sout_old_mrl');
922 /* save sout mrl value */
925 document.getElementById('sout_old_mrl').value = value('sout_mrl');
928 /**********************************************************************
929 * Browser dialog functions
930 *********************************************************************/
931 /* only browse() should be called directly */
932 function browse( dest )
934 document.getElementById( 'browse_dest' ).value = dest;
935 document.getElementById( 'browse_lastdir' ).value;
936 browse_dir( document.getElementById( 'browse_lastdir' ).value );
939 function browse_dir( dir )
941 document.getElementById( 'browse_lastdir' ).value = dir;
942 loadXMLDoc( 'requests/browse.xml?dir='+escape(dir), parse_browse_dir );
944 function browse_path( p )
946 document.getElementById( value( 'browse_dest' ) ).value = p;
948 document.getElementById( value( 'browse_dest' ) ).focus();
951 /**********************************************************************
952 * Periodically update stuff in the interface
953 *********************************************************************/
954 function loop_refresh_status()
956 setTimeout( 'loop_refresh_status()', 1000 );
959 function loop_refresh_playlist()
961 /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
964 function loop_refresh()
966 setTimeout( 'loop_refresh_status()', 1 );
967 setTimeout( 'loop_refresh_playlist()', 1 );