-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
196 lines (185 loc) · 7.66 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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Signum</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Home</a></li>
<li><a href="#demo">Signum in Action</a></li>
<li><a href="#one">About Signum</a></li>
<li><a href="#two">Meet the Team</a></li>
<li><a href="#three">Learn More</a></li>
<!--<li><a href="elements.html">Elements</a></li>-->
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Signum</h1>
<p>Signum is an American Sign Language (ASL) translator built using computer vision and machine learning</p>
<ul class="actions">
<li><a href="#one" class="button special">Learn more</a></li>
</ul>
</div>
</section>
<!-- Demo -->
<section id="demo" class="wrapper style3 fullscreen fade-up">
<div class="inner">
<h1>Try Signum Now</h1>
<p>An ASL Translator using CV and ML.</p>
<span class="image fit"><img src="images/show_A.png" style="height:50%;" alt="Output showing ASL program correctly translating the letter A" /></span>
<h2>Running Signum for yourself</h2>
<h3>How to download the necessary files</h3>
<p>In order to try Signum for yourself, you will need to clone <a href="https://github.com/Utsav22G/ASL-Translator">this GitHub repository</a> to your local machine, download the related packages and run the recognition program</p>
<pre><code>$ git clone https://github.com/Utsav22G/ASL-Translator.git
$ cd ASL-Translator
$ pip install -r requirements.txt
$ python3 live_demo.py</code></pre>
<p>Once you've gotten this far, you're ready to get going. The program will prompt you to choose a camera; you can use an external camera if you want, but if you are using your computer's default camera you should enter <code>0</code> .
You can then follow the prompt to set the background, and begin testing signs to see the program recognize it.</p>
<ul class="actions">
<li><a href="https://github.com/Utsav22G/ASL-Translator/blob/master/README.md" class="button big fit">README</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 fade-up">
<div class="inner">
<h2>About Signum</h2>
<p>Signum is a program that can convert symbols from the ASL alphabet into speech. </p>
<div class="features">
<section>
<span class="icon major fa-american-sign-language-interpreting"></span>
<h3>Computer Vision</h3>
<p>Signum uses OpenCV to interact with your computer's camera to see what hand genstures are being shown.</p>
<ul class="actions">
<li><a href="Computer_Vision.html" class="button">Details</a></li>
</ul>
</section>
<section>
<span class="icon major fa-desktop"></span>
<h3>Machine Learning</h3>
<p>In order to recognize what a hand gesture is in the ASL alphabet, we trained a neural net with a set of over 7,000 images of hands showing what every letter looks like.
Using this training set of data, Signum is able to recognize similar shapes and classify them as whatever letter it is closest to.</p>
<ul class="actions">
<li><a href="Machine_Learning.html" class="button">Details</a></li>
</ul>
</section>
<section>
<span class="icon major fa-comments"></span>
<h3>Text-to-Speech</h3>
<p>Once the algorithm has decided on what is being shown, we use Google's text-to-speech library (gTTS) to convert the text into spoken words.</p>
<ul class="actions">
<li><a href="Machine_Learning.html" class="button">Details</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style4 spotlights">
<div class="inner">
<h2>Meet the Team</h2>
</div>
<section>-
<a href="#" class="image"><img src="images/isaac.jpg" width="80%" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Isaac Vandor</h2>
<ul class="actions">
<li><a href="http://isaacvandor.com/" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/diego.jpg" style="height:50%;" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Diego Berny</h2>
<ul class="actions">
<li><a href="https://github.com/dberny/" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/utsav.jpeg" width="80%" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Utsav Gupta</h2>
<ul class="actions">
<li><a href="https://github.com/Utsav22G/" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<section>
<ul class="actions fit">
<li><a href="https://github.com/Utsav22G/ASL-Translator" class="button special fit">View on GitHub</a></li>
<!--<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<ul class="actions">
<li><a href="" class="button submit">Send Message</a></li>
</ul>
</form>
-->
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>