git.sesse.net Git - vlc/blob - share/http/js/functions.js

   1 /*****************************************************************************
   2  * functions.js: VLC media player web interface
   3  *****************************************************************************
   4  * Copyright (C) 2005-2006 the VideoLAN team
   5  * $Id$
   6  *
   7  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
   8  *
   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.
  13  *
  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.
  18  *
  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  *****************************************************************************/
  23
  24 /* global variables */
  25
  26 var old_time = 0;
  27
  28 /**********************************************************************
  29  * Slider functions
  30  *********************************************************************/
  31
  32 var slider_mouse_down = 0;
  33 var slider_dx = 0;
  34
  35 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
  36 function findPosX(obj)
  37 {
  38     var curleft = 0;
  39     if (obj.offsetParent)
  40     {
  41         while (obj.offsetParent)
  42         {
  43             curleft += obj.offsetLeft
  44             obj = obj.offsetParent;
  45         }
  46     }
  47     else if (obj.x)
  48         curleft += obj.x;
  49     return curleft;
  50 }
  51
  52 function slider_seek( e, bar )
  53 {
  54     seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
  55 }
  56 function slider_down( e, point )
  57 {
  58     slider_mouse_down = 1;
  59     slider_dx = e.clientX - findPosX( point );
  60 }
  61 function slider_up( e, bar )
  62 {
  63     slider_mouse_down = 0;
  64     /* slider_seek( e, bar ); */
  65 }
  66 function slider_move( e, bar )
  67 {
  68     if( slider_mouse_down == 1 )
  69     {
  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 );
  73     }
  74 }
  75
  76 /**********************************************************************
  77  * Misc utils
  78  *********************************************************************/
  79
  80 /* XMLHttpRequest wrapper */
  81 function loadXMLDoc( url, callback )
  82 {
  83   // branch for native XMLHttpRequest object
  84   if ( window.XMLHttpRequest )
  85   {
  86     req = new XMLHttpRequest();
  87     req.onreadystatechange = callback;
  88     req.open( "GET", url, true );
  89     req.send( null );
  90   // branch for IE/Windows ActiveX version
  91   }
  92   else if ( window.ActiveXObject )
  93   {
  94     req = new ActiveXObject( "Microsoft.XMLHTTP" );
  95     if ( req )
  96     {
  97       req.onreadystatechange = callback;
  98       req.open( "GET", url, true );
  99       req.send();
 100     }
 101   }
 102 }
 103
 104 /* fomat time in second as hh:mm:ss */
 105 function format_time( s )
 106 {
 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;
 114 }
 115
 116 /* delete all a tag's children and add a text child node */
 117 function set_text( id, val )
 118 {
 119     var elt = document.getElementById( id );
 120     while( elt.hasChildNodes() )
 121         elt.removeChild( elt.firstChild );
 122     elt.appendChild( document.createTextNode( val ) );
 123 }
 124
 125 /* set item's 'element' attribute to value */
 126 function set_css( item, element, value )
 127 {
 128     for( var j = 0; j < document.styleSheets.length; j++ )
 129     {
 130         cssRules = document.styleSheets[j].cssRules;
 131         for( var i = 0; i < cssRules.length; i++)
 132         {
 133             if( cssRules[i].selectorText == item )
 134             {
 135                 cssRules[i].style.setProperty( element, value, null );
 136                 return;
 137             }
 138         }
 139     }
 140 }
 141
 142 /* get item's 'element' attribute */
 143 function get_css( item, element )
 144 {
 145     for( var j = 0; j < document.styleSheets.length; j++ )
 146     {
 147         cssRules = document.styleSheets[j].cssRules;
 148         for( var i = 0; i < cssRules.length; i++)
 149         {
 150             if( cssRules[i].selectorText == item )
 151             {
 152                 return cssRules[i].style.getPropertyValue( element );
 153             }
 154         }
 155     }
 156 }
 157
 158 function toggle_show( id )
 159 {
 160     var element = document.getElementById( id );
 161     if( element.style.display == 'block' || element.style.display == '' )
 162     {
 163         element.style.display = 'none';
 164     }
 165     else
 166     {
 167         element.style.display = 'block';
 168     }
 169 }
 170 function toggle_show_node( id )
 171 {
 172     var element = document.getElementById( 'pl_'+id );
 173     var img = document.getElementById( 'pl_img_'+id );
 174     if( element.style.display == 'block' || element.style.display == '' )
 175     {
 176         element.style.display = 'none';
 177         img.setAttribute( 'src', 'images/plus.png' );
 178         img.setAttribute( 'alt', '[+]' );
 179     }
 180     else
 181     {
 182         element.style.display = 'block';
 183         img.setAttribute( 'src', 'images/minus.png' );
 184         img.setAttribute( 'alt', '[-]' );
 185     }
 186 }
 187
 188 function show( id ){ document.getElementById( id ).style.display = 'block'; }
 189
 190 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
 191
 192 function checked( id ){ return document.getElementById( id ).checked; }
 193
 194 function value( id ){ return document.getElementById( id ).value; }
 195
 196 function radio_value( name )
 197 {
 198     var radio = document.getElementsByName( name );
 199     for( var i = 0; i < radio.length; i++ )
 200     {
 201         if( radio[i].checked )
 202         {
 203             return radio[i].value;
 204         }
 205     }
 206     return "";
 207 }
 208
 209 function check_and_replace_int( id, val )
 210 {
 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;
 216 }
 217
 218 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
 219 function escapebackslashes( str ){ return str.replace(/\\/g, '\\\\'); }
 220
 221 function disable( id ){ document.getElementById( id ).disabled = true; }
 222
 223 function enable( id ){ document.getElementById( id ).disabled = false; }
 224
 225 function button_over( element ){ element.style.border = "1px solid #000"; }
 226
 227 function button_out( element ){ element.style.border = "1px solid #fff"; }
 228
 229 /* toggle show help under the buttons */
 230 function toggle_btn_text()
 231 {
 232     if( get_css( '.btn_text', 'display' ) == 'none' )
 233     {
 234         set_css( '.btn_text', 'display', 'block' );
 235     }
 236     else
 237     {
 238         set_css( '.btn_text', 'display', 'none' );
 239     }
 240 }
 241
 242 function clear_children( elt )
 243 {
 244     if( elt )
 245         while( elt.hasChildNodes() )
 246             elt.removeChild( elt.firstChild );
 247 }
 248
 249 /**********************************************************************
 250  * Interface actions
 251  *********************************************************************/
 252 /* input actions */
 253 function in_play()
 254 {
 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 );
 261 }
 262 function in_enqueue()
 263 {
 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 );
 270 }
 271
 272 /* playlist actions */
 273 function pl_play( id )
 274 {
 275     loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
 276     setTimeout( 'update_playlist()', 1000 );
 277 }
 278 function pl_pause()
 279 {
 280     loadXMLDoc( 'requests/status.xml?command=pl_pause', parse_status );
 281 }
 282 function pl_stop()
 283 {
 284     loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
 285     setTimeout( 'update_playlist()', 1000 );
 286 }
 287 function pl_next()
 288 {
 289     loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
 290     setTimeout( 'update_playlist()', 1000 );
 291 }
 292 function pl_previous()
 293 {
 294     loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
 295     setTimeout( 'update_playlist()', 1000 );
 296 }
 297 function pl_delete( id )
 298 {
 299     loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
 300     setTimeout( 'update_playlist()', 1000 );
 301 }
 302 function pl_empty()
 303 {
 304     loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
 305     setTimeout( 'update_playlist()', 1000 );
 306 }
 307 function pl_sort()
 308 {
 309     /* FIXME */
 310     loadXMLDoc( 'requests/status.xml?command=pl_sort', parse_status );
 311     setTimeout( 'update_playlist()', 1000 );
 312 }
 313 function pl_shuffle()
 314 {
 315     loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
 316     setTimeout( 'update_playlist()', 1000 );
 317 }
 318 function pl_loop()
 319 {
 320     loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
 321 }
 322 function pl_repeat()
 323 {
 324     loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
 325 }
 326
 327 /* misc actions */
 328 function volume_down()
 329 {
 330     loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
 331 }
 332 function volume_up()
 333 {
 334     loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
 335 }
 336 function seek( pos )
 337 {
 338     loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
 339 }
 340 function fullscreen()
 341 {
 342     loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
 343 }
 344 function update_status()
 345 {
 346     loadXMLDoc( 'requests/status.xml', parse_status );
 347 }
 348 function update_playlist()
 349 {
 350     loadXMLDoc( 'requests/playlist.xml', parse_playlist );
 351 }
 352
 353 /**********************************************************************
 354  * Parse xml replies to XMLHttpRequests
 355  *********************************************************************/
 356 /* parse request/status.xml */
 357 function parse_status()
 358 {
 359     if( req.readyState == 4 )
 360     {
 361         if( req.status == 200 )
 362         {
 363             var status = req.responseXML.documentElement;
 364             var timetag = status.getElementsByTagName( 'time' );
 365             if( timetag.length > 0 )
 366             {
 367                 var new_time = timetag[0].firstChild.data;
 368             }
 369             else
 370             {
 371                 new_time = old_time;
 372             }
 373             var lengthtag = status.getElementsByTagName( 'length' );
 374             var length;
 375             if( lengthtag.length > 0 )
 376             {
 377                 length = lengthtag[0].firstChild.data;
 378             }
 379             else
 380             {
 381                 length = 0;
 382             }
 383             var slider_position;
 384             positiontag = status.getElementsByTagName( 'position' );
 385             if( length < 100 && positiontag.length > 0 )
 386             {
 387                 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
 388             }
 389             else if( length > 0 )
 390             {
 391                 /* this is more precise if length > 100 */
 392                 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
 393             }
 394             else
 395             {
 396                 slider_position = 0;
 397             }
 398             if( old_time > new_time )
 399                 setTimeout('update_playlist()',50);
 400             old_time = new_time;
 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 )
 407             {
 408                 set_text( 'state', statetag[0].firstChild.data );
 409             }
 410             else
 411             {
 412                 set_text( 'state', '(?)' );
 413             }
 414             if( slider_mouse_down == 0 )
 415             {
 416                 document.getElementById( 'main_slider_point' ).style.left = slider_position;
 417             }
 418             var statustag = status.getElementsByTagName( 'state' );
 419             if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
 420             {
 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' );
 424             }
 425             else
 426             {
 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' );
 430             }
 431
 432             var tree = document.createElement( "ul" );
 433             var categories = status.getElementsByTagName( 'category' );
 434             var i;
 435             for( i = 0; i < categories.length; i++ )
 436             {
 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' );
 441                 var j;
 442                 for( j = 0; j < infos.length; j++ )
 443                 {
 444                     var subitem = document.createElement( "dt" );
 445                     subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
 446                     subtree.appendChild( subitem );
 447                     if( infos[j].hasChildNodes() )
 448                     {
 449                         var subitem = document.createElement( "dd" );
 450                         subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
 451                         subtree.appendChild( subitem );
 452                     }
 453                 }
 454                 item.appendChild( subtree );
 455                 tree.appendChild( item );
 456             }
 457             var infotree = document.getElementById('infotree' );
 458             clear_children( infotree );
 459             infotree.appendChild( tree );
 460
 461         }
 462         else
 463         {
 464             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 465         }
 466     }
 467 }
 468
 469 /* parse playlist.xml */
 470 function parse_playlist()
 471 {
 472     if( req.readyState == 4 )
 473     {
 474         if( req.status == 200 )
 475         {
 476             var answer = req.responseXML.documentElement;
 477             var playtree = document.getElementById( 'playtree' );
 478             var pos = document.createElement( "div" );
 479             var pos_top = pos;
 480             var elt = answer.firstChild;
 481             while( elt )
 482             {
 483                 if( elt.nodeName == "node" )
 484                 {
 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 );
 500                 }
 501                 else if( elt.nodeName == "leaf" )
 502                 {
 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' )
 510                     {
 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( '* '));
 516                     }
 517                     pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
 518                     pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 519                     pos.appendChild( pl );
 520                     pos.appendChild( document.createTextNode( ' ' ) );
 521
 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 );
 529                 }
 530                 if( elt.firstChild )
 531                 {
 532                     elt = elt.firstChild;
 533                     pos = pos.lastChild;
 534                 }
 535                 else if( elt.nextSibling )
 536                 {
 537                     elt = elt.nextSibling;
 538                     pos = pos;
 539                 }
 540                 else
 541                 {
 542                     while( ! elt.parentNode.nextSibling )
 543                     {
 544                         elt = elt.parentNode;
 545                         if( ! elt.parentNode ) break;
 546                     }
 547                     if( ! elt.parentNode ) break;
 548                     elt = elt.parentNode.nextSibling;
 549                     pos = pos.parentNode;
 550                 }
 551             }
 552             clear_children( playtree );
 553             playtree.appendChild( pos_top );
 554         }
 555         else
 556         {
 557             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 558         }
 559     }
 560 }
 561
 562 /* parse browse.xml */
 563 function parse_browse_dir( )
 564 {
 565     if( req.readyState == 4 )
 566     {
 567         if( req.status == 200 )
 568         {
 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;
 574             while( elt )
 575             {
 576                 if( elt.nodeName == "element" )
 577                 {
 578                     var item = document.createElement( "a" );
 579                     item.setAttribute( 'class', 'browser' );
 580                     if( elt.getAttribute( 'type' ) == 'directory' )
 581                     {
 582                         item.setAttribute( 'href', 'javascript:browse_dir(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
 583                     }
 584                     else
 585                     {
 586                         item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');' );
 587                     }
 588                     item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 589                     pos.appendChild( item );
 590                     if( elt.getAttribute( 'type' ) == 'directory' )
 591                     {
 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 );
 598                     }
 599                     pos.appendChild( document.createElement( "br" ) );
 600                 }
 601                 elt = elt.nextSibling;
 602             }
 603             clear_children( browser );
 604             browser.appendChild( pos );
 605         }
 606         else
 607         {
 608             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 609         }
 610     }
 611 }
 612
 613 /**********************************************************************
 614  * Input dialog functions
 615  *********************************************************************/
 616 function hide_input( )
 617 {
 618     document.getElementById( 'input_file' ).style.display = 'none';
 619     document.getElementById( 'input_disc' ).style.display = 'none';
 620     document.getElementById( 'input_network' ).style.display = 'none';
 621 }
 622
 623 /* update the input MRL using data from the input file helper */
 624 /* FIXME ... subs support */
 625 function update_input_file()
 626 {
 627     var mrl = document.getElementById( 'input_mrl' );
 628
 629     mrl.value = value( 'input_file_filename' );
 630 }
 631
 632 /* update the input MRL using data from the input disc helper */
 633 function update_input_disc()
 634 {
 635     var mrl = document.getElementById( 'input_mrl' );
 636     var type = radio_value( "input_disc_type" );
 637     var device = value( "input_disc_dev" );
 638
 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 );
 643
 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' );
 648
 649     mrl.value = "";
 650
 651     if( type == "dvd" )
 652     {
 653         mrl.value += "dvd://";
 654     }
 655     else if( type == "dvdsimple" )
 656     {
 657         mrl.value += "dvdsimple://";
 658     }
 659     else if( type == "vcd" )
 660     {
 661         mrl.value += "vcd://";
 662     }
 663     else if( type == "cdda" )
 664     {
 665         mrl.value += "cdda://";
 666     }
 667
 668     mrl.value += device;
 669
 670     if( title )
 671     {
 672         mrl.value += "@"+title;
 673         if( chapter && type != "cdda" )
 674             mrl.value += ":"+chapter;
 675     }
 676
 677     if( type != "cdda" )
 678     {
 679         if( subs != '' )
 680             mrl.value += " :sub-track="+subs;
 681         if( audio != '' )
 682             mrl.value += " :audio-track="+audio;
 683     }
 684
 685 }
 686
 687 /* update the input MRL using data from the input network helper */
 688 function update_input_net()
 689 {
 690     var mrl = document.getElementById( 'input_mrl' );
 691     var type = radio_value( "input_net_type" );
 692
 693     check_and_replace_int( 'input_net_udp_port', 1234 );
 694     check_and_replace_int( 'input_net_udpmcast_port', 1234 );
 695
 696     mrl.value = "";
 697
 698     if( type == "udp" )
 699     {
 700         mrl.value += "udp://";
 701         if( checked( 'input_net_udp_forceipv6' ) )
 702             mrl.value += "[::]";
 703         if( value( 'input_net_udp_port' ) )
 704             mrl.value += ":"+value( 'input_net_udp_port' );
 705     }
 706     else if( type == "udpmcast" )
 707     {
 708         mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
 709         if( value( 'input_net_udpmcast_port' ) )
 710             mrl.value += ":"+value( 'input_net_udpmcast_port' );
 711     }
 712     else if( type == "http" )
 713     {
 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://";
 721         mrl.value += url;
 722     }
 723     else if( type == "rtsp" )
 724     {
 725         var url = value( 'input_net_rtsp_url' );
 726         if( url.substring(0,7) != "rtsp://" )
 727             mrl.value += "rtsp://";
 728         mrl.value += url;
 729     }
 730
 731     if( checked( "input_net_timeshift" ) )
 732         mrl.value += " :access-filter=timeshift";
 733 }
 734
 735 /**********************************************************************
 736  * Sout dialog functions
 737  *********************************************************************/
 738 /* toggle show the full sout interface */
 739 function toggle_show_sout_helper()
 740 {
 741     var element = document.getElementById( "sout_helper" );
 742     if( element.style.display == 'block' )
 743     {
 744         element.style.display = 'none';
 745         document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
 746     }
 747     else
 748     {
 749         element.style.display = 'block';
 750         document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
 751     }
 752 }
 753
 754 /* update the sout MRL using data from the sout_helper */
 755 function update_sout()
 756 {
 757     var mrl = document.getElementById( 'sout_mrl' );
 758     mrl.value = "";
 759
 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 );
 765
 766     if( checked( 'sout_soverlay' ) )
 767     {
 768         disable( 'sout_scodec' );
 769         disable( 'sout_sub' );
 770     }
 771     else
 772     {
 773         enable( 'sout_scodec' );
 774         enable( 'sout_sub' );
 775     }
 776
 777     var transcode =  checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
 778                   || checked( 'sout_sub' )      || checked( 'sout_soverlay' );
 779
 780     if( transcode )
 781     {
 782         mrl.value += ":sout=#transcode{";
 783         var alot = false; /* alot == at least one transcode */
 784         if( checked( 'sout_vcodec_s' ) )
 785         {
 786             mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
 787             alot = true;
 788         }
 789         if( checked( 'sout_acodec_s' ) )
 790         {
 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' );
 795             alot = true;
 796         }
 797         if( checked( 'sout_soverlay' ) )
 798         {
 799             if( alot ) mrl.value += ",";
 800             mrl.value += "soverlay";
 801             alot = true;
 802         }
 803         else if( checked( 'sout_sub' ) )
 804         {
 805             if( alot ) mrl.value += ",";
 806             mrl.value += "scodec="+value( 'sout_scodec' );
 807             alot = true;
 808         }
 809         mrl.value += "}";
 810     }
 811
 812     var output = checked( 'sout_display' ) + checked( 'sout_file' )
 813                + checked( 'sout_http' )    + checked( 'sout_mmsh' )
 814                + checked( 'sout_rtp' )     + checked( 'sout_udp' );
 815
 816     if( output )
 817     {
 818         if( transcode )
 819             mrl.value += ":";
 820         else
 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' ) )
 827         {
 828             if( output > 1 ) mrl.value += "dst="
 829             mrl.value += "display";
 830             aloo = true;
 831         }
 832         if( checked( 'sout_file' ) )
 833         {
 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' )+"}";
 837             aloo = true;
 838         }
 839         if( checked( 'sout_http' ) )
 840         {
 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' );
 846             mrl.value += "}";
 847             aloo = true;
 848         }
 849         if( checked( 'sout_mmsh' ) )
 850         {
 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' );
 856             mrl.value += "}";
 857             aloo = true;
 858         }
 859         if( checked( 'sout_rtp' ) )
 860         {
 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' ) )
 869             {
 870                 mrl.value += ",sap";
 871                 if( value( 'sout_sap_group' ) != '' )
 872                 {
 873                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 874                 }
 875                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 876             }
 877             mrl.value += "}";
 878             aloo = true;
 879         }
 880         if( checked( 'sout_udp' ) )
 881         {
 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' ) )
 890             {
 891                 mrl.value += ",sap";
 892                 if( value( 'sout_sap_group' ) != '' )
 893                 {
 894                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 895                 }
 896                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 897             }
 898             mrl.value += "}";
 899             aloo = true;
 900         }
 901         if( output > 1 ) mrl.value += "}";
 902     }
 903
 904     if( ( transcode || output ) && checked( 'sout_all' ) )
 905         mrl.value += " :sout-all";
 906 }
 907
 908 /* reset sout mrl value */
 909 function reset_sout()
 910 {
 911     document.getElementById('sout_mrl').value = value('sout_old_mrl');
 912 }
 913
 914 /* save sout mrl value */
 915 function save_sout()
 916 {
 917     document.getElementById('sout_old_mrl').value = value('sout_mrl');
 918 }
 919
 920 /**********************************************************************
 921  * Browser dialog functions
 922  *********************************************************************/
 923 /* only browse() should be called directly */
 924 function browse( dest )
 925 {
 926     document.getElementById( 'browse_dest' ).value = dest;
 927     document.getElementById( 'browse_lastdir' ).value;
 928     browse_dir( document.getElementById( 'browse_lastdir' ).value );
 929     show( 'browse' );
 930 }
 931 function browse_dir( dir )
 932 {
 933     document.getElementById( 'browse_lastdir' ).value = dir;
 934     loadXMLDoc( 'requests/browse.xml?dir='+escape(dir), parse_browse_dir );
 935 }
 936 function browse_path( p )
 937 {
 938     document.getElementById( value( 'browse_dest' ) ).value = p;
 939     hide( 'browse' );
 940     document.getElementById( value( 'browse_dest' ) ).focus();
 941 }
 942
 943 /**********************************************************************
 944  * Periodically update stuff in the interface
 945  *********************************************************************/
 946 function loop_refresh_status()
 947 {
 948     setTimeout( 'loop_refresh_status()', 1000 );
 949     update_status();
 950 }
 951 function loop_refresh_playlist()
 952 {
 953     /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
 954     update_playlist();
 955 }
 956 function loop_refresh()
 957 {
 958     setTimeout( 'loop_refresh_status()', 1 );
 959     setTimeout( 'loop_refresh_playlist()', 1 );
 960 }
 961