html5人脸登录,介绍 Web Face ID，如何使用 HTML5，Go 和 Facebox 进行人脸识别

首发于：https://studygolang.com/articles/12299

使用你的脸授权解锁你的手机正在成为一种趋势，但是在 Web 上，这种情况看到的并不多，也许是因为这种功能对 Web 来说不太重要，不足以被实现。那么，仅通过 HTML5，Javascript 和一些 Go 语句，能够实现人脸识别的功能么？答案是肯定的，我使用 Facebox 在一个小时完成了这个工作，并将 代码作为一个名为 Web Face ID 的开源项目发布。

你怎么从使用人脸识别的网站上获益？

你可以使用你的脸作为双重因素认证，比如在完成付款时。你可以证明你不是一个 “机器人”。你可以使用你的脸与一些诸如银行或保险中需要的身份验证的服务进行交互。你可以在一些情况下，加快您的登录系统的速度。你可以减少你系统中的欺诈与模仿登录。

通过 Machinebox 使用 Web Face ID 来验证自己。

如何使用标准来实现它

作为一个通用的方法，我们将会使用 HTML5 通过网络摄像头来获取用户头像，用 Javascript 发送一张照片到服务器端。一旦照片到了服务器上，我们将使用 Go 解码照片并使用 Facebox 进行检查，以便能够发出响应。

我们把整个过程分成以下几个步骤。

先决条件

你需要启动 Facebox 并运行，为此您 只需注册一个账户 即可将 Facebox 作为 Docker 容器运行。还需要使用你想要识别的人的照片给 Facebox 进行训练，一张照片就够，但多张照片会使结果更准确。

使用 HTML5 和 Javascript 捕捉摄像头

对于网站，我们可以利用 HTML5 的 video 标签和 canvas 标签。

我们将使用 video 标签去捕捉摄像头，并使用 canvas 标签拍摄照片，然后发送到服务器端，下面是 Javascript 代码