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
 220 function disable( id ){ document.getElementById( id ).disabled = true; }
 221
 222 function enable( id ){ document.getElementById( id ).disabled = false; }
 223
 224 function button_over( element ){ element.style.border = "1px solid #000"; }
 225
 226 function button_out( element ){ element.style.border = "1px solid #fff"; }
 227
 228 /* toggle show help under the buttons */
 229 function toggle_btn_text()
 230 {
 231     if( get_css( '.btn_text', 'display' ) == 'none' )
 232     {
 233         set_css( '.btn_text', 'display', 'block' );
 234     }
 235     else
 236     {
 237         set_css( '.btn_text', 'display', 'none' );
 238     }
 239 }
 240
 241 function clear_children( elt )
 242 {
 243     if( elt )
 244         while( elt.hasChildNodes() )
 245             elt.removeChild( elt.firstChild );
 246 }
 247
 248 /**********************************************************************
 249  * Interface actions
 250  *********************************************************************/
 251 /* input actions */
 252 function in_play()
 253 {
 254     var input = value('input_mrl');
 255     if( value('sout_mrl') != '' )
 256         input += ' '+value('sout_mrl');
 257     var url = 'requests/status.xml?command=in_play&input='+escape( input );
 258     loadXMLDoc( url, parse_status );
 259     setTimeout( 'update_playlist()', 1000 );
 260 }
 261 function in_enqueue()
 262 {
 263     var input = value('input_mrl');
 264     if( value('sout_mrl') != '' )
 265         input += ' '+value('sout_mrl');
 266     var url = 'requests/status.xml?command=in_enqueue&input='+escape( input );
 267     loadXMLDoc( url, parse_status );
 268     setTimeout( 'update_playlist()', 1000 );
 269 }
 270
 271 /* playlist actions */
 272 function pl_play( id )
 273 {
 274     loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
 275     setTimeout( 'update_playlist()', 1000 );
 276 }
 277 function pl_pause()
 278 {
 279     loadXMLDoc( 'requests/status.xml?command=pl_pause', parse_status );
 280 }
 281 function pl_stop()
 282 {
 283     loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
 284     setTimeout( 'update_playlist()', 1000 );
 285 }
 286 function pl_next()
 287 {
 288     loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
 289     setTimeout( 'update_playlist()', 1000 );
 290 }
 291 function pl_previous()
 292 {
 293     loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
 294     setTimeout( 'update_playlist()', 1000 );
 295 }
 296 function pl_delete( id )
 297 {
 298     loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
 299     setTimeout( 'update_playlist()', 1000 );
 300 }
 301 function pl_empty()
 302 {
 303     loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
 304     setTimeout( 'update_playlist()', 1000 );
 305 }
 306 function pl_sort()
 307 {
 308     /* FIXME */
 309     loadXMLDoc( 'requests/status.xml?command=pl_sort', parse_status );
 310     setTimeout( 'update_playlist()', 1000 );
 311 }
 312 function pl_shuffle()
 313 {
 314     loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
 315     setTimeout( 'update_playlist()', 1000 );
 316 }
 317 function pl_loop()
 318 {
 319     loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
 320 }
 321 function pl_repeat()
 322 {
 323     loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
 324 }
 325
 326 /* misc actions */
 327 function volume_down()
 328 {
 329     loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
 330 }
 331 function volume_up()
 332 {
 333     loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
 334 }
 335 function seek( pos )
 336 {
 337     loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
 338 }
 339 function fullscreen()
 340 {
 341     loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
 342 }
 343 function update_status()
 344 {
 345     loadXMLDoc( 'requests/status.xml', parse_status );
 346 }
 347 function update_playlist()
 348 {
 349     loadXMLDoc( 'requests/playlist.xml', parse_playlist );
 350 }
 351
 352 /**********************************************************************
 353  * Parse xml replies to XMLHttpRequests
 354  *********************************************************************/
 355 /* parse request/status.xml */
 356 function parse_status()
 357 {
 358     if( req.readyState == 4 )
 359     {
 360         if( req.status == 200 )
 361         {
 362             var status = req.responseXML.documentElement;
 363             var new_time = status.getElementsByTagName( 'time' )[0].firstChild.data;
 364             var length = status.getElementsByTagName( 'length' )[0].firstChild.data;
 365             var slider_position;
 366             if( length < 100 )
 367             {
 368                 slider_position = ( status.getElementsByTagName( 'position' )[0]
 369                            .firstChild.data * 4 ) + "px";
 370             }
 371             else
 372             {
 373                 /* this is more precise if length > 100 */
 374                 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
 375             }
 376             if( old_time > new_time )
 377                 setTimeout('update_playlist()',50);
 378             old_time = new_time;
 379             set_text( 'time', format_time( new_time ) );
 380             set_text( 'length', format_time( length ) );
 381             if( status.getElementsByTagName( 'volume' ).length != 0 )
 382                 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
 383             set_text( 'state', status.getElementsByTagName( 'state' )[0].firstChild.data );
 384             if( slider_mouse_down == 0 )
 385             {
 386                 document.getElementById( 'main_slider_point' ).style.left = slider_position;
 387             }
 388             if( status.getElementsByTagName( 'state' )[0].firstChild.data == "playing" )
 389             {
 390                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
 391                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
 392                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
 393             }
 394             else
 395             {
 396                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
 397                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
 398                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
 399             }
 400
 401             var tree = document.createElement( "ul" );
 402             var categories = status.getElementsByTagName( 'category' );
 403             var i;
 404             for( i = 0; i < categories.length; i++ )
 405             {
 406                 var item = document.createElement( "li" );
 407                 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
 408                 var subtree = document.createElement( "dl" );
 409                 var infos = categories[i].getElementsByTagName( 'info' );
 410                 var j;
 411                 for( j = 0; j < infos.length; j++ )
 412                 {
 413                     var subitem = document.createElement( "dt" );
 414                     subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
 415                     subtree.appendChild( subitem );
 416                     if( infos[j].hasChildNodes() )
 417                     {
 418                         var subitem = document.createElement( "dd" );
 419                         subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
 420                         subtree.appendChild( subitem );
 421                     }
 422                 }
 423                 item.appendChild( subtree );
 424                 tree.appendChild( item );
 425             }
 426             var infotree = document.getElementById('infotree' );
 427             clear_children( infotree );
 428             infotree.appendChild( tree );
 429
 430         }
 431         else
 432         {
 433             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 434         }
 435     }
 436 }
 437
 438 /* parse playlist.xml */
 439 function parse_playlist()
 440 {
 441     if( req.readyState == 4 )
 442     {
 443         if( req.status == 200 )
 444         {
 445             var answer = req.responseXML.documentElement;
 446             var playtree = document.getElementById( 'playtree' );
 447             var pos = document.createElement( "div" );
 448             var pos_top = pos;
 449             var elt = answer.firstChild;
 450             while( elt )
 451             {
 452                 if( elt.nodeName == "node" )
 453                 {
 454                     if( pos.hasChildNodes() )
 455                         pos.appendChild( document.createElement( "br" ) );
 456                     var nda = document.createElement( 'a' );
 457                     pos.appendChild( nda );
 458                     nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
 459                     var ndai = document.createElement( 'img' );
 460                     nda.appendChild( ndai );
 461                     ndai.setAttribute( 'src', 'images/minus.png' );
 462                     ndai.setAttribute( 'alt', '[-]' );
 463                     ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
 464                     pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
 465                     var nd = document.createElement( "div" );
 466                     pos.appendChild( nd );
 467                     nd.setAttribute( 'class', 'pl_node' );
 468                     nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 469                 }
 470                 else if( elt.nodeName == "leaf" )
 471                 {
 472                     if( pos.hasChildNodes() )
 473                     pos.appendChild( document.createElement( "br" ) );
 474                     var pl = document.createElement( "a" );
 475                     pos.appendChild( pl );
 476                     pl.setAttribute( 'class', 'pl_leaf' );
 477                     pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
 478                     pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 479                     if( elt.getAttribute( 'current' ) == 'current' )
 480                     {
 481                         pl.setAttribute( 'style', 'font-weight: bold;' );
 482                         document.getElementById( 'nowplaying' ).textContent
 483                             = elt.getAttribute( 'name' );
 484                     }
 485                     pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
 486                     pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 487                     pos.appendChild( document.createTextNode( ' ' ) );
 488                     var del = document.createElement( "a" );
 489                     pos.appendChild( del );
 490                     del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
 491                     del.appendChild( document.createElement( "img" ) );
 492                     del = del.lastChild;
 493                     del.setAttribute( 'src', 'images/delete_small.png' );
 494                     del.setAttribute( 'alt', '(delete)' );
 495                 }
 496                 if( elt.firstChild )
 497                 {
 498                     elt = elt.firstChild;
 499                     pos = pos.lastChild;
 500                 }
 501                 else if( elt.nextSibling )
 502                 {
 503                     elt = elt.nextSibling;
 504                     pos = pos;
 505                 }
 506                 else
 507                 {
 508                     elt = elt.parentNode.nextSibling;
 509                     pos = pos.parentNode;
 510                 }
 511             }
 512             while( playtree.hasChildNodes() )
 513                 playtree.removeChild( playtree.firstChild );
 514             playtree.appendChild( pos_top );
 515         }
 516         else
 517         {
 518             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 519         }
 520     }
 521 }
 522
 523 /* parse browse.xml */
 524 function parse_browse_dir( )
 525 {
 526     if( req.readyState == 4 )
 527     {
 528         if( req.status == 200 )
 529         {
 530             var answer = req.responseXML.documentElement;
 531             var browser = document.getElementById( 'browser' );
 532             var pos = document.createElement( "div" );
 533             var elt = answer.firstChild;
 534             while( elt )
 535             {
 536                 if( elt.nodeName == "element" )
 537                 {
 538                     pos.appendChild( document.createElement( "a" ) );
 539                     pos.lastChild.setAttribute( 'class', 'browser' );
 540                     if( elt.getAttribute( 'type' ) == 'directory' )
 541                     {
 542                         pos.lastChild.setAttribute( 'href', 'javascript:browse_dir(\''+addslashes(elt.getAttribute( 'path' ))+'\');');
 543                     }
 544                     else
 545                     {
 546                         pos.lastChild.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(elt.getAttribute( 'path' ))+'\');' );
 547                     }
 548                     pos.lastChild.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 549                     if( elt.getAttribute( 'type' ) == 'directory' )
 550                     {
 551                         pos.appendChild( document.createTextNode( ' ' ) );
 552                         pos.appendChild( document.createElement( "a" ) );
 553                         pos.lastChild.setAttribute( 'class', 'browser' );
 554                         pos.lastChild.setAttribute( 'href', 'javascript:browse_path(\''+addslashes(elt.getAttribute( 'path' ))+'\');');
 555                         pos.lastChild.appendChild( document.createTextNode( '(select)' ) );
 556                     }
 557                     pos.appendChild( document.createElement( "br" ) );
 558                 }
 559                 elt = elt.nextSibling;
 560             }
 561             while( browser.hasChildNodes() )
 562                 browser.removeChild( browser.firstChild );
 563             browser.appendChild( pos );
 564         }
 565         else
 566         {
 567             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 568         }
 569     }
 570 }
 571
 572 /**********************************************************************
 573  * Input dialog functions
 574  *********************************************************************/
 575 function hide_input( )
 576 {
 577     document.getElementById( 'input_file' ).style.display = 'none';
 578     document.getElementById( 'input_disc' ).style.display = 'none';
 579     document.getElementById( 'input_network' ).style.display = 'none';
 580 }
 581
 582 /* update the input MRL using data from the input file helper */
 583 /* FIXME ... subs support */
 584 function update_input_file()
 585 {
 586     var mrl = document.getElementById( 'input_mrl' );
 587
 588     mrl.value = value( 'input_file_filename' );
 589 }
 590
 591 /* update the input MRL using data from the input disc helper */
 592 function update_input_disc()
 593 {
 594     var mrl = document.getElementById( 'input_mrl' );
 595     var type = radio_value( "input_disc_type" );
 596     var device = value( "input_disc_dev" );
 597
 598     check_and_replace_int( 'input_disc_title', 0 );
 599     check_and_replace_int( 'input_disc_chapter', 0 );
 600     check_and_replace_int( 'input_disc_subtrack', '' );
 601     check_and_replace_int( 'input_disc_audiotrack', 0 );
 602
 603     var title = value( 'input_disc_title' );
 604     var chapter = value( 'input_disc_chapter' );
 605     var subs = value( 'input_disc_subtrack' );
 606     var audio = value( 'input_disc_audiotrack' );
 607
 608     mrl.value = "";
 609
 610     if( type == "dvd" )
 611     {
 612         mrl.value += "dvd://";
 613     }
 614     else if( type == "dvdsimple" )
 615     {
 616         mrl.value += "dvdsimple://";
 617     }
 618     else if( type == "vcd" )
 619     {
 620         mrl.value += "vcd://";
 621     }
 622     else if( type == "cdda" )
 623     {
 624         mrl.value += "cdda://";
 625     }
 626
 627     mrl.value += device;
 628
 629     if( title )
 630     {
 631         mrl.value += "@"+title;
 632         if( chapter && type != "cdda" )
 633             mrl.value += ":"+chapter;
 634     }
 635
 636     if( type != "cdda" )
 637     {
 638         if( subs != '' )
 639             mrl.value += " :sub-track="+subs;
 640         if( audio != '' )
 641             mrl.value += " :audio-track="+audio;
 642     }
 643
 644 }
 645
 646 /* update the input MRL using data from the input network helper */
 647 function update_input_net()
 648 {
 649     var mrl = document.getElementById( 'input_mrl' );
 650     var type = radio_value( "input_net_type" );
 651
 652     check_and_replace_int( 'input_net_udp_port', 1234 );
 653     check_and_replace_int( 'input_net_udpmcast_port', 1234 );
 654
 655     mrl.value = "";
 656
 657     if( type == "udp" )
 658     {
 659         mrl.value += "udp://";
 660         if( checked( 'input_net_udp_forceipv6' ) )
 661             mrl.value += "[::]";
 662         if( value( 'input_net_udp_port' ) )
 663             mrl.value += ":"+value( 'input_net_udp_port' );
 664     }
 665     else if( type == "udpmcast" )
 666     {
 667         mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
 668         if( value( 'input_net_udpmcast_port' ) )
 669             mrl.value += ":"+value( 'input_net_udpmcast_port' );
 670     }
 671     else if( type == "http" )
 672     {
 673         var url = value( 'input_net_http_url' );
 674         if( url.substring(0,7) != "http://"
 675             && url.substring(0,8) != "https://"
 676             && url.substring(0,6) != "ftp://"
 677             && url.substring(0,6) != "mms://"
 678             && url.substring(0,7) != "mmsh://" )
 679             mrl.value += "http://";
 680         mrl.value += url;
 681     }
 682     else if( type == "rtsp" )
 683     {
 684         var url = value( 'input_net_rtsp_url' );
 685         if( url.substring(0,7) != "rtsp://" )
 686             mrl.value += "rtsp://";
 687         mrl.value += url;
 688     }
 689
 690     if( checked( "input_net_timeshift" ) )
 691         mrl.value += " :access-filter=timeshift";
 692 }
 693
 694 /**********************************************************************
 695  * Sout dialog functions
 696  *********************************************************************/
 697 /* toggle show the full sout interface */
 698 function toggle_show_sout_helper()
 699 {
 700     var element = document.getElementById( "sout_helper" );
 701     if( element.style.display == 'block' )
 702     {
 703         element.style.display = 'none';
 704         document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
 705     }
 706     else
 707     {
 708         element.style.display = 'block';
 709         document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
 710     }
 711 }
 712
 713 /* update the sout MRL using data from the sout_helper */
 714 function update_sout()
 715 {
 716     var mrl = document.getElementById( 'sout_mrl' );
 717     mrl.value = "";
 718
 719     check_and_replace_int( 'sout_http_port', 8080 );
 720     check_and_replace_int( 'sout_mmsh_port', 8080 );
 721     check_and_replace_int( 'sout_rtp_port', 1234 );
 722     check_and_replace_int( 'sout_udp_port', 1234 );
 723     check_and_replace_int( 'sout_ttl', 1 );
 724
 725     if( checked( 'sout_soverlay' ) )
 726     {
 727         disable( 'sout_scodec' );
 728         disable( 'sout_sub' );
 729     }
 730     else
 731     {
 732         enable( 'sout_scodec' );
 733         enable( 'sout_sub' );
 734     }
 735
 736     var transcode =  checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
 737                   || checked( 'sout_sub' )      || checked( 'sout_soverlay' );
 738
 739     if( transcode )
 740     {
 741         mrl.value += ":sout=#transcode{";
 742         var alot = false; /* alot == at least one transcode */
 743         if( checked( 'sout_vcodec_s' ) )
 744         {
 745             mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
 746             alot = true;
 747         }
 748         if( checked( 'sout_acodec_s' ) )
 749         {
 750             if( alot ) mrl.value += ",";
 751             mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
 752             if( value( 'sout_channels' ) )
 753                 mrl.value += ",channels="+value( 'sout_channels' );
 754             alot = true;
 755         }
 756         if( checked( 'sout_soverlay' ) )
 757         {
 758             if( alot ) mrl.value += ",";
 759             mrl.value += "soverlay";
 760             alot = true;
 761         }
 762         else if( checked( 'sout_sub' ) )
 763         {
 764             if( alot ) mrl.value += ",";
 765             mrl.value += "scodec="+value( 'sout_scodec' );
 766             alot = true;
 767         }
 768         mrl.value += "}";
 769     }
 770
 771     var output = checked( 'sout_display' ) + checked( 'sout_file' )
 772                + checked( 'sout_http' )    + checked( 'sout_mmsh' )
 773                + checked( 'sout_rtp' )     + checked( 'sout_udp' );
 774
 775     if( output )
 776     {
 777         if( transcode )
 778             mrl.value += ":";
 779         else
 780             mrl.value += ":sout=#";
 781         var aloo = false; /* aloo == at least one output */
 782         var mux = radio_value( 'sout_mux' );
 783         var ttl = parseInt( value( 'sout_ttl' ) );
 784         if( output > 1 ) mrl.value += "duplicate{";
 785         if( checked( 'sout_display' ) )
 786         {
 787             if( output > 1 ) mrl.value += "dst="
 788             mrl.value += "display";
 789             aloo = true;
 790         }
 791         if( checked( 'sout_file' ) )
 792         {
 793             if( aloo ) mrl.value += ",";
 794             if( output > 1 ) mrl.value += "dst="
 795             mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
 796             aloo = true;
 797         }
 798         if( checked( 'sout_http' ) )
 799         {
 800             if( aloo ) mrl.value += ",";
 801             if( output > 1 ) mrl.value += "dst="
 802             mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
 803             if( value( 'sout_http_port' ) )
 804                 mrl.value += ":"+value( 'sout_http_port' );
 805             mrl.value += "}";
 806             aloo = true;
 807         }
 808         if( checked( 'sout_mmsh' ) )
 809         {
 810             if( aloo ) mrl.value += ",";
 811             if( output > 1 ) mrl.value += "dst="
 812             mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
 813             if( value( 'sout_mmsh_port' ) )
 814                 mrl.value += ":"+value( 'sout_mmsh_port' );
 815             mrl.value += "}";
 816             aloo = true;
 817         }
 818         if( checked( 'sout_rtp' ) )
 819         {
 820             if( aloo ) mrl.value += ",";
 821             if( output > 1 ) mrl.value += "dst="
 822             mrl.value += "std{access=rtp";
 823             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 824             mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
 825             if( value( 'sout_rtp_port' ) )
 826                 mrl.value += ":"+value( 'sout_rtp_port' );
 827             if( checked( 'sout_sap' ) )
 828             {
 829                 mrl.value += ",sap";
 830                 if( value( 'sout_sap_group' ) != '' )
 831                 {
 832                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 833                 }
 834                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 835             }
 836             mrl.value += "}";
 837             aloo = true;
 838         }
 839         if( checked( 'sout_udp' ) )
 840         {
 841             if( aloo ) mrl.value += ",";
 842             if( output > 1 ) mrl.value += "dst="
 843             mrl.value += "std{access=udp";
 844             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 845             mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
 846             if( value('sout_udp_port' ) )
 847                 mrl.value += ":"+value( 'sout_udp_port' );
 848             if( checked( 'sout_sap' ) )
 849             {
 850                 mrl.value += ",sap";
 851                 if( value( 'sout_sap_group' ) != '' )
 852                 {
 853                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 854                 }
 855                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 856             }
 857             mrl.value += "}";
 858             aloo = true;
 859         }
 860         if( output > 1 ) mrl.value += "}";
 861     }
 862
 863     if( ( transcode || output ) && checked( 'sout_all' ) )
 864         mrl.value += " :sout-all";
 865 }
 866
 867 /* reset sout mrl value */
 868 function reset_sout()
 869 {
 870     document.getElementById('sout_mrl').value = value('sout_old_mrl');
 871 }
 872
 873 /* save sout mrl value */
 874 function save_sout()
 875 {
 876     document.getElementById('sout_old_mrl').value = value('sout_mrl');
 877 }
 878
 879 /**********************************************************************
 880  * Browser dialog functions
 881  *********************************************************************/
 882 /* only browse() should be called directly */
 883 function browse( dest )
 884 {
 885     document.getElementById( 'browse_dest' ).value = dest;
 886     browse_dir( document.getElementById( 'browse_lastdir' ).value );
 887     show( 'browse' );
 888 }
 889 function browse_dir( dir )
 890 {
 891     document.getElementById( 'browse_lastdir' ).value = dir;
 892     loadXMLDoc( 'requests/browse.xml?dir='+dir, parse_browse_dir );
 893 }
 894 function browse_path( p )
 895 {
 896     document.getElementById( value( 'browse_dest' ) ).value = p;
 897     hide( 'browse' );
 898     document.getElementById( value( 'browse_dest' ) ).focus();
 899 }
 900
 901 /**********************************************************************
 902  * Periodically update stuff in the interface
 903  *********************************************************************/
 904 function loop_refresh_status()
 905 {
 906     setTimeout( 'loop_refresh_status()', 1000 );
 907     update_status();
 908 }
 909 function loop_refresh_playlist()
 910 {
 911     /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
 912     update_playlist();
 913 }
 914 function loop_refresh()
 915 {
 916     setTimeout( 'loop_refresh_status()', 1 );
 917     setTimeout( 'loop_refresh_playlist()', 1 );
 918 }
 919