<!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  mobile.html: VLC media player web interface - VLM
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  Copyright (C) 2005-2014 VLC authors and VideoLAN
<
<  Authors: Brandon Brooks <bwbrooks -at- archmageinc -dot- com>
<
<  This program is free software; you can redistribute it and/or modify
<  it under the terms of the GNU General Public License as published by
<  the Free Software Foundation; either version 2 of the License, or
<  (at your option) any later version.
<
<  This program is distributed in the hope that it will be useful,
<  but WITHOUT ANY WARRANTY; without even the implied warranty of
<  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
<  GNU General Public License for more details.
<
<  You should have received a copy of the GNU General Public License
<  along with this program; if not, write to the Free Software
<  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<html>
 <head>
  <title><?vlc gettext("VLC media player - Web Interface") ?></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="referrer" content="no-referrer" />
  <meta name="viewport" content="initial-scale=1.0" />
  <meta name="viewport" content="width=device-width" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
  <script type="text/javascript" src="js/common.js"></script>
  <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
  <link type="text/css" href="css/mobile.css" rel="stylesheet" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  <script type="text/javascript" src="js/jquery.jstree.js"></script>
  <script type="text/javascript" src="https://releases.flowplayer.org/js/flowplayer-3.2.6.min.js"></script>
  <script type="text/javascript" src="js/ui.js"></script>
  <script type="text/javascript" src="js/controllers.js"></script>
  <script type="text/javascript">
   var pollStatus = true;
   $(function(){
    $('#buttonPrev').click(function(){
     sendCommand({'command':'pl_previous'});
     return false;
    });
    $('#buttonNext').click(function(){
     sendCommand({'command':'pl_next'});
     return false;
    });
    $('#buttonOpen').click(function(){
     window.location='mobile_browse.html';
    });
    $('#buttonEQ').click(function(){
     window.location='mobile_equalizer.html';
    });
    $('#buttonSout').click(function(){
     var file   =   decodeURIComponent($('#buttonPlay').attr('mrl'));
     if(file){
      var defaultStream = 'new Current broadcast enabled input "'+file+'" output #transcode{vcodec=FLV1,vb=4096,fps=25,scale=1,acodec=mp3,ab=512,samplerate=44100,channels=2}:std{access='+$('#stream_protocol').val()+',mux=avformat{{mux=flv}},dst=0.0.0.0:'+$('#stream_port').val()+'/'+$('#stream_file').val()+'}';
      sendVLMCmd('del Current;'+defaultStream+';control Current play','window.location="mobile_view.html"');
     }
     return false;
    });
                $('#buttonRewd').click(function(){
                    sendCommand({'command': 'seek', 'val': '-' + seek_sec.toString() + 'S'});
                    return false;
                });
                $('#buttonFwrd').click(function(){
                    sendCommand({'command': 'seek', 'val': '+' + seek_sec.toString() + 'S'});
                    return false;
                });
   })
  </script>
 </head>
 <body>
 <div id="content" class="centered">
  <div id="art">
   <img id="albumArt" src="/art" />
  </div>
  <div style="width:100%"><div id="mediaTitle" class="dynamic centered"></div></div>
  <div id="play_controls">
   <div id="buttons">
    <div id="buttonPrev" class="button48  ui-corner-all" title="<?vlc gettext("Previous") ?>">
    </div><div id="buttonRewd" class="button48  ui-corner-all" title="<?vlc gettext("Rewind") ?>">
    </div><div id="buttonPlay" class="button48  ui-corner-all paused" title="<?vlc gettext("Play") ?>">
    </div><div id="buttonStop" class="button48  ui-corner-all" title="<?vlc gettext("Stop") ?>">
    </div><div id="buttonFwrd" class="button48  ui-corner-all" title="<?vlc gettext("Forward") ?>">
    </div><div id="buttonNext" class="button48  ui-corner-all" title="<?vlc gettext("Next") ?>"></div>
   </div>
   <div id="seekSlider" title="Seek Time" style="font-size:15px;"></div>
   <div id="currentTime" class="dynamic">00:00:00</div>
   <div id="totalTime" class="dynamic">00:00:00</div>
  </div>
  <div id="controls">
   <div id="buttons">
    <div id="buttonOpen" class="button48  ui-corner-all" title="<?vlc gettext("Open Media") ?>">
    </div><div id="buttonFull" class="button48  ui-corner-all" title="<?vlc gettext("Full Screen") ?>">
    </div><div id="buttonEQ" class="button48 ui-corner-all" title="<?vlc gettext("Equalizer") ?>">
    </div><div id="buttonSout" class="button48  ui-corner-all" title="<?vlc gettext("Easy Stream") ?>"></div>
   </div>
   <div id="volumeSlider" title="Volume" style="font-size:15px;">
    <img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/>
   </div>
  </div>
  <?vlc

 dialogs("stream_config_window.html");
 ?>
 </div>
 </body>
</html>