Skip to content

Eye-Tracking Classroom / Live-Gaze-Analyser

Go to a project
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 1.68 KB
Newer Older
Inital commit
3e2d274f
 
Alexander Bazo committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Live Gaze Analyser</title>
    <link rel="stylesheet" href="resources/css/default.css">
</head>

<body>
    <div id="startScreen">
        <div id="startTitle">Live Gaze Analyser</div>
        <div id="startMenu">
            <h1>Options</h1>
            <span class="option">
                <input type="checkbox" id="useMouseInput" name="useMouseInput">
                <label for="useMouseInput">Use mouse input</label>
            </span>
            <span class="option">
Minor fixes for better usability
1c8175b3
 
Alexander Bazo committed
20 21 22 23 
                <input type="checkbox" id="showLocalGazeData" name="showLocalGazeData">
                <label for="showLocalGazeData">Show local gaze data</label>
            </span>
            <span class="option">
Inital commit
3e2d274f
 
Alexander Bazo committed
24 25 26 27 28 
                <input type="checkbox" id="isObserver" name="isObserver">
                <label for="isObserver">Observer mode</label>
            </span>
            <span class="option">
                <label for="viewerServerUrl">Server</label>
Change default server url in UI and code
b8cfdcdc
 
Alexander Bazo committed
29 
                <input type="url" id="viewerServerUrl" name="viewerServerUrl" value="ws://132.199.139.204:2568">
Inital commit
3e2d274f
 
Alexander Bazo committed
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 
            </span>
        </div>
        <div class="startButton">Start</div>
    </div>
    <div id="stage" class="hidden">
        <canvas class="background"></canvas>
        <canvas class="gaze"></canvas>
        <div id="task">
            <div class="task-description"></div>
            <div class="task-source"></div>
        </div>
    </div>
  

    <script type="application/javascript" src="vendors/gazeclient.js"></script>
    <script type="application/javascript" src="vendors/colyseus.js"></script>
    <script type="module" src="resources/js/index.js"></script>
</body>

</html>