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