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 /* global variables */
28 /**********************************************************************
30 *********************************************************************/
32 var slider_mouse_down = 0;
35 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
36 function findPosX(obj)
41 while (obj.offsetParent)
43 curleft += obj.offsetLeft
44 obj = obj.offsetParent;
52 function slider_seek( e, bar )
54 seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
56 function slider_down( e, point )
58 slider_mouse_down = 1;
59 slider_dx = e.clientX - findPosX( point );
61 function slider_up( e, bar )
63 slider_mouse_down = 0;
64 /* slider_seek( e, bar ); */
66 function slider_move( e, bar )
68 if( slider_mouse_down == 1 )
70 var slider_position = Math.floor( e.clientX - slider_dx + document.body.scrollLeft - findPosX( bar ));
71 document.getElementById( 'main_slider_point' ).style.left = slider_position+"px";
72 slider_seek( e, bar );
76 /**********************************************************************
78 *********************************************************************/
80 /* XMLHttpRequest wrapper */
81 function loadXMLDoc( url, callback )
83 // branch for native XMLHttpRequest object
84 if ( window.XMLHttpRequest )
86 req = new XMLHttpRequest();
87 req.onreadystatechange = callback;
88 req.open( "GET", url, true );
90 // branch for IE/Windows ActiveX version
92 else if ( window.ActiveXObject )
94 req = new ActiveXObject( "Microsoft.XMLHTTP" );
97 req.onreadystatechange = callback;
98 req.open( "GET", url, true );
104 /* fomat time in second as hh:mm:ss */
105 function format_time( s )
107 var hours = Math.floor(s/3600);
108 var minutes = Math.floor((s/60)%60);
109 var seconds = Math.floor(s%60);
110 if( hours < 10 ) hours = "0"+hours;
111 if( minutes < 10 ) minutes = "0"+minutes;
112 if( seconds < 10 ) seconds = "0"+seconds;
113 return hours+":"+minutes+":"+seconds;
116 /* delete all a tag's children and add a text child node */
117 function set_text( id, val )
119 var elt = document.getElementById( id );
120 while( elt.hasChildNodes() )
121 elt.removeChild( elt.firstChild );
122 elt.appendChild( document.createTextNode( val ) );
125 /* set item's 'element' attribute to value */
126 function set_css( item, element, value )
128 for( var j = 0; j < document.styleSheets.length; j++ )
130 cssRules = document.styleSheets[j].cssRules;
131 for( var i = 0; i < cssRules.length; i++)
133 if( cssRules[i].selectorText == item )
135 cssRules[i].style.setProperty( element, value, null );
142 /* get item's 'element' attribute */
143 function get_css( item, element )
145 for( var j = 0; j < document.styleSheets.length; j++ )
147 cssRules = document.styleSheets[j].cssRules;
148 for( var i = 0; i < cssRules.length; i++)
150 if( cssRules[i].selectorText == item )
152 return cssRules[i].style.getPropertyValue( element );
158 function toggle_show( id )
160 var element = document.getElementById( id );
161 if( element.style.display == 'block' || element.style.display == '' )
163 element.style.display = 'none';
167 element.style.display = 'block';
170 function toggle_show_node( id )
172 var element = document.getElementById( 'pl_'+id );
173 var img = document.getElementById( 'pl_img_'+id );
174 if( element.style.display == 'block' || element.style.display == '' )
176 element.style.display = 'none';
177 img.setAttribute( 'src', 'images/plus.png' );
178 img.setAttribute( 'alt', '[+]' );
182 element.style.display = 'block';
183 img.setAttribute( 'src', 'images/minus.png' );
184 img.setAttribute( 'alt', '[-]' );
188 function show( id ){ document.getElementById( id ).style.display = 'block'; }
190 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
192 function checked( id ){ return document.getElementById( id ).checked; }
194 function value( id ){ return document.getElementById( id ).value; }
196 function radio_value( name )
198 var radio = document.getElementsByName( name );
199 for( var i = 0; i < radio.length; i++ )
201 if( radio[i].checked )
203 return radio[i].value;
209 function check_and_replace_int( id, val )
211 var objRegExp = /^\d\d*$/;
212 if( value( id ) != ''
213 && ( !objRegExp.test( value( id ) )
214 || parseInt( value( id ) ) < 1 ) )
215 document.getElementById( id ).value = val;
218 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
219 function escapebackslashes( str ){ return str.replace(/\\/g, '\\\\'); }
221 function disable( id ){ document.getElementById( id ).disabled = true; }
223 function enable( id ){ document.getElementById( id ).disabled = false; }
225 function button_over( element ){ element.style.border = "1px solid #000"; }
227 function button_out( element ){ element.style.border = "1px solid #fff"; }
229 /* toggle show help under the buttons */
230 function toggle_btn_text()
232 if( get_css( '.btn_text', 'display' ) == 'none' )
234 set_css( '.btn_text', 'display', 'block' );
238 set_css( '.btn_text', 'display', 'none' );
242 function clear_children( elt )
245 while( elt.hasChildNodes() )
246 elt.removeChild( elt.firstChild );
249 /**********************************************************************
251 *********************************************************************/
255 var input = value('input_mrl');
256 if( value('sout_mrl') != '' )
257 input += ' '+value('sout_mrl');
258 var url = 'requests/status.xml?command=in_play&input='+escape( input );
259 loadXMLDoc( url, parse_status );
260 setTimeout( 'update_playlist()', 1000 );
262 function in_enqueue()
264 var input = value('input_mrl');
265 if( value('sout_mrl') != '' )
266 input += ' '+value('sout_mrl');
267 var url = 'requests/status.xml?command=in_enqueue&input='+escape( input );
268 loadXMLDoc( url, parse_status );
269 setTimeout( 'update_playlist()', 1000 );
272 /* playlist actions */
273 function pl_play( id )
275 loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
276 setTimeout( 'update_playlist()', 1000 );
280 loadXMLDoc( 'requests/status.xml?command=pl_pause', parse_status );
284 loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
285 setTimeout( 'update_playlist()', 1000 );
289 loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
290 setTimeout( 'update_playlist()', 1000 );
292 function pl_previous()
294 loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
295 setTimeout( 'update_playlist()', 1000 );
297 function pl_delete( id )
299 loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
300 setTimeout( 'update_playlist()', 1000 );
304 loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
305 setTimeout( 'update_playlist()', 1000 );
310 loadXMLDoc( 'requests/status.xml?command=pl_sort', parse_status );
311 setTimeout( 'update_playlist()', 1000 );
313 function pl_shuffle()
315 loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
316 setTimeout( 'update_playlist()', 1000 );
320 loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
324 loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
328 function volume_down()
330 loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
334 loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
338 loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
340 function fullscreen()
342 loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
344 function update_status()
346 loadXMLDoc( 'requests/status.xml', parse_status );
348 function update_playlist()
350 loadXMLDoc( 'requests/playlist.xml', parse_playlist );
353 /**********************************************************************
354 * Parse xml replies to XMLHttpRequests
355 *********************************************************************/
356 /* parse request/status.xml */
357 function parse_status()
359 if( req.readyState == 4 )
361 if( req.status == 200 )
363 var status = req.responseXML.documentElement;
364 var timetag = status.getElementsByTagName( 'time' );
365 if( timetag.length > 0 )
367 var new_time = timetag[0].firstChild.data;
373 var lengthtag = status.getElementsByTagName( 'length' );
375 if( lengthtag.length > 0 )
377 length = lengthtag[0].firstChild.data;
384 positiontag = status.getElementsByTagName( 'position' );
385 if( length < 100 && positiontag.length > 0 )
387 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
389 else if( length > 0 )
391 /* this is more precise if length > 100 */
392 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
398 if( old_time > new_time )
399 setTimeout('update_playlist()',50);
401 set_text( 'time', format_time( new_time ) );
402 set_text( 'length', format_time( length ) );
403 if( status.getElementsByTagName( 'volume' ).length != 0 )
404 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
405 var statetag = status.getElementsByTagName( 'state' );
406 if( statetag.length > 0 )
408 set_text( 'state', statetag[0].firstChild.data );
412 set_text( 'state', '(?)' );
414 if( slider_mouse_down == 0 )
416 document.getElementById( 'main_slider_point' ).style.left = slider_position;
418 var statustag = status.getElementsByTagName( 'state' );
419 if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
421 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
422 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
423 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
427 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
428 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
429 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
432 var tree = document.createElement( "ul" );
433 var categories = status.getElementsByTagName( 'category' );
435 for( i = 0; i < categories.length; i++ )
437 var item = document.createElement( "li" );
438 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
439 var subtree = document.createElement( "dl" );
440 var infos = categories[i].getElementsByTagName( 'info' );
442 for( j = 0; j < infos.length; j++ )
444 var subitem = document.createElement( "dt" );
445 subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
446 subtree.appendChild( subitem );
447 if( infos[j].hasChildNodes() )
449 var subitem = document.createElement( "dd" );
450 subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
451 subtree.appendChild( subitem );
454 item.appendChild( subtree );
455 tree.appendChild( item );
457 var infotree = document.getElementById('infotree' );
458 clear_children( infotree );
459 infotree.appendChild( tree );
464 /*alert( 'Error! HTTP server replied: ' + req.status );*/
469 /* parse playlist.xml */
470 function parse_playlist()
472 if( req.readyState == 4 )
474 if( req.status == 200 )
476 var answer = req.responseXML.documentElement;
477 var playtree = document.getElementById( 'playtree' );
478 var pos = document.createElement( "div" );
480 var elt = answer.firstChild;
483 if( elt.nodeName == "node" )
485 if( pos.hasChildNodes() )
486 pos.appendChild( document.createElement( "br" ) );
487 var nda = document.createElement( 'a' );
488 nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
489 var ndai = document.createElement( 'img' );
490 ndai.setAttribute( 'src', 'images/minus.png' );
491 ndai.setAttribute( 'alt', '[-]' );
492 ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
493 nda.appendChild( ndai );
494 pos.appendChild( nda );
495 pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
496 var nd = document.createElement( "div" );
497 nd.setAttribute( 'class', 'pl_node' );
498 nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
499 pos.appendChild( nd );
501 else if( elt.nodeName == "leaf" )
503 if( pos.hasChildNodes() )
504 pos.appendChild( document.createElement( "br" ) );
505 var pl = document.createElement( "a" );
506 pl.setAttribute( 'class', 'pl_leaf' );
507 pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
508 pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
509 if( elt.getAttribute( 'current' ) == 'current' )
511 pl.setAttribute( 'style', 'font-weight: bold;' );
512 var nowplaying = document.getElementById( 'nowplaying' );
513 clear_children( nowplaying );
514 nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
515 pl.appendChild( document.createTextNode( '* '));
517 pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
518 pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
519 pos.appendChild( pl );
520 pos.appendChild( document.createTextNode( ' ' ) );
522 var del = document.createElement( "a" );
523 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
524 var delimg = document.createElement( "img" );
525 delimg.setAttribute( 'src', 'images/delete_small.png' );
526 delimg.setAttribute( 'alt', '(delete)' );
527 del.appendChild( delimg );
528 pos.appendChild( del );
532 elt = elt.firstChild;
535 else if( elt.nextSibling )
537 elt = elt.nextSibling;
542 while( ! elt.parentNode.nextSibling )
544 elt = elt.parentNode;
545 if( ! elt.parentNode ) break;
547 if( ! elt.parentNode ) break;
548 elt = elt.parentNode.nextSibling;
549 pos = pos.parentNode;
552 clear_children( playtree );
553 playtree.appendChild( pos_top );
557 /*alert( 'Error! HTTP server replied: ' + req.status );*/
562 /* parse browse.xml */
563 function parse_browse_dir( )
565 if( req.readyState == 4 )
567 if( req.status == 200 )
569 var answer = req.responseXML.documentElement;
570 if( !answer ) return;
571 var browser = document.getElementById( 'browser' );
572 var pos = document.createElement( "div" );
573 var elt = answer.firstChild;
576 if( elt.nodeName == "element" )
578 var item = document.createElement( "a" );
579 item.setAttribute( 'class', 'browser' );
580 if( elt.getAttribute( 'type' ) == 'directory' )
582 item.setAttribute( 'href', 'javascript:browse_dir(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
586 item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');' );
588 item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
589 pos.appendChild( item );
590 if( elt.getAttribute( 'type' ) == 'directory' )
592 pos.appendChild( document.createTextNode( ' ' ) );
593 var item = document.createElement( "a" );
594 item.setAttribute( 'class', 'browser' );
595 item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
596 item.appendChild( document.createTextNode( '(select)' ) );
597 pos.appendChild( item );
599 pos.appendChild( document.createElement( "br" ) );
601 elt = elt.nextSibling;
603 clear_children( browser );
604 browser.appendChild( pos );
608 /*alert( 'Error! HTTP server replied: ' + req.status );*/
613 /**********************************************************************
614 * Input dialog functions
615 *********************************************************************/
616 function hide_input( )
618 document.getElementById( 'input_file' ).style.display = 'none';
619 document.getElementById( 'input_disc' ).style.display = 'none';
620 document.getElementById( 'input_network' ).style.display = 'none';
623 /* update the input MRL using data from the input file helper */
624 /* FIXME ... subs support */
625 function update_input_file()
627 var mrl = document.getElementById( 'input_mrl' );
629 mrl.value = value( 'input_file_filename' );
632 /* update the input MRL using data from the input disc helper */
633 function update_input_disc()
635 var mrl = document.getElementById( 'input_mrl' );
636 var type = radio_value( "input_disc_type" );
637 var device = value( "input_disc_dev" );
639 check_and_replace_int( 'input_disc_title', 0 );
640 check_and_replace_int( 'input_disc_chapter', 0 );
641 check_and_replace_int( 'input_disc_subtrack', '' );
642 check_and_replace_int( 'input_disc_audiotrack', 0 );
644 var title = value( 'input_disc_title' );
645 var chapter = value( 'input_disc_chapter' );
646 var subs = value( 'input_disc_subtrack' );
647 var audio = value( 'input_disc_audiotrack' );
653 mrl.value += "dvd://";
655 else if( type == "dvdsimple" )
657 mrl.value += "dvdsimple://";
659 else if( type == "vcd" )
661 mrl.value += "vcd://";
663 else if( type == "cdda" )
665 mrl.value += "cdda://";
672 mrl.value += "@"+title;
673 if( chapter && type != "cdda" )
674 mrl.value += ":"+chapter;
680 mrl.value += " :sub-track="+subs;
682 mrl.value += " :audio-track="+audio;
687 /* update the input MRL using data from the input network helper */
688 function update_input_net()
690 var mrl = document.getElementById( 'input_mrl' );
691 var type = radio_value( "input_net_type" );
693 check_and_replace_int( 'input_net_udp_port', 1234 );
694 check_and_replace_int( 'input_net_udpmcast_port', 1234 );
700 mrl.value += "udp://";
701 if( checked( 'input_net_udp_forceipv6' ) )
703 if( value( 'input_net_udp_port' ) )
704 mrl.value += ":"+value( 'input_net_udp_port' );
706 else if( type == "udpmcast" )
708 mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
709 if( value( 'input_net_udpmcast_port' ) )
710 mrl.value += ":"+value( 'input_net_udpmcast_port' );
712 else if( type == "http" )
714 var url = value( 'input_net_http_url' );
715 if( url.substring(0,7) != "http://"
716 && url.substring(0,8) != "https://"
717 && url.substring(0,6) != "ftp://"
718 && url.substring(0,6) != "mms://"
719 && url.substring(0,7) != "mmsh://" )
720 mrl.value += "http://";
723 else if( type == "rtsp" )
725 var url = value( 'input_net_rtsp_url' );
726 if( url.substring(0,7) != "rtsp://" )
727 mrl.value += "rtsp://";
731 if( checked( "input_net_timeshift" ) )
732 mrl.value += " :access-filter=timeshift";
735 /**********************************************************************
736 * Sout dialog functions
737 *********************************************************************/
738 /* toggle show the full sout interface */
739 function toggle_show_sout_helper()
741 var element = document.getElementById( "sout_helper" );
742 if( element.style.display == 'block' )
744 element.style.display = 'none';
745 document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
749 element.style.display = 'block';
750 document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
754 /* update the sout MRL using data from the sout_helper */
755 function update_sout()
757 var mrl = document.getElementById( 'sout_mrl' );
760 check_and_replace_int( 'sout_http_port', 8080 );
761 check_and_replace_int( 'sout_mmsh_port', 8080 );
762 check_and_replace_int( 'sout_rtp_port', 1234 );
763 check_and_replace_int( 'sout_udp_port', 1234 );
764 check_and_replace_int( 'sout_ttl', 1 );
766 if( checked( 'sout_soverlay' ) )
768 disable( 'sout_scodec' );
769 disable( 'sout_sub' );
773 enable( 'sout_scodec' );
774 enable( 'sout_sub' );
777 var transcode = checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
778 || checked( 'sout_sub' ) || checked( 'sout_soverlay' );
782 mrl.value += ":sout=#transcode{";
783 var alot = false; /* alot == at least one transcode */
784 if( checked( 'sout_vcodec_s' ) )
786 mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
789 if( checked( 'sout_acodec_s' ) )
791 if( alot ) mrl.value += ",";
792 mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
793 if( value( 'sout_channels' ) )
794 mrl.value += ",channels="+value( 'sout_channels' );
797 if( checked( 'sout_soverlay' ) )
799 if( alot ) mrl.value += ",";
800 mrl.value += "soverlay";
803 else if( checked( 'sout_sub' ) )
805 if( alot ) mrl.value += ",";
806 mrl.value += "scodec="+value( 'sout_scodec' );
812 var output = checked( 'sout_display' ) + checked( 'sout_file' )
813 + checked( 'sout_http' ) + checked( 'sout_mmsh' )
814 + checked( 'sout_rtp' ) + checked( 'sout_udp' );
821 mrl.value += ":sout=#";
822 var aloo = false; /* aloo == at least one output */
823 var mux = radio_value( 'sout_mux' );
824 var ttl = parseInt( value( 'sout_ttl' ) );
825 if( output > 1 ) mrl.value += "duplicate{";
826 if( checked( 'sout_display' ) )
828 if( output > 1 ) mrl.value += "dst="
829 mrl.value += "display";
832 if( checked( 'sout_file' ) )
834 if( aloo ) mrl.value += ",";
835 if( output > 1 ) mrl.value += "dst="
836 mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
839 if( checked( 'sout_http' ) )
841 if( aloo ) mrl.value += ",";
842 if( output > 1 ) mrl.value += "dst="
843 mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
844 if( value( 'sout_http_port' ) )
845 mrl.value += ":"+value( 'sout_http_port' );
849 if( checked( 'sout_mmsh' ) )
851 if( aloo ) mrl.value += ",";
852 if( output > 1 ) mrl.value += "dst="
853 mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
854 if( value( 'sout_mmsh_port' ) )
855 mrl.value += ":"+value( 'sout_mmsh_port' );
859 if( checked( 'sout_rtp' ) )
861 if( aloo ) mrl.value += ",";
862 if( output > 1 ) mrl.value += "dst="
863 mrl.value += "std{access=rtp";
864 if( ttl ) mrl.value += "{ttl="+ttl+"}";
865 mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
866 if( value( 'sout_rtp_port' ) )
867 mrl.value += ":"+value( 'sout_rtp_port' );
868 if( checked( 'sout_sap' ) )
871 if( value( 'sout_sap_group' ) != '' )
873 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
875 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
880 if( checked( 'sout_udp' ) )
882 if( aloo ) mrl.value += ",";
883 if( output > 1 ) mrl.value += "dst="
884 mrl.value += "std{access=udp";
885 if( ttl ) mrl.value += "{ttl="+ttl+"}";
886 mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
887 if( value('sout_udp_port' ) )
888 mrl.value += ":"+value( 'sout_udp_port' );
889 if( checked( 'sout_sap' ) )
892 if( value( 'sout_sap_group' ) != '' )
894 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
896 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
901 if( output > 1 ) mrl.value += "}";
904 if( ( transcode || output ) && checked( 'sout_all' ) )
905 mrl.value += " :sout-all";
908 /* reset sout mrl value */
909 function reset_sout()
911 document.getElementById('sout_mrl').value = value('sout_old_mrl');
914 /* save sout mrl value */
917 document.getElementById('sout_old_mrl').value = value('sout_mrl');
920 /**********************************************************************
921 * Browser dialog functions
922 *********************************************************************/
923 /* only browse() should be called directly */
924 function browse( dest )
926 document.getElementById( 'browse_dest' ).value = dest;
927 document.getElementById( 'browse_lastdir' ).value;
928 browse_dir( document.getElementById( 'browse_lastdir' ).value );
931 function browse_dir( dir )
933 document.getElementById( 'browse_lastdir' ).value = dir;
934 loadXMLDoc( 'requests/browse.xml?dir='+escape(dir), parse_browse_dir );
936 function browse_path( p )
938 document.getElementById( value( 'browse_dest' ) ).value = p;
940 document.getElementById( value( 'browse_dest' ) ).focus();
943 /**********************************************************************
944 * Periodically update stuff in the interface
945 *********************************************************************/
946 function loop_refresh_status()
948 setTimeout( 'loop_refresh_status()', 1000 );
951 function loop_refresh_playlist()
953 /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
956 function loop_refresh()
958 setTimeout( 'loop_refresh_status()', 1 );
959 setTimeout( 'loop_refresh_playlist()', 1 );