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 var cssRules = document.styleSheets[j].cssRules;
134 if( !cssRules ) cssRules = document.styleSheets[j].rules;
135 for( var i = 0; i < cssRules.length; i++)
137 if( cssRules[i].selectorText == item )
139 if( cssRules[i].style.setProperty )
140 cssRules[i].style.setProperty( element, value, null );
142 cssRules[i].style.setAttribute( toCamelCase( element ), value );
149 /* get item's 'element' attribute */
150 function get_css( item, element )
152 for( var j = 0; j < document.styleSheets.length; j++ )
154 var cssRules = document.styleSheets[j].cssRules;
155 if( !cssRules ) cssRules = document.styleSheets[j].rules;
156 for( var i = 0; i < cssRules.length; i++)
158 if( cssRules[i].selectorText == item )
160 if( cssRules[i].style.getPropertyValue )
161 return cssRules[i].style.getPropertyValue( element );
163 return cssRules[i].style.getAttribute( toCamelCase( element ) );
169 function toggle_show( id )
171 var element = document.getElementById( id );
172 if( element.style.display == 'block' || element.style.display == '' )
174 element.style.display = 'none';
178 element.style.display = 'block';
181 function toggle_show_node( id )
183 var element = document.getElementById( 'pl_'+id );
184 var img = document.getElementById( 'pl_img_'+id );
185 if( element.style.display == 'block' || element.style.display == '' )
187 element.style.display = 'none';
188 img.setAttribute( 'src', 'images/plus.png' );
189 img.setAttribute( 'alt', '[+]' );
193 element.style.display = 'block';
194 img.setAttribute( 'src', 'images/minus.png' );
195 img.setAttribute( 'alt', '[-]' );
199 function show( id ){ document.getElementById( id ).style.display = 'block'; }
200 function showinline( id ){ document.getElementById( id ).style.display = 'inline'; }
202 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
204 function checked( id ){ return document.getElementById( id ).checked; }
206 function value( id ){ return document.getElementById( id ).value; }
208 function setclass( obj, value )
210 obj.setAttribute( 'class', value ); /* Firefox */
211 obj.setAttribute( 'className', value ); /* IE */
214 function radio_value( name )
216 var radio = document.getElementsByName( name );
217 for( var i = 0; i < radio.length; i++ )
219 if( radio[i].checked )
221 return radio[i].value;
227 function check_and_replace_int( id, val )
229 var objRegExp = /^\d+$/;
230 if( value( id ) != ''
231 && ( !objRegExp.test( value( id ) )
232 || parseInt( value( id ) ) < 1 ) )
233 return document.getElementById( id ).value = val;
234 return document.getElementById( id ).value;
237 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
238 function escapebackslashes( str ){ return str.replace(/\\/g, '\\\\'); }
240 function toCamelCase( str )
242 str = str.split( '-' );
244 for( var i=1; i<str.length; i++)
245 cml += str[i].charAt(0).toUpperCase()+str[i].substring(1);
249 function disable( id ){ document.getElementById( id ).disabled = true; }
251 function enable( id ){ document.getElementById( id ).disabled = false; }
253 function button_over( element ){ element.style.border = "1px solid #000"; }
255 function button_out( element ){ element.style.border = "1px solid #fff"; }
256 function button_out_menu( element ){ element.style.border = "1px solid transparent"; }
258 function show_menu( id ){ document.getElementById(id).style.display = 'block'; }
259 function hide_menu( id ){ document.getElementById(id).style.display = 'none'; }
261 /* toggle show help under the buttons */
262 function toggle_btn_text()
264 if( get_css( '.btn_text', 'display' ) == 'none' )
266 set_css( '.btn_text', 'display', 'block' );
270 set_css( '.btn_text', 'display', 'none' );
274 function clear_children( elt )
277 while( elt.hasChildNodes() )
278 elt.removeChild( elt.firstChild );
281 /**********************************************************************
283 *********************************************************************/
287 var input = value('input_mrl');
288 if( value('sout_mrl') != '' )
289 input += ' '+value('sout_mrl');
290 var url = 'requests/status.xml?command=in_play&input='+encodeURIComponent( addslashes(escapebackslashes(input)) );
291 loadXMLDoc( url, parse_status );
292 setTimeout( 'update_playlist()', 1000 );
294 function in_enqueue()
296 var input = value('input_mrl');
297 if( value('sout_mrl') != '' )
298 input += ' '+value('sout_mrl');
299 var url = 'requests/status.xml?command=in_enqueue&input='+encodeURIComponent( addslashes(escapebackslashes(input)) );
300 loadXMLDoc( url, parse_status );
301 setTimeout( 'update_playlist()', 1000 );
304 /* playlist actions */
305 function pl_play( id )
307 loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
309 setTimeout( 'update_playlist()', 1000 );
313 loadXMLDoc( 'requests/status.xml?command=pl_pause&id='+pl_cur_id, parse_status );
317 loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
318 setTimeout( 'update_playlist()', 1000 );
322 loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
323 setTimeout( 'update_playlist()', 1000 );
325 function pl_previous()
327 loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
328 setTimeout( 'update_playlist()', 1000 );
330 function pl_delete( id )
332 loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
333 setTimeout( 'update_playlist()', 1000 );
337 loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
338 setTimeout( 'update_playlist()', 1000 );
340 function pl_sort( sort, order )
342 loadXMLDoc( 'requests/status.xml?command=pl_sort&id='+order+'&val='+sort, parse_status );
343 setTimeout( 'update_playlist()', 1000 );
345 function pl_shuffle()
347 loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
348 setTimeout( 'update_playlist()', 1000 );
352 loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
356 loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
358 function pl_sd( value )
360 loadXMLDoc( 'requests/status.xml?command=pl_sd&val='+value, parse_status );
364 function volume_down()
366 loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
370 loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
374 loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
376 function fullscreen()
378 loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
380 function update_status()
382 loadXMLDoc( 'requests/status.xml', parse_status );
384 function update_playlist()
386 loadXMLDoc( 'requests/playlist.xml', parse_playlist );
389 /**********************************************************************
390 * Parse xml replies to XMLHttpRequests
391 *********************************************************************/
392 /* parse request/status.xml */
393 function parse_status()
395 if( req.readyState == 4 )
397 if( req.status == 200 )
399 var status = req.responseXML.documentElement;
400 var timetag = status.getElementsByTagName( 'time' );
401 if( timetag.length > 0 )
403 var new_time = timetag[0].firstChild.data;
409 var lengthtag = status.getElementsByTagName( 'length' );
411 if( lengthtag.length > 0 )
413 length = lengthtag[0].firstChild.data;
420 positiontag = status.getElementsByTagName( 'position' );
421 if( length < 100 && positiontag.length > 0 )
423 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
425 else if( length > 0 )
427 /* this is more precise if length > 100 */
428 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
434 if( old_time > new_time )
435 setTimeout('update_playlist()',50);
437 set_text( 'time', format_time( new_time ) );
438 set_text( 'length', format_time( length ) );
439 if( status.getElementsByTagName( 'volume' ).length != 0 )
440 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
441 var statetag = status.getElementsByTagName( 'state' );
442 if( statetag.length > 0 )
444 set_text( 'state', statetag[0].firstChild.data );
448 set_text( 'state', '(?)' );
450 if( slider_mouse_down == 0 )
452 document.getElementById( 'main_slider_point' ).style.left = slider_position;
454 var statustag = status.getElementsByTagName( 'state' );
455 if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
457 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
458 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
459 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
463 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
464 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
465 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
468 var randomtag = status.getElementsByTagName( 'random' );
469 if( randomtag.length > 0 ? randomtag[0].firstChild.data == "1" : 0)
470 setclass( document.getElementById( 'btn_shuffle'), 'on' );
472 setclass( document.getElementById( 'btn_shuffle'), 'off' );
474 var looptag = status.getElementsByTagName( 'loop' );
475 if( looptag.length > 0 ? looptag[0].firstChild.data == "1" : 0)
476 setclass( document.getElementById( 'btn_loop'), 'on' );
478 setclass( document.getElementById( 'btn_loop'), 'off' );
480 var repeattag = status.getElementsByTagName( 'repeat' );
481 if( repeattag.length > 0 ? repeattag[0].firstChild.data == "1" : 0 )
482 setclass( document.getElementById( 'btn_repeat'), 'on' );
484 setclass( document.getElementById( 'btn_repeat'), 'off' );
486 var tree = document.createElement( "ul" );
487 var categories = status.getElementsByTagName( 'category' );
489 for( i = 0; i < categories.length; i++ )
491 var item = document.createElement( "li" );
492 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
493 var subtree = document.createElement( "dl" );
494 var infos = categories[i].getElementsByTagName( 'info' );
496 for( j = 0; j < infos.length; j++ )
498 var subitem = document.createElement( "dt" );
499 subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
500 subtree.appendChild( subitem );
501 if( infos[j].hasChildNodes() )
503 var subitem = document.createElement( "dd" );
504 subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
505 subtree.appendChild( subitem );
508 item.appendChild( subtree );
509 tree.appendChild( item );
511 var infotree = document.getElementById('infotree' );
512 clear_children( infotree );
513 infotree.appendChild( tree );
518 /*alert( 'Error! HTTP server replied: ' + req.status );*/
523 /* parse playlist.xml */
524 function parse_playlist()
526 if( req.readyState == 4 )
528 if( req.status == 200 )
530 var answer = req.responseXML.documentElement;
531 var playtree = document.getElementById( 'playtree' );
532 var pos = document.createElement( "div" );
534 var elt = answer.firstChild;
536 pl_cur_id = 0; /* changed to the current id is there actually
540 if( elt.nodeName == "node" )
542 if( pos.hasChildNodes() )
543 pos.appendChild( document.createElement( "br" ) );
544 var nda = document.createElement( 'a' );
545 nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
546 var ndai = document.createElement( 'img' );
547 ndai.setAttribute( 'src', 'images/minus.png' );
548 ndai.setAttribute( 'alt', '[-]' );
549 ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
550 nda.appendChild( ndai );
551 pos.appendChild( nda );
552 pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
554 if( elt.getAttribute( 'ro' ) == 'rw' )
556 pos.appendChild( document.createTextNode( ' ' ) );
557 var del = document.createElement( "a" );
558 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
559 var delimg = document.createElement( "img" );
560 delimg.setAttribute( 'src', 'images/delete_small.png' );
561 delimg.setAttribute( 'alt', '(delete)' );
562 del.appendChild( delimg );
563 pos.appendChild( del );
566 var nd = document.createElement( "div" );
567 setclass( nd, 'pl_node' );
568 nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
569 pos.appendChild( nd );
571 else if( elt.nodeName == "leaf" )
573 if( pos.hasChildNodes() )
574 pos.appendChild( document.createElement( "br" ) );
575 var pl = document.createElement( "a" );
576 setclass( pl, 'pl_leaf' );
577 pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
578 pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
579 if( elt.getAttribute( 'current' ) == 'current' )
581 pl.style.fontWeight = 'bold';
582 var nowplaying = document.getElementById( 'nowplaying' );
583 clear_children( nowplaying );
584 nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
585 pl.appendChild( document.createTextNode( '* '));
586 pl_cur_id = elt.getAttribute( 'id' );
588 pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
589 pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
590 var duration = elt.getAttribute( 'duration' );
592 pl.appendChild( document.createTextNode( " (" + format_time( elt.getAttribute( 'duration' ) / 1000000 ) + ")" ) );
593 pos.appendChild( pl );
595 if( elt.getAttribute( 'ro' ) == 'rw' )
597 pos.appendChild( document.createTextNode( ' ' ) );
598 var del = document.createElement( "a" );
599 del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
600 var delimg = document.createElement( "img" );
601 delimg.setAttribute( 'src', 'images/delete_small.png' );
602 delimg.setAttribute( 'alt', '(delete)' );
603 del.appendChild( delimg );
604 pos.appendChild( del );
609 elt = elt.firstChild;
612 else if( elt.nextSibling )
614 elt = elt.nextSibling;
619 while( ! elt.parentNode.nextSibling )
621 elt = elt.parentNode;
622 if( ! elt.parentNode ) break;
624 if( ! elt.parentNode ) break;
625 elt = elt.parentNode.nextSibling;
626 pos = pos.parentNode;
629 clear_children( playtree );
630 playtree.appendChild( pos_top );
634 /*alert( 'Error! HTTP server replied: ' + req.status );*/
639 /* parse browse.xml */
640 function parse_browse_dir( )
642 if( req.readyState == 4 )
644 if( req.status == 200 )
646 var answer = req.responseXML.documentElement;
647 if( !answer ) return;
648 var browser = document.getElementById( 'browser' );
649 var pos = document.createElement( "div" );
650 var elt = answer.firstChild;
653 if( elt.nodeName == "element" )
655 var item = document.createElement( "a" );
656 setclass( item, 'browser' );
657 if( elt.getAttribute( 'type' ) == 'directory' )
659 item.setAttribute( 'href', 'javascript:browse_dir(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');');
663 item.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');' );
665 item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
666 pos.appendChild( item );
667 if( elt.getAttribute( 'type' ) == 'directory' )
669 pos.appendChild( document.createTextNode( ' ' ) );
670 var item = document.createElement( "a" );
671 setclass( item, 'browser' );
672 item.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(escapebackslashes(elt.getAttribute( 'path' )))+'\');');
673 item.appendChild( document.createTextNode( '(select)' ) );
674 pos.appendChild( item );
676 pos.appendChild( document.createElement( "br" ) );
678 elt = elt.nextSibling;
680 clear_children( browser );
681 browser.appendChild( pos );
685 /*alert( 'Error! HTTP server replied: ' + req.status );*/
690 /**********************************************************************
691 * Input dialog functions
692 *********************************************************************/
693 function hide_input( )
695 document.getElementById( 'input_file' ).style.display = 'none';
696 document.getElementById( 'input_disc' ).style.display = 'none';
697 document.getElementById( 'input_network' ).style.display = 'none';
698 document.getElementById( 'input_fake' ).style.display = 'none';
701 /* update the input MRL using data from the input file helper */
702 /* FIXME ... subs support */
703 function update_input_file()
705 var mrl = document.getElementById( 'input_mrl' );
707 mrl.value = value( 'input_file_filename' );
710 /* update the input MRL using data from the input disc helper */
711 function update_input_disc()
713 var mrl = document.getElementById( 'input_mrl' );
714 var type = radio_value( "input_disc_type" );
715 var device = value( "input_disc_dev" );
717 var title = check_and_replace_int( 'input_disc_title', 0 );
718 var chapter = check_and_replace_int( 'input_disc_chapter', 0 );
719 var subs = check_and_replace_int( 'input_disc_subtrack', '' );
720 var audio = check_and_replace_int( 'input_disc_audiotrack', 0 );
726 mrl.value += "dvd://";
728 else if( type == "dvdsimple" )
730 mrl.value += "dvdsimple://";
732 else if( type == "vcd" )
734 mrl.value += "vcd://";
736 else if( type == "cdda" )
738 mrl.value += "cdda://";
745 mrl.value += "@"+title;
746 if( chapter && type != "cdda" )
747 mrl.value += ":"+chapter;
753 mrl.value += " :sub-track="+subs;
755 mrl.value += " :audio-track="+audio;
760 /* update the input MRL using data from the input network helper */
761 function update_input_net()
763 var mrl = document.getElementById( 'input_mrl' );
764 var type = radio_value( "input_net_type" );
766 check_and_replace_int( 'input_net_udp_port', 1234 );
767 check_and_replace_int( 'input_net_udpmcast_port', 1234 );
773 mrl.value += "udp://";
774 if( checked( 'input_net_udp_forceipv6' ) )
776 if( value( 'input_net_udp_port' ) )
777 mrl.value += ":"+value( 'input_net_udp_port' );
779 else if( type == "udpmcast" )
781 mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
782 if( value( 'input_net_udpmcast_port' ) )
783 mrl.value += ":"+value( 'input_net_udpmcast_port' );
785 else if( type == "http" )
787 var url = value( 'input_net_http_url' );
788 if( url.substring(0,7) != "http://"
789 && url.substring(0,8) != "https://"
790 && url.substring(0,6) != "ftp://"
791 && url.substring(0,6) != "mms://"
792 && url.substring(0,7) != "mmsh://" )
793 mrl.value += "http://";
796 else if( type == "rtsp" )
798 var url = value( 'input_net_rtsp_url' );
799 if( url.substring(0,7) != "rtsp://" )
800 mrl.value += "rtsp://";
804 if( checked( "input_net_timeshift" ) )
805 mrl.value += " :access-filter=timeshift";
808 /* update the input MRL using data from the input fake helper */
809 function update_input_fake()
811 var mrl = document.getElementById( 'input_mrl' );
814 mrl.value += " :fake-file=" + value( "input_fake_filename" );
816 if( value( "input_fake_width" ) )
817 mrl.value += " :fake-width=" + value( "input_fake_width" );
818 if( value( "input_fake_height" ) )
819 mrl.value += " :fake-height=" + value( "input_fake_height" );
820 if( value( "input_fake_ar" ) )
821 mrl.value += " :fake-ar=" + value( "input_fake_ar" );
824 /**********************************************************************
825 * Sout dialog functions
826 *********************************************************************/
827 /* toggle show the full sout interface */
828 function toggle_show_sout_helper()
830 var element = document.getElementById( "sout_helper" );
831 if( element.style.display == 'block' )
833 element.style.display = 'none';
834 document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
838 element.style.display = 'block';
839 document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
843 /* update the sout MRL using data from the sout_helper */
844 function update_sout()
846 var mrl = document.getElementById( 'sout_mrl' );
849 check_and_replace_int( 'sout_http_port', 8080 );
850 check_and_replace_int( 'sout_mmsh_port', 8080 );
851 check_and_replace_int( 'sout_rtp_port', 1234 );
852 check_and_replace_int( 'sout_udp_port', 1234 );
853 check_and_replace_int( 'sout_ttl', 1 );
855 if( checked( 'sout_soverlay' ) )
857 disable( 'sout_scodec' );
858 disable( 'sout_sub' );
862 enable( 'sout_scodec' );
863 enable( 'sout_sub' );
866 var transcode = checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
867 || checked( 'sout_sub' ) || checked( 'sout_soverlay' );
871 mrl.value += ":sout=#transcode{";
872 var alot = false; /* alot == at least one transcode */
873 if( checked( 'sout_vcodec_s' ) )
875 mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
878 if( checked( 'sout_acodec_s' ) )
880 if( alot ) mrl.value += ",";
881 mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
882 if( value( 'sout_channels' ) )
883 mrl.value += ",channels="+value( 'sout_channels' );
886 if( checked( 'sout_soverlay' ) )
888 if( alot ) mrl.value += ",";
889 mrl.value += "soverlay";
892 else if( checked( 'sout_sub' ) )
894 if( alot ) mrl.value += ",";
895 mrl.value += "scodec="+value( 'sout_scodec' );
898 mrl.value += value( 'sout_transcode_extra' );
903 var output = checked( 'sout_display' ) + checked( 'sout_file' )
904 + checked( 'sout_http' ) + checked( 'sout_mmsh' )
905 + checked( 'sout_rtp' ) + checked( 'sout_udp' );
912 mrl.value += ":sout=#";
913 var aloo = false; /* aloo == at least one output */
914 var mux = radio_value( 'sout_mux' );
915 var ttl = parseInt( value( 'sout_ttl' ) );
916 if( output > 1 ) mrl.value += "duplicate{";
917 if( checked( 'sout_display' ) )
919 if( output > 1 ) mrl.value += "dst="
920 mrl.value += "display";
923 if( checked( 'sout_file' ) )
925 if( aloo ) mrl.value += ",";
926 if( output > 1 ) mrl.value += "dst="
927 mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
930 if( checked( 'sout_http' ) )
932 if( aloo ) mrl.value += ",";
933 if( output > 1 ) mrl.value += "dst="
934 mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
935 if( value( 'sout_http_port' ) )
936 mrl.value += ":"+value( 'sout_http_port' );
940 if( checked( 'sout_mmsh' ) )
942 if( aloo ) mrl.value += ",";
943 if( output > 1 ) mrl.value += "dst="
944 mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
945 if( value( 'sout_mmsh_port' ) )
946 mrl.value += ":"+value( 'sout_mmsh_port' );
950 if( checked( 'sout_rtp' ) )
952 if( aloo ) mrl.value += ",";
953 if( output > 1 ) mrl.value += "dst="
954 mrl.value += "std{access=rtp";
955 if( ttl ) mrl.value += "{ttl="+ttl+"}";
956 mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
957 if( value( 'sout_rtp_port' ) )
958 mrl.value += ":"+value( 'sout_rtp_port' );
959 if( checked( 'sout_sap' ) )
962 if( value( 'sout_sap_group' ) != '' )
964 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
966 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
971 if( checked( 'sout_udp' ) )
973 if( aloo ) mrl.value += ",";
974 if( output > 1 ) mrl.value += "dst="
975 mrl.value += "std{access=udp";
976 if( ttl ) mrl.value += "{ttl="+ttl+"}";
977 mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
978 if( value('sout_udp_port' ) )
979 mrl.value += ":"+value( 'sout_udp_port' );
980 if( checked( 'sout_sap' ) )
983 if( value( 'sout_sap_group' ) != '' )
985 mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
987 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
992 if( output > 1 ) mrl.value += "}";
995 if( ( transcode || output ) && checked( 'sout_all' ) )
996 mrl.value += " :sout-all";
999 /* reset sout mrl value */
1000 function reset_sout()
1002 document.getElementById('sout_mrl').value = value('sout_old_mrl');
1005 /* save sout mrl value */
1006 function save_sout()
1008 document.getElementById('sout_old_mrl').value = value('sout_mrl');
1011 /**********************************************************************
1012 * Browser dialog functions
1013 *********************************************************************/
1014 /* only browse() should be called directly */
1015 function browse( dest )
1017 document.getElementById( 'browse_dest' ).value = dest;
1018 document.getElementById( 'browse_lastdir' ).value;
1019 browse_dir( document.getElementById( 'browse_lastdir' ).value );
1022 function browse_dir( dir )
1024 document.getElementById( 'browse_lastdir' ).value = dir;
1025 loadXMLDoc( 'requests/browse.xml?dir='+encodeURIComponent(dir), parse_browse_dir );
1027 function browse_path( p )
1029 document.getElementById( value( 'browse_dest' ) ).value = p;
1031 document.getElementById( value( 'browse_dest' ) ).focus();
1034 /**********************************************************************
1035 * Periodically update stuff in the interface
1036 *********************************************************************/
1037 function loop_refresh_status()
1039 setTimeout( 'loop_refresh_status()', 1000 );
1042 function loop_refresh_playlist()
1044 /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
1047 function loop_refresh()
1049 setTimeout( 'loop_refresh_status()', 1 );
1050 setTimeout( 'loop_refresh_playlist()', 1 );