Skip to content

Commit 19aafef

Browse files
tzikistzikis
committed
initial commit
1 parent b0cf2f5 commit 19aafef

17 files changed

+11069
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/videos/*.m4v

‎index.html

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
<html>
2+
<head>
3+
<style type="text/css">
4+
#mydiv
5+
{
6+
color:white;
7+
background-color: green;
8+
text-align:center;
9+
font-size:100px;
10+
font-family:"Courrier New";
11+
vertical-align:"middle";
12+
}
13+
#mydiv2
14+
{
15+
color:white;
16+
background-color: blue;
17+
text-align:center;
18+
font-size:40px;
19+
font-family:"Courrier New";
20+
vertical-align:"middle";
21+
}
22+
</style>
23+
<link type="text/css" href="jplayer/blue.monday/jplayer.blue.monday.css" rel="stylesheet" />
24+
25+
<style type="text/css">
26+
#jp_container_1
27+
{
28+
margin-right:auto;
29+
margin-left:auto;
30+
}
31+
</style>
32+
33+
</head>
34+
<body>
35+
<script src="jquery-1.7.1.js"></script>
36+
<script src="jquery-ui-1.8.17.custom.min.js"></script>
37+
<script type="text/javascript">
38+
<!--
39+
var xmlhttp,last, last2, old, old2;
40+
old="0";
41+
old2="0";
42+
function myFunction()
43+
{
44+
$.get('http://192.168.1.5/report/?limit=1&nostyle&nobutton', function(data) {
45+
last = data;
46+
if (last!=old)
47+
{
48+
old=last;
49+
// alert(old);
50+
$("#testing").draggable();
51+
$("#username").html(old.substring( old.indexOf(" ",0), old.length - 6 ));
52+
// $("#mydiv").animate({height:"135px"},1000).delay(5000).animate({height:"0px"},1000);
53+
$( "#mydiv" ).toggle("blind",{}, 1000 ).delay(5000).toggle("blind",{}, 1000 );
54+
}
55+
});
56+
57+
}
58+
function myFunction2()
59+
{
60+
$.get('mpd-report.php', function(data) {
61+
last2 = data;
62+
if (last2!=old2)
63+
{
64+
old2=last2;
65+
// alert(old);
66+
$("#song").html(old2);
67+
$( "#mydiv2" ).toggle("blind",{}, 1000 ).delay(45000).toggle("blind",{}, 1000 );
68+
}
69+
});
70+
}
71+
72+
</script>
73+
<script type="text/javascript">
74+
$(document).ready(function(){
75+
// $("#testing").draggable().width("0px").height("0px");
76+
// $("#testing").width("100px").height("100px");
77+
$(".dropdown").hide().height("1.4em").delay(5000);
78+
// $("#mydiv").draggable();
79+
setInterval ("myFunction()", 500);
80+
setInterval ("myFunction2()", 500);
81+
});
82+
83+
</script>
84+
85+
86+
<script type="text/javascript" src="jplayer/jquery.jplayer.min.js"></script>
87+
<script type="text/javascript" src="jplayer/jplayer.playlist.min.js"></script>
88+
<script type="text/javascript" src="jplayer/jquery.jplayer.inspector.js"></script>
89+
<script type="text/javascript">
90+
91+
$(document).ready(function()
92+
{
93+
url = 'http://192.168.1.5/videos/';
94+
$.get(url, function(data)
95+
{
96+
window.list = data;
97+
playlist = new jPlayerPlaylist(
98+
{
99+
jPlayer: "#jquery_jplayer_1",
100+
cssSelectorAncestor: "#jp_container_1"
101+
},
102+
JSON.parse(window.list),
103+
{
104+
playlistOptions: { shuffleOnLoop: true, autoPlay: true },
105+
swfPath: "jplayer/",
106+
supplied: "m4v"
107+
});
108+
109+
playlist.shuffle(true);
110+
$(".jp-repeat")[0].click();
111+
$(".jp-full-screen")[0].click();
112+
113+
});
114+
115+
$("#jquery_jplayer_1").bind($.jPlayer.event.ended, function()
116+
{
117+
$.get(url, function(data)
118+
{
119+
if(window.list != data)
120+
location.reload();
121+
});
122+
});
123+
124+
});
125+
126+
</script>
127+
128+
<div style="position:absolute; left:0px; padding-left:0px; top:0px; width:100%; z-index:10000000">
129+
<div id="mydiv" width=100% height=0px class="dropdown"><span id="username"></span> entered!</div>
130+
<div id="mydiv2" width=100% height=0px class="dropdown"><span id="song"></span></div>
131+
</div>
132+
<div id="jp_container_1" class="jp-video jp-video-270p">
133+
<div class="jp-type-playlist">
134+
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
135+
<div class="jp-gui">
136+
<div class="jp-video-play">
137+
<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
138+
</div>
139+
<div class="jp-interface">
140+
<div class="jp-progress">
141+
<div class="jp-seek-bar">
142+
<div class="jp-play-bar"></div>
143+
</div>
144+
</div>
145+
<div class="jp-current-time"></div>
146+
<div class="jp-duration"></div>
147+
<div class="jp-title">
148+
<ul>
149+
<li></li>
150+
</ul>
151+
</div>
152+
<div class="jp-controls-holder">
153+
<ul class="jp-controls">
154+
<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
155+
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
156+
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
157+
<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
158+
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
159+
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
160+
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
161+
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
162+
</ul>
163+
<div class="jp-volume-bar">
164+
<div class="jp-volume-bar-value"></div>
165+
</div>
166+
<ul class="jp-toggles">
167+
<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
168+
<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
169+
<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
170+
<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
171+
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
172+
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
173+
</ul>
174+
</div>
175+
</div>
176+
</div>
177+
<div class="jp-playlist">
178+
<ul>
179+
<!-- The method Playlist.displayPlaylist() uses this unordered list -->
180+
<li></li>
181+
</ul>
182+
</div>
183+
<div class="jp-no-solution">
184+
<span>Update Required</span>
185+
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
186+
</div>
187+
</div>
188+
</div>
189+
190+
</body>
191+
</html>

‎jplayer/Jplayer.swf

13.4 KB
Binary file not shown.

‎jplayer/blue.monday/jPlayer_blue.monday_extd.psd

2.24 MB
Binary file not shown.

0 commit comments

Comments
 (0)