Eye-Tracking-OS/video.html at master · qjack001/Eye-Tracking-OS · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
    <head>
        <meta charset="utf-8" />
        <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no'>
        <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
        <meta http-equiv='X-UA-Compatible' content='IE=edge'>

        <title>D-5:30 | Movies > Watch</title>
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="./style.css" />
        <meta name="author" content="Maxwell Keleher" />
        <link id="favicon" rel="shortcut icon" type="image/png" href="./favicon.png">
        <script type="text/javascript" src="script.js"></script>
    </head>

    <body>
        <div id="content">
            <style>
                :root
                {
                    --background: #222;
                    --border: #000;
                    --foreground: #fff;
                    --foreground-color: #2c5fab;
                    --star-color: rgba(44, 95, 171, 0.6);
                }
            </style>
            <div class="target top" id="top-video" onclick="gotoPage('/settings.html?=video','top')">
                <div id="border-top" class="border top">
                    <div>Settings</div>
                </div>
            </div>
            <script>addElement("top-video")</script>

            <div class="target bottom" id="bottom-video" onclick="if(window.location.href.indexOf('?=') < 0){gotoPage('/drama.html','bottom');}else{gotoPage('/' + window.location.href.substring(window.location.href.indexOf('?=') + 2) + '.html','bottom');}">
                <div id="border-bottom" class="border bottom">
                    <div>Exit</div>
                </div>
            </div>
            <script>addElement("bottom-video")</script>

            <div class="target right" id="right-video" onclick="skipForward()">
                <div id="border-right" class="border right">
                    <div>Forward</div>
                </div>
            </div>
            <script>addElement("right-video")</script>

            <div class="target left" id="left-video" onclick="skipBack()">
                <div id="border-left" class="border left">
                    <div>Rewind</div>
                </div>
            </div>
            <script>addElement("left-video")</script>

            <video height="100%" width="100%" id="video" autoplay="autoplay" style="pointer-events: none; min-height: 100%; min-width: 100%; object-fit: cover;">
                <source src="https://guinane.xyz/Eye-Tracking-OS/assets/Tasty%20Cheese.mp4" type="video/mp4" onload="this.volume = getVol()"><!--for github testing-->
            </video>

            <div style="width: calc(100% - 100px); top: 50px; left: 50px; position: absolute; height: calc(100% - 100px);" onclick="playPause()"></div>
            <div id="play-icon">
                <i class="material-icons material-icons--round" style="line-height: 50px; color: #fff; font-size: 48px;">
                    play_arrow
                </i>
            </div>

            <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

        </div> <!-- end of content -->

        <div id="brightness"></div>

        <div id="calibrator">
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
            <div class="cali-bttn"></div>
        </div>
    </body>
</html>