WatrCoolr/player.html at master · cdj/WatrCoolr · GitHub

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/player.css" rel="stylesheet" type="text/css">
<title>Water Cooler TV Player</title>
<script src="jquery-1.8.3.min.js"></script>
<script src="updatePlayTime.js"></script>
<script>
var MediaID = -1;

function setUp()
{
	// Get Media ID
	$.ajax({
	  type: "POST",
	  url: "getMediaID.php",
	  data: { 'MediaName' : $('#FeatureVideo').prop('currentSrc') },
	  // callback handler that will be called on success
	  success: function(response, textStatus, jqXHR){
		// log a message to the console
		console.log("Media ID is '" + response + "'");
		MediaID = response;
	  },
	  // callback handler that will be called on error
	  error: function(jqXHR, textStatus, errorThrown){
		// log the error to the console
		console.log(
			"The following error occured: "+
			textStatus, errorThrown
		);
	  }
	 });
}
</script>
</head>

<body onload="setUp()">
<video id="FeatureVideo" controls loop width="100%">
  <source src="media/Lost.S01E01.short.mp4" type="video/mp4">
</video>
<div class="main">
	<a href="http://watrcoolr.tv"><img src="wc-logo.png" alt="Water Cooler TV logo"></a>
	<h1 class="blue">Welcome to <a href="http://watrcoolr.tv">Water Cooler TV</a></h1>
	<h2>To Participate</h2>
	<ol>
		<li>Go to <a href="comments.html" target="new">the comments page</a> in a new window or on a separate device</li>
		<li>Enter your user name</li>
        <li>Play the video on this page</li>
		<li>Enter comments about what you see on screen and read the comments that others left before you</li>
		<li>When the video loops, you will see your comments appear at the same time you left them</li>
	</ol>
    Team: Andrés Taraciuk, Carl Jamilkowski and Dekunle Somade<br/>
</div>
</body>
</html>