PageRenderTime 61ms CodeModel.GetById 30ms RepoModel.GetById 1ms app.codeStats 0ms

/share/lua/http/index.html

https://github.com/mstorsjo/vlc
HTML | 287 lines | 264 code | 1 blank | 22 comment | 0 complexity | 7e0f141d3e483f5f169e589d404e3adc MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    2. 

  2. <!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
    3. 

  3. <  index.html: VLC media player web interface - VLM
    4. 

  4. < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
    5. 

  5. <  Copyright (C) 2005-2014 VLC authors and VideoLAN
    6. 

  6. <  $Id$
    7. 

  7. <
    8. 

  8. <  Authors: Brandon Brooks <bwbrooks -at- archmageinc -dot- com>
    9. 

  9. <
    10. 

  10. <  This program is free software; you can redistribute it and/or modify
    11. 

  11. <  it under the terms of the GNU General Public License as published by
    12. 

  12. <  the Free Software Foundation; either version 2 of the License, or
    13. 

  13. <  (at your option) any later version.
    14. 

  14. <
    15. 

  15. <  This program is distributed in the hope that it will be useful,
    16. 

  16. <  but WITHOUT ANY WARRANTY; without even the implied warranty of
    17. 

  17. <  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    18. 

  18. <  GNU General Public License for more details.
    19. 

  19. <
    20. 

  20. <  You should have received a copy of the GNU General Public License
    21. 

  21. <  along with this program; if not, write to the Free Software
    22. 

  22. <  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
    23. 

  23. < - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
    24. 

  24. <html>
    25. 

  25. 	<head>
    26. 

  26. 		<title><?vlc gettext("VLC media player - Web Interface") ?></title>
    27. 

  27. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    28. 

  28. 		<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
    29. 

  29. 		<script type="text/javascript" src="js/common.js"></script>
    30. 

  30. 		<script type="text/javascript">
    31. 

  31. 		//<![CDATA[
    32. 

  32. 			if(isMobile()){
    33. 

  33. 				window.location='mobile.html';
    34. 

  34. 			}
    35. 

  35. 		//]]>
    36. 

  36. 		</script>
    37. 

  37. 		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
    38. 

  38. 		<link type="text/css" href="css/main.css" rel="stylesheet" />
    39. 

  39. 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    40. 

  40. 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    41. 

  41. 		<script type="text/javascript" src="js/jquery.jstree.js"></script>
    42. 

  42. 		<script type="text/javascript" src="js/ui.js"></script>
    43. 

  43. 		<script type="text/javascript" src="js/controllers.js"></script>
    44. 

  44. 		<script type="text/javascript">
    45. 

  45. 		//<![CDATA[
    46. 

  46. 			var pollStatus	=	true;
    47. 

  47. 			$(function(){
    48. 

  48. 				$('.button').hover(function(){$(this).addClass('ui-state-hover')},function(){$(this).removeClass('ui-state-hover')});
    49. 

  49. 				$('#buttonPlayList').click(function(){
    50. 

  50. 					$('#libraryContainer').animate({
    51. 

  51. 						height: 'toggle'
    52. 

  52. 					});
    53. 

  53. 					$('#buttonszone1').animate({
    54. 

  54. 						width: 'toggle'
    55. 

  55. 					});
    56. 

  56. 					return false;
    57. 

  57. 				});
    58. 

  58. 				$('#buttonViewer').click(function(){
    59. 

  59. 					$('#viewContainer').animate({
    60. 

  60. 						height: 'toggle'
    61. 

  61. 					})
    62. 

  62. 					return false;
    63. 

  63. 				});
    64. 

  64. 				$('#buttonEqualizer').click(function(){
    65. 

  65. 					updateEQ();
    66. 

  66. 					$('#window_equalizer').dialog('open');
    67. 

  67. 					return false;
    68. 

  68. 				})
    69. 

  69. 				$('#buttonOffsets').click(function(){
    70. 

  70. 					$('#window_offset').dialog('open');
    71. 

  71. 					return false;
    72. 

  72. 				});
    73. 

  73. 				$('#buttonBatch').click(function(){
    74. 

  74. 					$('#window_batch').dialog('open');
    75. 

  75. 					return false;
    76. 

  76. 				});
    77. 

  77. 				$('#buttonOpen').click(function(){
    78. 

  78. 					browse_target	=	'default';
    79. 

  79. 					browse();
    80. 

  80. 					$('#window_browse').dialog('open');
    81. 

  81. 					return false;
    82. 

  82. 				});
    83. 

  83. 				$('#buttonPrev').mousedown(function(){
    84. 

  84. 					intv	=	1;
    85. 

  85. 					ccmd	=	'prev';
    86. 

  86. 					setIntv();
    87. 

  87. 					return false;
    88. 

  88. 				});
    89. 

  89. 				$('#buttonPrev').mouseup(function(){
    90. 

  90. 					if(intv<=5){
    91. 

  91. 						sendCommand({'command':'pl_previous'});
    92. 

  92. 					}
    93. 

  93. 					intv	=	0;
    94. 

  94. 					return false;
    95. 

  95. 				});
    96. 

  96. 				$('#buttonNext').mousedown(function(){
    97. 

  97. 					intv	=	1;
    98. 

  98. 					ccmd	=	'next';
    99. 

  99. 					setIntv();
    100. 

  100. 					return false;
    101. 

  101. 				});
    102. 

  102. 				$('#buttonNext').mouseup(function(){
    103. 

  103. 					if(intv<=5){
    104. 

  104. 						sendCommand({'command':'pl_next'});
    105. 

  105. 					}
    106. 

  106. 					intv	=	0;
    107. 

  107. 					return false;
    108. 

  108. 				});
    109. 

  109. 				$('#buttonPlEmpty').click(function(){
    110. 

  110. 					sendCommand({'command':'pl_empty'})
    111. 

  111. 					updatePlayList(true);
    112. 

  112. 					return false;
    113. 

  113. 				});
    114. 

  114. 				$('#buttonLoop').click(function(){
    115. 

  115. 					sendCommand({'command':'pl_loop'});
    116. 

  116. 					return false;
    117. 

  117. 				});
    118. 

  118. 				$('#buttonRepeat').click(function(){
    119. 

  119. 					sendCommand({'command':'pl_repeat'});
    120. 

  120. 					return false;
    121. 

  121. 				});
    122. 

  122. 				$('#buttonShuffle').click(function(){
    123. 

  123. 					sendCommand({'command':'pl_random'});
    124. 

  124. 					return false;
    125. 

  125. 				})
    126. 

  126. 				$('#buttonRefresh').click(function(){
    127. 

  127. 				    updatePlayList(true);
    128. 

  128. 				    return false;
    129. 

  129. 				});
    130. 

  130. 				$('#buttonPlPlay').click(function(){
    131. 

  131. 					sendCommand({
    132. 

  132. 						'command': 'pl_play',
    133. 

  133. 						'id':$('.jstree-clicked','#libraryTree').first().parents().first().attr('id').substr(5)
    134. 

  134. 					})
    135. 

  135. 					return false;
    136. 

  136. 				});
    137. 

  137. 				$('#buttonPlAdd').click(function(){
    138. 

  138. 					$('.jstree-clicked','#libraryTree').each(function(){
    139. 

  139. 						if($(this).parents().first().attr('uri')){
    140. 

  140. 							sendCommand({
    141. 

  141. 								'command':'in_enqueue',
    142. 

  142. 								'input' : $(this).parents().first().attr('uri')
    143. 

  143. 							});
    144. 

  144. 						};
    145. 

  145. 					});
    146. 

  146. 					$('#libraryTree').jstree('deselect_all');
    147. 

  147. 					setTimeout(function(){updatePlayList(true);},1000);
    148. 

  148. 					return false;
    149. 

  149. 				});
    150. 

  150. 				$('#buttonStreams, #buttonStreams2').click(function(){
    151. 

  151. 					updateStreams();
    152. 

  152. 					$('#window_streams').dialog('open');
    153. 

  153. 				});
    154. 

  154. 				$('#buttonSout').click(function(){
    155. 

  155. 					if(current_que=='main'){
    156. 

  156. 						$('#windowStreamConfirm').dialog('open');
    157. 

  157. 					}else{
    158. 

  158. 						$('#player').empty();
    159. 

  159. 						current_que		=	'main';
    160. 

  160. 						sendVLMCmd('del Current');
    161. 

  161. 						updateStatus();
    162. 

  162. 					}
    163. 

  163. 					return false;
    164. 

  164. 				});
    165. 

  165. 				$('#windowStreamConfirm').dialog({
    166. 

  166. 					autoOpen: false,
    167. 

  167. 					width:600,
    168. 

  168. 					modal: true,
    169. 

  169. 					buttons:{
    170. 

  170. 						"<?vlc gettext("Yes") ?>":function(){
    171. 

  171. 							var file			=	$('[current="current"]','#libraryTree').length>0 ? $('[current="current"]','#libraryTree').first().attr('uri') : ($('.jstree-clicked','#libraryTree').length>0 ? $('.jstree-clicked','#libraryTree').first().parents().first().attr('uri') : ($('#plid_'+current_id).attr('uri') ? $('#plid_'+current_id).attr('uri') : false));
    172. 

  172. 							if(file){
    173. 

  173. 								if($('#viewContainer').css('display')=='none'){
    174. 

  174. 									$('#buttonViewer').click();
    175. 

  175. 								}
    176. 

  176. 								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()+'}';
    177. 

  177. 								sendVLMCmd('del Current;'+defaultStream+';control Current play');
    178. 

  178. 								$('#player').attr('href',$('#stream_protocol').val()+'://'+$('#stream_host').val()+':'+$('#stream_port').val()+'/'+$('#stream_file').val());
    179. 

  179. 								current_que			=	'stream';
    180. 

  180. 								updateStreams();
    181. 

  181. 							}
    182. 

  182. 							$(this).dialog('close');
    183. 

  183. 						},
    184. 

  184. 						"<?vlc gettext("No") ?>":function(){
    185. 

  185. 							$(this).dialog('close');
    186. 

  186. 						}
    187. 

  187. 					}
    188. 

  188. 				});
    189. 

  189. 				$('#viewContainer').animate({height: 'toggle'});
    190. 

  190. 			});
    191. 

  191. 			/* delay script loading so we won't block if we have no net access */
    192. 

  192. 			$.getScript('http://releases.flowplayer.org/js/flowplayer-3.2.6.min.js', function(data, textStatus){
    193. 

  193. 				$('#player').empty();
    194. 

  194. 				flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf");
    195. 

  195. 				/* .getScript only handles success() */
    196. 

  196. 			 });
    197. 

  197. 		//]]>
    198. 

  198. 		</script>
    199. 

  199. 	</head>
    200. 

  200. 	<body id="regular_layout">
    201. 

  201. 			<div class="centered">
    202. 

  202. 			<div id="mainContainer" class="centered">
    203. 

  203. 			<div id="controlContainer" class="ui-widget">
    204. 

  204. 				<div id="controlTable" class="ui-widget-content">
    205. 

  205. 					<ul id="controlButtons">
    206. 

  206. 						<li id="buttonPrev" class="button48  ui-corner-all" title="<?vlc gettext("Previous") ?>"></li>
    207. 

  207. 						<li id="buttonPlay" class="button48  ui-corner-all paused" title="<?vlc gettext("Play") ?>"></li>
    208. 

  208. 						<li id="buttonNext" class="button48  ui-corner-all" title="<?vlc gettext("Next") ?>"></li>
    209. 

  209. 						<li id="buttonOpen" class="button48  ui-corner-all" title="<?vlc gettext("Open Media") ?>"></li>
    210. 

  210. 						<li id="buttonStop" class="button48  ui-corner-all" title="<?vlc gettext("Stop") ?>"></li>
    211. 

  211. 						<li id="buttonFull" class="button48  ui-corner-all" title="<?vlc gettext("Full Screen") ?>"></li>
    212. 

  212. 						<li id="buttonSout" class="button48  ui-corner-all" title="<?vlc gettext("Easy Stream") ?>"></li>
    213. 

  213. 					</ul>
    214. 

  214. 					<ul id="buttonszone2" class="buttonszone">
    215. 

  215. 						<li id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Hide / Show Library") ?>"><span class="ui-icon ui-icon-note"></span><?vlc gettext("Hide / Show Library") ?></li>
    216. 

  216. 						<li id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Hide / Show Viewer") ?>"><span class="ui-icon ui-icon-video"></span><?vlc gettext("Hide / Show Viewer") ?></li>
    217. 

  217. 						<li id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Manage Streams") ?>"><span class="ui-icon ui-icon-script"></span><?vlc gettext("Manage Streams") ?></li>
    218. 

  218. 						<li id="buttonOffsets" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Track Synchronisation") ?>"><span class="ui-icon ui-icon-transfer-e-w"></span><?vlc gettext("Track Synchronisation") ?></li>
    219. 

  219. 						<li id="buttonEqualizer" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Equalizer") ?>"><span class="ui-icon ui-icon-signal"></span><?vlc gettext("Equalizer") ?></li>
    220. 

  220. 						<li id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("VLM Batch Commands") ?>"><span class="ui-icon ui-icon-suitcase"></span><?vlc gettext("VLM Batch Commands") ?></li>
    221. 

  221. 					</ul>
    222. 

  222. 					<div id="volumesliderzone">
    223. 

  223. 						<div id="volumeSlider" title="Volume"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
    224. 

  224. 						<div id="currentVolume" class="dynamic">50%</div>
    225. 

  225. 					</div>
    226. 

  226. 					<div id="artszone">
    227. 

  227. 						<img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art"/>
    228. 

  228. 					</div>
    229. 

  229. 					<div id="mediaTitle" class="dynamic"></div>
    230. 

  230. 					<div id="seekContainer">
    231. 

  231. 						<div id="seekSlider" title="<?vlc gettext("Seek Time") ?>"></div>
    232. 

  232. 						<div id="currentTime" class="dynamic">00:00:00</div>
    233. 

  233. 						<div id="totalTime" class="dynamic">00:00:00</div>
    234. 

  234. 					</div>
    235. 

  235. 				</div>
    236. 

  236. 			</div>
    237. 

  237. 			<div id="libraryContainer" class="ui-widget">
    238. 

  238. 				<ul id="buttonszone1" align="left" class="buttonszone ui-widget-content" style="overflow:hidden; white-space: nowrap;">
    239. 

  239. 					<li id="buttonShuffle" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Shuffle") ?>"><span class="ui-icon ui-icon-shuffle"></span><?vlc gettext("Shuffle") ?></li>
    240. 

  240. 					<li id="buttonLoop" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Loop") ?>"><span class="ui-icon ui-icon-refresh"></span><?vlc gettext("Loop") ?></li>
    241. 

  241. 					<li id="buttonRepeat" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Repeat") ?>"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span><?vlc gettext("Repeat") ?></li>
    242. 

  242. 					<li id="buttonPlEmpty" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Empty Playlist") ?>"><span class="ui-icon ui-icon-trash"></span><?vlc gettext("Empty Playlist") ?></li>
    243. 

  243. 					<li id="buttonPlAdd" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Queue Selected") ?>"><span class="ui-icon ui-icon-plus"></span><?vlc gettext("Queue Selected") ?></li>
    244. 

  244. 					<li id="buttonPlPlay" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Play Selected") ?>"><span class="ui-icon ui-icon-play"></span><?vlc gettext("Play Selected") ?></li>
    245. 

  245. 					<li id="buttonRefresh" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Refresh List") ?>"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span><?vlc gettext("Refresh List") ?></li>
    246. 

  246. 				</ul>
    247. 

  247. 				<div id="libraryTree" class="ui-widget-content"></div>
    248. 

  248. 			</div>
    249. 

  249. 			<div id="viewContainer" class="ui-widget">
    250. 

  250. 				<div id="mediaViewer" class="ui-widget-content">
    251. 

  251. 					<div href="http://localhost:8081/stream.flv" style="display:block; width:100%" id="player">
    252. 

  252. 						<p><?vlc gettext("Loading flowplayer...") ?><br/><?vlc gettext("If nothing appears, check your internet connection.") ?></p>
    253. 

  253. 					</div>
    254. 

  254. 				</div>
    255. 

  255. 			</div>
    256. 

  256. 			<div class="footer">
    257. 

  257. 				VLC <?vlc print(vlc.misc.version() .. ' - Lua Web Interface - <a id="mobileintflink" href="/mobile.html">Mobile Interface</a> - ' .. vlc.misc.copyright()) ?>
    258. 

  258. 			</div>
    259. 

  259. 		</div>
    260. 

  260. 		</div>
    261. 

  261. 		<div id="windowStreamConfirm" title="Confirm Stream Settings">
    262. 

  262. 			<p>
    263. 

  263. 				<?vlc gettext("By creating a stream, the <i>Main Controls</i> will operate the stream instead of the main interface.") ?>
    264. 

  264. 				<?vlc gettext("The stream will be created using default settings, for more advanced configuration, or to modify the default settings, select the button to the right: <i>Manage Streams</i>") ?>
    265. 

  265. 				<span id="buttonStreams2" class="button ui-widget ui-state-default ui-corner-all" title="<?vlc gettext("Manage Streams") ?>"><span class="ui-icon ui-icon-script"></span></span>
    266. 

  266. 			</p>
    267. 

  267. 			<p>
    268. 

  268. 				<?vlc gettext("Once the stream is created, the <i>Media Viewer</i> window will display the stream.") ?>
    269. 

  269. 				<?vlc gettext("Volume will be controlled by the player, and not the <i>Main Controls</i>.") ?>
    270. 

  270. 			</p>
    271. 

  271. 			<p>
    272. 

  272. 				<?vlc gettext("The current playing item will be streamed. If there is no currently playing item, the first selected item from the <i>Library</i> will be the subject of the stream.") ?>
    273. 

  273. 			</p>
    274. 

  274. 			<p>
    275. 

  275. 				<?vlc gettext("To stop the stream and resume normal controls, click the <i>Open Stream</i> button again.") ?>
    276. 

  276. 			</p>
    277. 

  277. 			<p>
    278. 

  278. 				<?vlc gettext("Are you sure you wish to create the stream?") ?>
    279. 

  279. 			</p>
    280. 

  280. 		</div>
    281. 

  281. 		<?vlc
    282. 

  282. 		current_page = "index"
    283. 

  283. 

  284. 		dialogs("browse_window.html","stream_window.html","create_stream.html","offset_window.html","mosaic_window.html","equalizer_window.html","batch_window.html","error_window.html");
    285. 

  285. 		?>
    286. 

  286. 	</body>
    287. 

  287. </html>
    288. 

  288.