-
Notifications
You must be signed in to change notification settings - Fork 0
/
face_mapper.html
143 lines (133 loc) · 5.45 KB
/
face_mapper.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108230118-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-108230118-1');
</script>
<title>FaceMapper</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.fullpage.css"/>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fullpage.js"></script>
<link href="gruvbox-dark.css" rel="stylesheet" type="text/css">
</head>
<script>
$(document).ready(function () {
$('#fullpage').fullpage({
sectionsColor: ['black', 'black', 'white'],
navigation: true,
slidesNavigation: true,
anchors: ['summary', 'steps', 'GitHub']
});
});
</script>
<style>
h1 {
color: white;
}
h2 {
color: white;
}
</style>
<nav class="navbar navbar-default" id="navMenu"></nav>
<script src="navScript.js"></script>
<body style="overflow: hidden">
<div id="fullpage" class="fullpage-wrapper">
<div class="section">
<div class="container-fluid text-center">
<h1> FaceMapper </h1>
<h2> The FaceMapper annotation tool is used for annotating
faces with landmarks to be used in training facial
landmark recognition algorithms.
It includes a script to transform the output into input used by Dlib. The tool is part of a larger
project
involving the creation of a pipeline
to combine information from naturalistic ECoG and AV recordings to establish correlations between facial
pose,
speech, and brainwave data.</h2>
</div>
</div>
<div class="section">
<div class="slide">
<div class="container">
<h1> Step 1</h1>
<div class="row">
<div class="col-sm-5">
<h2> Procure novel training data </h2>
</div>
<div class="col-sm-7">
<img class="img-responsive" src="coconut_tall.jpg" alt="Step 1 Image">
</div>
</div>
</div>
</div>
<div class="slide">
<div class="container">
<h1> Step 2</h1>
<div class="row">
<div class="col-sm-5">
<h2> Use FaceMapper to perform annotation. Results can be used to train an object detection
program such as Dlib.</h2>
</div>
<div class="col-sm-7">
<img class="img-responsive" src="sample_face.png" alt="Step 2 Image">
</div>
</div>
</div>
</div>
<div class="slide">
<div class="container">
<h1> Step 3</h1>
<div class="row">
<div class="col-sm-5">
<h2> Perform recognition tasks on new data</h2>
</div>
<div class="col-sm-7">
<img class="img-responsive" src="coconut_face_rec_tall.png" alt="Step 3 Image">
</div>
</div>
</div>
</div>
<div class="slide">
<div class="container">
<h1> Step 4</h1>
<div class="row">
<div class="col-sm-5">
<h2> Visualize and analyze conglomerate data</h2>
</div>
<div class="col-sm-7">
<img class="img-responsive" src="day_scores_2.png" alt="Step 4 Image">
</div>
</div>
</div>
</div>
</div>
<div class="section fp-auto-height">
<div class="container-fluid text-center">
<h1 style="color:black"> Download or clone the project on GitHub!</h1>
<blockquote class="embedly-card"><h4><a
href="https://github.com/gvelchuru/FaceMapper">gvelchuru/FaceMapper</a></h4>
<p style="color:white">FaceMapper - Face annotation tool for neural network training</p></blockquote>
<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
<blockquote class="embedly-card"><h4><a
href="https://github.com/gvelchuru/FaceMapper">gvelchuru/OpenFaceScripts</a></h4>
<p style="color:white">Scripts and a GUI for using OpenFace for landmark and emotion recognition</p>
</blockquote>
<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
</div>
</div>
</div>
</body>
</html>