Spaces:
Runtime error
Runtime error
Upload 7 files
Browse files- app/templates/expr_recognition.html +32 -0
- app/templates/face_recognition.html +32 -0
- app/templates/index.html +29 -0
- app/templates/predict_expr_recognition.html +37 -0
- app/templates/predict_face_recognition.html +37 -0
- app/templates/predict_similarity.html +38 -0
- app/templates/similarity.html +35 -0
app/templates/expr_recognition.html
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Index</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Expression Recognition</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<ul>
|
| 15 |
+
<!li>
|
| 16 |
+
<br>
|
| 17 |
+
<form action="/predict_expr_recognition/" enctype="multipart/form-data" method="post">
|
| 18 |
+
<span style="font-weight:bold;font-family:sans-serif">Upload Image:</span> <br><br>
|
| 19 |
+
<input name="file4" type="file" onchange="readURL(this);" />
|
| 20 |
+
<br><br><br>
|
| 21 |
+
<button type="submit">Recognize Expression</button>
|
| 22 |
+
</form>
|
| 23 |
+
<!/li>
|
| 24 |
+
<br><br>
|
| 25 |
+
<form action="/" method="get">
|
| 26 |
+
<button type="submit">Home</button>
|
| 27 |
+
</form>
|
| 28 |
+
</ul>
|
| 29 |
+
</fieldset>
|
| 30 |
+
</div>
|
| 31 |
+
</body>
|
| 32 |
+
</html>
|
app/templates/face_recognition.html
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Index</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Face Recognition</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<ul>
|
| 15 |
+
<!li>
|
| 16 |
+
<br>
|
| 17 |
+
<form action="/predict_face_recognition/" enctype="multipart/form-data" method="post">
|
| 18 |
+
<span style="font-weight:bold;font-family:sans-serif">Upload Image:</span> <br><br>
|
| 19 |
+
<input name="file3" type="file" onchange="readURL(this);" />
|
| 20 |
+
<br><br><br>
|
| 21 |
+
<button type="submit">Recognize Face</button>
|
| 22 |
+
</form>
|
| 23 |
+
<!/li>
|
| 24 |
+
<br><br>
|
| 25 |
+
<form action="/" method="get">
|
| 26 |
+
<button type="submit">Home</button>
|
| 27 |
+
</form>
|
| 28 |
+
</ul>
|
| 29 |
+
</fieldset>
|
| 30 |
+
</div>
|
| 31 |
+
</body>
|
| 32 |
+
</html>
|
app/templates/index.html
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Index</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Recognition Application</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<ul>
|
| 15 |
+
<li><span style="font-weight:bold;font-family:sans-serif">Select a task:</span>
|
| 16 |
+
<br><br><br>
|
| 17 |
+
<form action="{{ url_for('similarity_root') }}"><button>Face Similarity</button></form>
|
| 18 |
+
<br><br>
|
| 19 |
+
<form action="{{ url_for('face_recognition_root') }}"><button>Face Recognition</button></form>
|
| 20 |
+
<br><br>
|
| 21 |
+
<form action="{{ url_for('expr_recognition_root') }}"><button>Expression Recognition</button></form>
|
| 22 |
+
<br>
|
| 23 |
+
</li>
|
| 24 |
+
<br>
|
| 25 |
+
</ul>
|
| 26 |
+
</fieldset>
|
| 27 |
+
</div>
|
| 28 |
+
</body>
|
| 29 |
+
</html>
|
app/templates/predict_expr_recognition.html
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Predict</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Expression Recognition</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<h2>
|
| 15 |
+
<center>
|
| 16 |
+
<span style="font-weight:bold;font-family:sans-serif">Prediction: </span>
|
| 17 |
+
<span style="font-weight:bold;color:blue"> {{result}}</span>
|
| 18 |
+
</center>
|
| 19 |
+
</h2>
|
| 20 |
+
<h3><center><span style="font-weight:bold;font-family:sans-serif">Input image:</span></Input></center></h3>
|
| 21 |
+
<p>
|
| 22 |
+
<center>
|
| 23 |
+
<img src="{{expr_rec_filename}}" alt={{expr_rec_filename1}} width='150' height='150'>
|
| 24 |
+
</center>
|
| 25 |
+
</p>
|
| 26 |
+
<br>
|
| 27 |
+
<form action="/expr_recognition/" method="get">
|
| 28 |
+
<center><button type="submit">Check Another Input</button></center>
|
| 29 |
+
</form>
|
| 30 |
+
<br>
|
| 31 |
+
<form action="/" method="get">
|
| 32 |
+
<center><button type="submit">Home</button></center>
|
| 33 |
+
</form>
|
| 34 |
+
</fieldset>
|
| 35 |
+
</div>
|
| 36 |
+
</body>
|
| 37 |
+
</html>
|
app/templates/predict_face_recognition.html
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Predict</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Face Recognition</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<h2>
|
| 15 |
+
<center>
|
| 16 |
+
<span style="font-weight:bold;font-family:sans-serif">Prediction: </span>
|
| 17 |
+
<span style="font-weight:bold;color:blue"> {{result}}</span>
|
| 18 |
+
</center>
|
| 19 |
+
</h2>
|
| 20 |
+
<h3><center><span style="font-weight:bold;font-family:sans-serif">Input image:</span></Input></center></h3>
|
| 21 |
+
<p>
|
| 22 |
+
<center>
|
| 23 |
+
<img src="{{face_rec_filename}}" alt={{face_rec_filename1}} width='150' height='150'>
|
| 24 |
+
</center>
|
| 25 |
+
</p>
|
| 26 |
+
<br>
|
| 27 |
+
<form action="/face_recognition/" method="get">
|
| 28 |
+
<center><button type="submit">Check Another Input</button></center>
|
| 29 |
+
</form>
|
| 30 |
+
<br>
|
| 31 |
+
<form action="/" method="get">
|
| 32 |
+
<center><button type="submit">Home</button></center>
|
| 33 |
+
</form>
|
| 34 |
+
</fieldset>
|
| 35 |
+
</div>
|
| 36 |
+
</body>
|
| 37 |
+
</html>
|
app/templates/predict_similarity.html
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Predict</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Face Similarity</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<h2>
|
| 15 |
+
<center>
|
| 16 |
+
<span style="font-weight:bold;font-family:sans-serif">Dissimilarity:</span>
|
| 17 |
+
<span style="font-weight:bold;color:blue"> {{result}}</span>
|
| 18 |
+
</center>
|
| 19 |
+
</h2>
|
| 20 |
+
<h3><center><span style="font-weight:bold;font-family:sans-serif">Input images:</span></Input></center></h3>
|
| 21 |
+
<p>
|
| 22 |
+
<center>
|
| 23 |
+
<img src="{{simi_filename1}}" alt={{simi_filename1}} width='150' height='150'>
|
| 24 |
+
<img src="{{simi_filename2}}" alt={{simi_filename2}} width='150' height='150'>
|
| 25 |
+
</center>
|
| 26 |
+
</p>
|
| 27 |
+
<br>
|
| 28 |
+
<form action="/similarity/" method="get">
|
| 29 |
+
<center><button type="submit">Check Another Input</button></center>
|
| 30 |
+
</form>
|
| 31 |
+
<br>
|
| 32 |
+
<form action="/" method="get">
|
| 33 |
+
<center><button type="submit">Home</button></center>
|
| 34 |
+
</form>
|
| 35 |
+
</fieldset>
|
| 36 |
+
</div>
|
| 37 |
+
</body>
|
| 38 |
+
</html>
|
app/templates/similarity.html
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<title>Index</title>
|
| 5 |
+
</head>
|
| 6 |
+
<body>
|
| 7 |
+
<div>
|
| 8 |
+
<h1 style="background-color:LightGray;">
|
| 9 |
+
<center>Face Similarity</center>
|
| 10 |
+
</h1>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<fieldset>
|
| 14 |
+
<ul>
|
| 15 |
+
<!li>
|
| 16 |
+
<br>
|
| 17 |
+
<form action="/predict_similarity/" enctype="multipart/form-data" method="post">
|
| 18 |
+
<span style="font-weight:bold;font-family:sans-serif">Upload First Image:</span> <br><br>
|
| 19 |
+
<input name="file1" type="file" onchange="readURL(this);" />
|
| 20 |
+
<br><br><br>
|
| 21 |
+
<span style="font-weight:bold;font-family:sans-serif">Upload Second Image:</span> <br><br>
|
| 22 |
+
<input name="file2" type="file" onchange="readURL(this);" />
|
| 23 |
+
<br><br><br><br>
|
| 24 |
+
<button type="submit">Check Similarity</button>
|
| 25 |
+
</form>
|
| 26 |
+
<!/li>
|
| 27 |
+
<br><br>
|
| 28 |
+
<form action="/" method="get">
|
| 29 |
+
<button type="submit">Home</button>
|
| 30 |
+
</form>
|
| 31 |
+
</ul>
|
| 32 |
+
</fieldset>
|
| 33 |
+
</div>
|
| 34 |
+
</body>
|
| 35 |
+
</html>
|