share/lua/http/dialogs/main

   1 <?vlc --[[
   2 vim:syntax=html
   3 <!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
   4 <  main: VLC media player web interface - main VLC controler
   5 < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
   6 <  Copyright (C) 2005-2006 the VideoLAN team
   7 <  $Id$
   8 <
   9 <  Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
  10 <
  11 <  This program is free software; you can redistribute it and/or modify
  12 <  it under the terms of the GNU General Public License as published by
  13 <  the Free Software Foundation; either version 2 of the License, or
  14 <  (at your option) any later version.
  15 <
  16 <  This program is distributed in the hope that it will be useful,
  17 <  but WITHOUT ANY WARRANTY; without even the implied warranty of
  18 <  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  19 <  GNU General Public License for more details.
  20 <
  21 <  You should have received a copy of the GNU General Public License
  22 <  along with this program; if not, write to the Free Software
  23 <  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111, USA.
  24 < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
  25
  26 This dialog needs the following dialogs to be fully functional: input,
  27 sout and playlist .
  28 ]]?>
  29
  30 <div id="main" class="dialog" >
  31   <div class="title">
  32     VLC media player
  33     <button id="btn_toggle_text" onclick="toggle_btn_text();" title="Help" >
  34       <img src="images/help.png" alt="Help" />
  35       Help
  36     </button>
  37   </div>
  38   <div class="controls">
  39     <button id="btn_open" onclick="toggle_show('input');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Open" >
  40       <img src="images/eject.png" alt="Open" />
  41       <span class="btn_text">Open</span>
  42     </button>
  43     &nbsp;
  44     <button id="btn_stop" onclick="pl_stop();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Stop" >
  45       <img src="images/stop.png" alt="Stop" />
  46       <span class="btn_text">Stop</span>
  47     </button>
  48     <!--<button id="btn_play" onclick="alert('FIXME');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Play" >
  49       <img src="images/play.png" alt="Play" />
  50       <span class="btn_text">Play</span>
  51     </button>-->
  52     <button id="btn_pause" onclick="pl_pause();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Pause" >
  53       <img src="images/pause.png" alt="Pause" id="btn_pause_img" />
  54       <span class="btn_text">Pause</span>
  55     </button>
  56     &nbsp;
  57     <button id="btn_previous" onclick="pl_previous();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Previous" >
  58       <img src="images/prev.png" alt="Previous" />
  59       <span class="btn_text">Previous</span>
  60     </button>
  61     <button id="btn_next" onclick="pl_next();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Next" >
  62       <img src="images/next.png" alt="Next" />
  63       <span class="btn_text">Next</span>
  64     </button>
  65     &nbsp;
  66     <button id="btn_sout" onclick="toggle_show('sout');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Stream Output" >
  67       <img src="images/sout.png" alt="Stream Output" />
  68       <span class="btn_text">Stream Output</span>
  69     </button>
  70     <button id="btn_playlist" onclick="toggle_show('playlist');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Playlist" >
  71       <img src="images/playlist.png" alt="Playlist" />
  72       <span class="btn_text">Playlist</span>
  73     </button>
  74     <button id="btn_info" onclick="toggle_show('info');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Info" >
  75       <img src="images/info.png" alt="Info" />
  76       <span class="btn_text">Info</span>
  77     </button>
  78     &nbsp;
  79     <button id="btn_fullscreen" onclick="fullscreen();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Fullscreen" >
  80       <img src="images/fullscreen.png" alt="Fullscreen" />
  81       <span class="btn_text">Fullscreen</span>
  82     </button>
  83     &nbsp;
  84     <button id="btn_snapshot" onclick="snapshot();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Take video snapshot" >
  85       <img src="images/snapshot.png" alt="Take video snapshot" />
  86       <span class="btn_text">Take video snapshot</span>
  87     </button>
  88     &nbsp;
  89     <button id="btn_volume_down" onclick="volume_down();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Decrease Volume" >
  90       <img src="images/volume_down.png" alt="Decrease Volume" />
  91       <span class="btn_text">Decrease Volume</span>
  92     </button>
  93     <button id="btn_volume_up" onclick="volume_up();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Increase Volume" >
  94       <img src="images/volume_up.png" alt="Increase Volume" />
  95       <span class="btn_text">Increase Volume</span>
  96     </button>
  97     <button id="btn_volume_mute" onclick="volume_mute();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Mute Volume" >
  98       <img src="images/volume_mute.png" alt="Mute Volume" />
  99       <span class="btn_text">Mute Volume</span>
 100     </button>
 101
 102   </div>
 103   <div id="status">
 104     <span id="state">(?)</span>
 105     -
 106     Time : <span id="time">(?)</span>/<span id="length">(?)</span>
 107     -
 108     Volume : <span id="volume">(?)</span>
 109     <br/>
 110     <!-- progress bar -->
 111     <img src="images/slider_left.png" alt="slider left" /><span id="progressbar" style="background-image: url( 'images/slider_bar.png' ); width: 408px; height:16px; position:absolute;" onclick="slider_seek( event, this );" onmousemove="slider_move( event, this );"><img src="images/slider_point.png" alt="slider point" style="position:relative; left:0px;" id="main_slider_point" onmousedown="slider_down( event, this );" onmouseup="slider_up( event, this.parentNode );" onmouseout="slider_up( event, this.parentNode );"/></span><img src="images/slider_right.png" alt="slider right" style="position:relative;left:408px;" />
 112     <br/>
 113     <span id="nowplaying">(?)</span>
 114     <img id="albumart" alt="" src="/art" style="float: right" onclick="refresh_albumart(true);"/>
 115   </div>
 116 </div>
 117
 118 <div id="info" class="dialog" style="display: none;" >
 119   <div class="title">
 120     Stream and media info
 121     <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('info');"/>
 122   </div>
 123   <div id="infotree">
 124   </div>
 125 </div>