<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
+ //<![CDATA[
if(isMobile()){
window.location='mobile.html';
}
+ //]]>
</script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<link type="text/css" href="css/main.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.jstree.js"></script>
- <script type="text/javascript" src="http://static.flowplayer.org/js/flowplayer-3.2.6.min.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/controlers.js"></script>
<script type="text/javascript">
+ //<![CDATA[
var pollStatus = true;
$(function(){
$('.button').hover(function(){$(this).addClass('ui-state-hover')},function(){$(this).removeClass('ui-state-hover')});
- $('.button48').hover(
- function(){$(this).css({'filter':'alpha(opacity=50)','-moz-opacity':'0.5','-khtml-opacity': '0.5'})},
- function(){$(this).css({'filter':'alpha(opacity=100)','-moz-opacity':'1','-khtml-opacity': '1'})}
- );
$('#buttonPlayList').click(function(){
$('#libraryContainer').animate({
height: 'toggle'
}
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()+'}';
sendVLMCmd('del Current;'+defaultStream+';control Current play');
- $('#player').empty();
$('#player').attr('href',$('#stream_protocol').val()+'://'+$('#stream_host').val()+':'+$('#stream_port').val()+'/'+$('#stream_file').val());
- flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf");
current_que = 'stream';
updateStreams();
}
});
$('#viewContainer').animate({height: 'toggle'});
});
+ /* delay script loading so we won't block if we have no net access */
+ $.getScript('http://static.flowplayer.org/js/flowplayer-3.2.6.min.js', function(data, textStatus){
+ $('#player').empty();
+ flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf");
+ /* .getScript only handles success() */
+ });
+ //]]>
</script>
</head>
<body>
<div class="ui-widget-header" style="text-align: left;">
<img src="images/vlc16x16.png" alt="VLC" width="16" height="16"/> Controls
</div>
- <table width="100%" border="0" cellspacing="0" id="controlTable" class="ui-widget-content">
- <tr>
- <td id="controlButtons">
- <div id="buttonPrev" class="button48 ui-corner-all" title="Previous"></div>
- <div id="buttonPlay" class="button48 ui-corner-all" title="Play"></div>
- <div id="buttonNext" class="button48 ui-corner-all" title="Next"></div>
- <div id="buttonOpen" class="button48 ui-corner-all" title="Open Media"></div>
- <div id="buttonStop" class="button48 ui-corner-all" title="Stop"></div>
- <div id="buttonFull" class="button48 ui-corner-all" title="Full Screen"></div>
- <div id="buttonSout" class="button48 ui-corner-all" title="Easy Stream"></div>
- </td>
- <td id="buttonszone">
- <div id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library" style="float: left;"><span class="ui-icon ui-icon-note"></span></div>
- <div id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer" style="float: left;"><span class="ui-icon ui-icon-video"></span></div>
- <div id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams" style="float: left;"><span class="ui-icon ui-icon-script"></span></div>
- <div id="buttonOffsets" class="button ui-widget ui-state-default ui-corner-all" title="Track Synchronisation" style="float: left;"><span class="ui-icon ui-icon-transfer-e-w"></span></div>
- <div id="buttonEqualizer" class="button ui-widget ui-state-default ui-corner-all" title="Equalizer" style="float: left;"><span class="ui-icon ui-icon-signal"></span></div>
- <div id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands" style="float: left;"><span class="ui-icon ui-icon-suitcase"></span></div>
- </td>
- <td>
- <div id="volumesliderzone">
- <div id="volumeSlider" title="Volume"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
- <div id="currentVolume" class="dynamic">50%</div>
- </div>
- </td>
- <td id="artszone" rowspan="3">
- <img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art"/>
- </td>
- </tr>
- <tr>
- <td colspan="3">
- <div id="mediaTitle" class="dynamic"></div>
- </td>
- </tr>
- <tr>
- <td id="seekContainer" colspan="3">
- <div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;"></div>
- <table width="100%">
- <tr>
- <td>
- <div id="currentTime" class="dynamic">00:00:00</div>
- </td>
- <td>
- <div id="totalTime" class="dynamic">00:00:00</div>
- </td>
- </tr>
- </table>
- </td>
- </tr>
-
- </table>
+ <div id="controlTable" class="ui-widget-content">
+ <ul id="controlButtons">
+ <li id="buttonPrev" class="button48 ui-corner-all" title="Previous"></li>
+ <li id="buttonPlay" class="button48 ui-corner-all paused" title="Play"></li>
+ <li id="buttonNext" class="button48 ui-corner-all" title="Next"></li>
+ <li id="buttonOpen" class="button48 ui-corner-all" title="Open Media"></li>
+ <li id="buttonStop" class="button48 ui-corner-all" title="Stop"></li>
+ <li id="buttonFull" class="button48 ui-corner-all" title="Full Screen"></li>
+ <li id="buttonSout" class="button48 ui-corner-all" title="Easy Stream"></li>
+ </ul>
+ <ul id="buttonszone">
+ <li id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library"><span class="ui-icon ui-icon-note"></span></li>
+ <li id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer"><span class="ui-icon ui-icon-video"></span></li>
+ <li id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams"><span class="ui-icon ui-icon-script"></span></li>
+ <li id="buttonOffsets" class="button ui-widget ui-state-default ui-corner-all" title="Track Synchronisation"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
+ <li id="buttonEqualizer" class="button ui-widget ui-state-default ui-corner-all" title="Equalizer"><span class="ui-icon ui-icon-signal"></span></li>
+ <li id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands"><span class="ui-icon ui-icon-suitcase"></span></li>
+ </ul>
+ <div id="volumesliderzone">
+ <div id="volumeSlider" title="Volume"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
+ <div id="currentVolume" class="dynamic">50%</div>
+ </div>
+ <div id="artszone">
+ <img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art"/>
+ </div>
+ <div id="mediaTitle" class="dynamic"></div>
+ <div id="seekContainer">
+ <div id="seekSlider" title="Seek Time"></div>
+ <div id="currentTime" class="dynamic">00:00:00</div>
+ <div id="totalTime" class="dynamic">00:00:00</div>
+ </div>
+ </div>
</div>
<div id="viewContainer" class="ui-widget">
<div class="ui-widget-header" style="text-align: left;"><img src="images/vlc16x16.png" alt="VLC" width="16" height="16"/> Viewer</div>
<div id="mediaViewer" class="ui-widget-content">
- <div href="http://localhost:8081/stream.flv" style="display:block; width:100%" id="player"></div>
+ <div href="http://localhost:8081/stream.flv" style="display:block; width:100%" id="player">
+ <p>Loading flowplayer...<br/>If nothing appears, check your internet connection.</p>
+ </div>
</div>
</div>
<div id="libraryContainer" class="ui-widget">