-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (58 loc) · 3.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人脸识别 - PK</title>
<link rel="stylesheet" href="app/static/style.css">
<link rel="icon" href="app/static/favicon.ico" sizes="16x16" type="image/png">
</head>
<body>
<div class="container">
<form>
<div class="result-wrapper">
<div class="img-wrapper">
<img src="app/static/person-placeholder.jpg" id="pic">
</div>
<div class="azure result">
<h2>Azure</h2>
<div class="azure-results"></div>
</div>
<div class="baidu result">
<h2>BaiduAI</h2>
<div class="baidu-results"></div>
</div>
<div class="facepp result">
<h2>Face++</h2>
<div class="facepp-results"></div>
</div>
</div>
</form>
<div class="form-controller">
<div>
<input type="text" placeholder="请输入图片URL" id="img_url_input" value="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1537109119958&di=184ceb74e77b081542163c6cea750822&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn11%2F709%2Fw400h309%2F20180319%2Ff469-fyskeuc0782277.jpg">
<button id="submit">识别</button>
</div>
<div class="options">
<img class="option" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1537108684508&di=476cb0ebb0e155bf5e62c22987ca3b99&imgtype=0&src=http%3A%2F%2Fn1.itc.cn%2Fimg8%2Fwb%2Frecom%2F2016%2F05%2F11%2F146297049377754834.JPEG" alt="伍迪艾伦" title="伍迪艾伦">
<img class="option" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/Donald_Trump_official_portrait.jpg/800px-Donald_Trump_official_portrait.jpg" alt="川普" title="川普">
<img class="option" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1537109119958&di=184ceb74e77b081542163c6cea750822&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn11%2F709%2Fw400h309%2F20180319%2Ff469-fyskeuc0782277.jpg" alt="unnatural" title="unnatural">
<img class="option" src="https://img2.jiemian.com/101/original/20180507/152570134248412300_a580x330.jpg" alt="复仇者联盟" title="复仇者联盟">
<img class="option" src="http://i2.chinanews.com/simg/hd/2018/02/07/36bd61e148ee4eb9a53793a43486e2ba.jpg" alt="景深干扰" title="景深干扰">
</div>
</div>
<div class="conclusion">
<p>在年龄和性别判断上，三家API识别结果接近，也较为准确。</p>
<p>表情识别上，百度只给出最大概率的表情数值，而其他两家都列出了其他表情的数值。</p>
<p>前三张例图都能被较好地识别出来，但后两张百度和Face++在识别数量上较于微软Azure呈现出明显的优势。</p>
</div>
<footer>
<div class="desc-wrapper">
<div class="desc-author"><a href="https://github.com/Observer-L" target="_blank">Observer-L</a></div>
</div>
</footer>
</div>
<a href="https://github.com/Observer-L/FaceRecognition-PK" target="_blank"><img style="position: absolute; top: 0; left: 0; border: 0;" src="app/static/forkme_left_darkblue.png" alt="Fork me on GitHub"></a>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>
<script src="app/static/main.js"></script>
</body>
</html>