InteractiveVideo-HTML5/index.html at master · feyzo/InteractiveVideo-HTML5 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>Interactive Motion Tracking with HTML5</title>
    <meta name="viewport" content="user-scalable=0, width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1" />
    <link href="Content/main.css" rel="stylesheet" />
</head>
<body>
    <div class="videoSection">
        <video poster="Content/Videos/race_poster.jpg">
            <source src="Content/Videos/race.mp4" type="video/mp4" />
            <source src="Content/Videos/race.webm" type="video/webm" />
        </video>
        <div class="interactiveContainer">
            <div class="interactive" id="testCenter"></div>
            <div class="interactive" id="testCircle"></div>
            <div class="interactive" id="testTriangle"></div>
        </div>
    </div>
    <script src="Scripts/motion.js"></script>
</body>
</html>