Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
tree: 8097b48c2c
Fetching contributors…

Cannot retrieve contributors at this time

118 lines (108 sloc) 4.966 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Future Auth</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap-combined.min.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/">Future Auth</a>
<a href="https://github.com/FlintMakal/futureAuth"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span4">
<div class="well">
<p>Welcome, <br/>this demo allow you to authenticate based on face recognition. <br/>It use webRTC getUserMedia() for following browser. <br/>For other it fallback to a file selection solution</p>
<hr/>
<p>Browser support :<br/></p>
<div class="media">
<a class="pull-left" href="http://www.google.com/chrome" target="_blank">
<span class="media-object chrome"></span>
</a>
<div class="media-body">
<h4 class="media-heading">Chrome</h4>
latest version, nothing to do
</div>
</div>
<div class="media">
<a class="pull-left" href="http://www.opera.com" target="_blank">
<span class="media-object opera"></span>
</a>
<div class="media-body">
<h4 class="media-heading">Opera</h4>
latest version, nothing to do
</div>
</div>
<div class="media">
<a class="pull-left" href="http://www.opera.com/mobile/" target="_blank">
<span class="media-object opera"></span>
</a>
<div class="media-body">
<h4 class="media-heading">Opera Mobile Android</h4>
normally it should work on opera mobile for android
</div>
</div>
<div class="media">
<a class="pull-left" href="http://nightly.mozilla.org/" target="_blank">
<img class="media-object" src="img/firefox-nightly.png">
</a>
<div class="media-body">
<h4 class="media-heading">Firefox nightly</h4>
latest version, nothing to do
</div>
</div>
<hr/>
<small class="muted">
I based some of this code on :<br/>
<a href="http://www.raymondcamden.com/index.cfm/2012/4/6/Face-detection-with-getUserMedia" target="_blank">Raymond Camden</a><br/>
<a href="http://miernicki.com/cam.html" target="_blank">Miernicki</a>
</small>
<hr/>
<small class="muted">
Disclaimer :<br/>
this is just a demo for fun, of it is not a real authentification system, and a system based on face recognition raise many security issues
</small>
</div>
</div>
<div class="span5 center">
<div id="alert_placeholder">
</div>
<section id="app">
<p><video id="monitor" autoplay></video> <canvas id="photo" style="display:none;" ></canvas></p>
<div class="form-inline">
<input id="snapshotFile" type="file" accept="image/*" capture="camera" style="display:none;"/>
<input value="Login" type=button id="snapshotbutton" class="btn btn-info btn-large">
&nbsp;OR&nbsp;
<div class="input-append">
<input class="span2" id="username" type="text" placeholder="Username">
<button id="signup" class="btn" type="button">Sign Up</button>
</div>
</div>
</section>
</div>
</div> <!-- /row -->
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap-alert.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="js/client.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.