git.sesse.net Git - vlc/blob - share/lua/http/mobile.html

   1 <!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
   2 <  mobile.html: VLC media player web interface - VLM
   3 < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
   4 <  Copyright (C) 2005-2006 the VideoLAN team
   5 <  $Id$
   6 <
   7 <  Authors: Brandon Brooks <bwbrooks -at- archmageinc -dot- com>
   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 <html>
  24         <head>
  25                 <title>VLC media player - Web Interface</title>
  26                 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  27                 <meta name="viewport" content="width=device-width; user-scalable=no" />
  28                 <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
  29                 <script type="text/javascript" src="js/common.js"></script>
  30                 <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
  31                 <link type="text/css" href="css/main.css" rel="stylesheet" />
  32                 <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
  33                 <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
  34                 <script type="text/javascript" src="js/jquery.jstree.js"></script>
  35                 <script type="text/javascript" src="js/ui.js"></script>
  36                 <script type="text/javascript" src="js/controlers.js"></script>
  37                 <script type="text/javascript">
  38                         var pollStatus  =       true;
  39                         $(function(){
  40                                 $('#buttonPrev').click(function(){
  41                                         sendCommand({'command':'pl_previous'});
  42                                         return false;
  43                                 });
  44                                 $('#buttonNext').click(function(){
  45                                         sendCommand({'command':'pl_next'});
  46                                         return false;
  47                                 });
  48                                 $('#buttonOpen').click(function(){
  49                                         window.location='mobile_browse.html';
  50                                 });
  51                                 $('#buttonEQ').click(function(){
  52                                         window.location='mobile_equalizer.html';
  53                                 });
  54                                 $('#buttonSout').click(function(){
  55                                         var file                        =         decodeURIComponent($('#buttonPlay').attr('mrl'));
  56                                         if(file){
  57                                                 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=ffmpeg{{mux=flv}},dst=0.0.0.0:'+$('#stream_port').val()+'/'+$('#stream_file').val()+'}';
  58                                                 sendVLMCmd('del Current;'+defaultStream+';control Current play','window.location="mobile_view.html"');
  59                                         }
  60                                         return false;
  61                                 });
  62                         })
  63                 </script>
  64         </head>
  65         <body id="mobile_layout">
  66                 <div id="main">
  67                         <table width="100%" cellpadding="0" cellspacing="0" style="height:100%" border="0">
  68
  69                                 <tr>
  70                                         <td valign="top" height="130px">
  71                                                 <img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art" style="border:2px solid #000000;"/>
  72                                         </td>
  73                                         <td valign="top" width="125px"  class="ui-widget-content" rowspan="2">
  74                                                 <div id="buttonOpen" class="button48  ui-corner-all" title="Open Media"></div>
  75                                                 <div id="buttonFull" class="button48  ui-corner-all" title="Full Screen"></div>
  76                                                 <div id="buttonEQ" class="button48 ui-corner-all" title="Equalizer"></div>
  77                                                 <div id="buttonSout" class="button48  ui-corner-all" title="Easy Stream"></div
  78                                         </td>
  79                                 </tr>
  80                                 <tr>
  81                                         <td>&nbsp;</td>
  82                                 </tr>
  83                                 <tr>
  84                                         <td colspan="2" valign="bottom" height="60px">
  85                                                 <div id="volumeSlider" title="Volume" style="width:98%; margin-left:10px; font-size:30px;"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
  86                                         </td>
  87                                 </tr>
  88                                 <tr>
  89                                         <td colspan="2" valign="bottom" height="20px">
  90                                                 <div id="mediaTitle" class="dynamic"></div>
  91                                         </td>
  92                                 </tr>
  93                                 <tr>
  94                                         <td id="controlButtons" colspan="2" valign="bottom" height="108px;" class="ui-widget-content">
  95                                                 <div align="center">
  96                                                         <div id="buttonPrev" class="button48  ui-corner-all" title="Previous"></div>
  97                                                         <div id="buttonPlay" class="button48  ui-corner-all paused" title="Play"></div>
  98                                                         <div id="buttonNext" class="button48  ui-corner-all" title="Next"></div>
  99                                                         <div id="buttonStop" class="button48  ui-corner-all" title="Stop"></div>
 100                                                 </div>
 101                                                 <div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;font-size:30px;"></div>
 102                                                 <table width="100%">
 103                                                         <tr>
 104                                                                 <td>
 105                                                                         <div id="currentTime" class="dynamic">00:00:00</div>
 106                                                                 </td>
 107                                                                 <td>
 108                                                                         <div id="totalTime" class="dynamic">00:00:00</div>
 109                                                                 </td>
 110                                                         </tr>
 111                                                 </table>
 112                                         </td>
 113                                 </tr>
 114                         </table>
 115                 </div>
 116                 <?vlc
 117
 118         dialogs("stream_config_window.html");
 119         ?>
 120         </body>
 121 </html>