chrome Shape Detection API

Google把的机器学习,已经部署到了各种终端,在chrome 57 以后(移动的浏览器也支持,具体看官方文档),加入了  Shape Detection API,可以做一些本地的检测:

人脸识别(FaceDetector):可以给编码器或自动对焦放放提供提示,也可以给识别的用户做标记等。

文本识别(TextDetector):OCR 配合语音接口(语音能力下文也有提及),朗读图片中的文字等。

条码识别(BarcodeDetector):识别网页中的条形码/二维码,并作相应的动作,比如链接跳转等。

确认浏览器是否支持:

在浏览器地址栏输入: chrome://flags 打开实验功能,找到 Experimental Web Platform features 并修改状态到 Enabled, 然后会提示重启浏览器, 重启以后在 console 命令行中输入: window.FaceDetector, 如果输出 undefined 则表示浏览器不支持,去升级浏览器吧。

文档和例子:

Github 地址:https://github.com/WICG/shape-detection-api

文档地址:https://wicg.github.io/shape-detection-api/index-zh-cn.html#introduction

一个Demo:https://gist.github.com/Vtrois/49e55fd2e02b690b3dcff165b630417c

另一个Demo: https://www.vtrois.com/tool-shape-detection-api.html

Tips:

中间可能会碰到一个报错:

Shape Detection API: “DOMException: Source would taint origin”

如果碰到这种情况,请保持图片地址改成和浏览的地址在同一个域名。