1 <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
2 < mobile.html: VLC media player web interface - VLM
3 < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
4 < Copyright (C) 2005-2006 the VideoLAN team
7 < Authors: Brandon Brooks <bwbrooks -at- archmageinc -dot- com>
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.
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.
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 < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
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;
40 $('#buttonPrev').click(function(){
41 sendCommand({'command':'pl_previous'});
44 $('#buttonNext').click(function(){
45 sendCommand({'command':'pl_next'});
48 $('#buttonOpen').click(function(){
49 window.location='mobile_browse.html';
51 $('#buttonEQ').click(function(){
52 window.location='mobile_equalizer.html';
54 $('#buttonSout').click(function(){
55 var file = decodeURIComponent($('#buttonPlay').attr('mrl'));
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"');
65 <body id="mobile_layout">
67 <table width="100%" cellpadding="0" cellspacing="0" style="height:100%" border="0">
70 <td valign="top" height="130px">
71 <img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art" style="border:2px solid #000000;"/>
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
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>
89 <td colspan="2" valign="bottom" height="20px">
90 <div id="mediaTitle" class="dynamic"></div>
94 <td id="controlButtons" colspan="2" valign="bottom" height="108px;" class="ui-widget-content">
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>
101 <div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;font-size:30px;"></div>
105 <div id="currentTime" class="dynamic">00:00:00</div>
108 <div id="totalTime" class="dynamic">00:00:00</div>
118 dialogs("stream_config_window.html");