main 5.59 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
<vlc id="if" param1="0" />
vim:syntax=html
<!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  main: VLC media player web interface - main VLC controler
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  Copyright (C) 2005-2006 the VideoLAN team
<  $Id$
< 
<  Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
< 
<  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., 59 Temple Place - Suite 330, Boston, MA  02111, USA.
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

This dialog needs the following dialogs to be fully functional: input,
sout and playlist .
<vlc id="end" />

<div id="main" class="dialog" >
  <div class="title">
    VLC media player
    <button id="btn_toggle_text" onclick="toggle_btn_text();">
      <img src="images/help.png" alt="Help" />
      Help
    </button>
  </div>
  <div class="controls">
39
    <button id="btn_open" onclick="toggle_show('input');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Open" >
40 41 42 43
      <img src="images/eject.png" alt="Open" />
      <span class="btn_text">Open</span>
    </button>
    &nbsp;
44
    <button id="btn_stop" onclick="pl_stop();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Stop" >
45 46 47
      <img src="images/stop.png" alt="Stop" />
      <span class="btn_text">Stop</span>
    </button>
48
    <!--<button id="btn_play" onclick="alert('FIXME');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Play" >
49 50 51
      <img src="images/play.png" alt="Play" />
      <span class="btn_text">Play</span>
    </button>-->
52
    <button id="btn_pause" onclick="pl_pause();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Pause" >
53 54 55 56
      <img src="images/pause.png" alt="Pause" id="btn_pause_img" />
      <span class="btn_text">Pause</span>
    </button>
    &nbsp;
57
    <button id="btn_previous" onclick="pl_previous();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Previous" >
58 59 60
      <img src="images/prev.png" alt="Previous" />
      <span class="btn_text">Previous</span>
    </button>
61
    <button id="btn_next" onclick="pl_next();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Next" >
62 63 64 65
      <img src="images/next.png" alt="Next" />
      <span class="btn_text">Next</span>
    </button>
    &nbsp;
66
    <button id="btn_sout" onclick="toggle_show('sout');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Stream Output" >
67 68 69
      <img src="images/sout.png" alt="Stream Output" />
      <span class="btn_text">Stream Output</span>
    </button>
70
    <button id="btn_playlist" onclick="toggle_show('playlist');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Playlist" >
71 72 73
      <img src="images/playlist.png" alt="Playlist" />
      <span class="btn_text">Playlist</span>
    </button>
74 75 76 77
    <button id="btn_info" onclick="toggle_show('info');" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Info" >
      <img src="images/info.png" alt="Info" />
      <span class="btn_text">Info</span>
    </button>
78
    &nbsp;
79
    <button id="btn_fullscreen" onclick="fullscreen();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Fullscreen" >
80 81 82 83
      <img src="images/fullscreen.png" alt="Fullscreen" />
      <span class="btn_text">Fullscreen</span>
    </button>
    &nbsp;
84
    <button id="btn_volume_down" onclick="volume_down();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Decrease Volume" >
85 86 87
      <img src="images/volume_down.png" alt="Decrease Volume" />
      <span class="btn_text">Decrease Volume</span>
    </button>
88
    <button id="btn_volume_up" onclick="volume_up();" onmouseover="button_over(this);" onmouseout="button_out(this);" title="Increase Volume" >
89 90 91 92 93 94 95 96 97 98 99
      <img src="images/volume_up.png" alt="Increase Volume" />
      <span class="btn_text">Increase Volume</span>
    </button>
  </div>
  <div id="status">
    <span id="state">(?)</span>
    -
    Time : <span id="time">(?)</span>/<span id="length">(?)</span>
    -
    Volume : <span id="volume">(?)</span>
    <br/>
100 101 102
    <!-- progress bar -->
    <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;" />
    <br/>
103 104 105
    <span id="nowplaying">(?)</span>
  </div>
</div>
106 107 108 109 110 111 112 113 114 115 116

<div id="info" class="dialog" style="display: none;" >
  <div class="title">
    Stream and media info
    <button id="btn_info_hide" onclick="hide( 'info' );">
      Hide
    </button>
  </div>
  <div id="infotree">
  </div>
</div>