-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (53 loc) · 3.03 KB
/
index.html
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
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<!-- Shaka Player compiled library: -->
<script src="dist/shaka-player.compiled.js"></script>
<!-- Your application source: -->
<script src="myapp.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="estilos.css">
<link rel="icon" href="images/favicon.png" type="image/png"/>
</head>
<body>
<div id="load"></div>
<div id="contents">
<header>
<h1 align="center">Welcome to IRAC34 DASH Client</h1>
</header>
<section id="visor">
<div class="w3-content w3-display-container">
<img class="mySlides" src="images/startrek.jpg" style="width:100%" onclick="loadVideo(0)">
<button class="btn2" id="title" style="width:100%" onclick="loadVideo(0)">Star Trek</button>
<img class="mySlides" src="images/sintel.jpg" style="width:100%" onclick="loadVideo(1)">
<button class="btn2" id="title" style="width:100%" onclick="loadVideo(1)">Sintel - DRM</button>
<img class="mySlides" src="images/tearsofsteel.jpg" style="width:100%" onclick="loadVideo(2)">
<button class="btn2" id="title" style="width:100%" onclick="loadVideo(2)">Tears of Steel</button>
<img class="mySlides" src="images/gitlive2.jpg" style="width:100%" onclick="loadVideo(3)">
<button class="btn2" id="title" style="width:100%" onclick="loadVideo(3)">Merge Conflicts - LIVE</button>
<img class="mySlides" src="images/bunnylive.jpg" style="width:100%" onclick="loadVideo(4)">
<button class="btn2" id="title" style="width:100%" onclick="loadVideo(4)">Big Buck Bunny - LIVE</button>
<div id="hover">
<img class="play_btn" src="images/play_btn.png">
</div>
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
<script>
</script>
</section>
<footer>
<!--input id="backButton" type="button" value="Return to menu" onClick="location.href=location.href"-->
<!--<button class="btn" onclick="onDownloadClick()" id ="storeButton"><i class="fa fa-download" ></i> Offline Storage</button>
<span><progress id="progress-bar" value="0" max="100"></span> -->
<button class="btn" onclick="location.href=location.href" id="backButton"><i class="fa fa-home"></i> Return to menu</button>
<p class= "final" align = "center" style="color: white"> IRAC 2017/2018 TEAM 34: Álvaro Gracia de la Rica, Ricardo Manzanedo González, Miguel Gamallo Gascón y Guillermo Pajares Martín </p>
<a id="tuiter" href="https://twitter.com/intent/tweet?text=Estoy%20viendo%20una%20película%20usando%20DASH%20vía%20https://52.47.147.45" class="fa fa-twitter" target="_blank" ></a>
</footer>
</div>
</body>
</html>