Chrome开始集成图形识别 API(Shape Detection API)

最近,Chrome团队尝试在Chrome中集成了一套与图形识别相关的API,使得图形识别这种以前只在原生应用中存在,或者在浏览器上,要借助其他难用的外部库才能实现的功能,现在只要少量代码即可实现。这些API包括人脸识别,条形码/二维码识别和文本识别,基本上覆盖了当前互联网应用的大部分场景。

现状

图形识别这种对系统资源和设备的计算能力要求颇高的功能,通常只有底层的原生API能驾驭,流行的框架主要是开源的Open CV和各大移动平台的图形识别服务:

而Chrome的这些API,当前还处于实验阶段,只集成在Chrome Canary版本中,特别是Android版更新较快。使用前还需要通过把“实验性网络平台功能”chrome://flags/#enable-experimental-web-platform-features设置为Enable来激活。

激活后,在Console控制台输入以下JavaScript代码,就能验证你的浏览器是否支持相应的API了:

  • window.FaceDetector
  • window.BarcodeDetector
  • window.TextDetector

如果支持,就会返回如function FaceDetector() { [native code] }的信息。

Chrome Canary是Chrome的一条与其他项目并行的实验性分支,是许多前卫激进的特性的试验场,而且迭代很快,有时甚至是每日一更新,所以不出所料,也不太稳定。和其他Chrome版本一样,也可以在Chrome Release Channels上下载。

从现在公布的信息来看,以下这些场景可能得以轻松实现:

1、人脸识别:

  • 自动框选你家庭聚会照片里的亲戚朋友们,然后你就可以给每个人都贴标签了,不用自己逐个框选。
  • 在社交网站上注册的时候,你上传了一张照片,浏览器可以帮你裁剪好最佳尺寸。

2、条形码识别:

  • 识别网页中的条形码/二维码,并作相应的动作,比如链接跳转,支付等等。

3、文本识别:

  • OCR
  • 配合语音接口,朗读图片中的文字

除此之外,开发者大可以尽情发挥想象,创造更多独一无二有趣的应用。

社区反映

图形识别虽然是刚需,但自去年底公布消息以来,可能是由于这些API尚处于实验阶段,尚待打磨,在开发社区内还未形成大范围的讨论,目前能收集到的主要是以下资料供开发者参考。

  • API: Accelerated Shape Detection in Images - by Miguel Casas-Sanchez (Google Inc.) | 中文版 by 谈浩
  • Face detection using Shape Detection API - by Paul Kinlan

不过正因为进化迅速,这套图形识别API从去年的M57版本发展至今,已经发生了不小的变化,也许在不久的将来,就会合并到稳定版中,真正为广大开发者所用,构建更多有趣的应用。

本文作者:佚名

来源:51CTO

时间: 2024-10-30 00:31:45

Chrome开始集成图形识别 API(Shape Detection API)的相关文章

Chrome 56 Android 版已引入 WebVR API

虚拟现实 (VR) 正在迅速普及,如今,该技术已进入网络.网络的威力令其能够跨浏览器和硬件地实现 VR,只需点击一下,即可访问 VR.这使得 VR 开发者可以通过单一的网络应用接触多种类型头戴式设备的广大用户. 据谷歌开发者博客透露,Chrome 56 for Android 现已发布 Beta 测试版,开发者可以注册开源试用版,后者支持 WebVR API 和 GamePad API 扩展程序.WebVR API 允许访问虚拟实境设备(例如 Daydream View)的输入和输出功能.它还允

什么是API?如何做到API兼容?如何评估API?

文章描述:本文主要介绍什么是API,以及API兼容的重要性,最终给出方案如何评估API,以及如何做到API兼容. 本文主要介绍什么是API,以及API兼容的重要性,最终给出方案如何评估API,以及如何做到API兼容. What's API? API的全称是application programming interface. 而很多时候,程序开发者仅仅把函数.类的接口做为API的一部分,而忽略了其他重要的编程接口. 事实上,在前端Javscript编程中常见的API包括: 函数.类接口,包括参数,

返璞归真 asp.net mvc (11) - asp.net mvc 4.0 新特性之自宿主 Web API, 在 WebForm 中提供 Web API, 通过 Web API 上传文件, .net 4.5 带来的更方便的异步操作

原文:返璞归真 asp.net mvc (11) - asp.net mvc 4.0 新特性之自宿主 Web API, 在 WebForm 中提供 Web API, 通过 Web API 上传文件, .net 4.5 带来的更方便的异步操作 [索引页][源码下载] 返璞归真 asp.net mvc (11) - asp.net mvc 4.0 新特性之自宿主 Web API, 在 WebForm 中提供 Web API, 通过 Web API 上传文件, .net 4.5 带来的更方便的异步操作

api-哪里能有获得火车API,航班API,天气API接口?

问题描述 哪里能有获得火车API,航班API,天气API接口? 做旅游网站的,哪里能有获得火车API,航班API,天气API接口? 解决方案 http://www.juhe.cn/ 解决方案二: 火车API:http://www.haoservice.com/docs/25 航班API:http://www.haoservice.com/docs/4 天气API:http://www.haoservice.com/docs/6

【百度地图API】百度API卫星图使用方法和卫星图对比工具

原文:[百度地图API]百度API卫星图使用方法和卫星图对比工具 百度地图API推出卫星图接口也有一个月啦~   本文除了介绍如何使用百度地图API来操作卫星图外,还顺带制作了个卫星图对比工具.   一.百度地图API卫星图 调用百度卫星图有两种方式,一是地图类型控件,一是地图底图设置.下面分别介绍这两种方法:   1.利用控件 使用控件有一大优势,就是地图类型控件上,有百度全部的地图类型,比如二维.三维.卫星等. 而且,只需要一句话,就能简单加上这个控件. map.addControl(new

帮你捋顺 API 网关的 API、SDK和错误排查

API 网关的特殊之处   用户使用 API 网关开放 API 服务,或者调用其他人开放的 API 服务.而且 API 网关自身也开放了管理接口 API.所以用户使用时需要弄清楚两套 API.两套 SDK.两套错误码.这里把这些资源整理一下,方便大家正确使用和问题排查. 开发资源List   APIs   用户在 API 网关开放的 API 服务,如天气查询 API等   API 网关开放的管理接口,用于使用产品,如创建 API等   SDKs   API 网关为天气查询等用户开放的 API 服

通过API网关使API服务变现

API可谓扮演了"技术胶水"的角色,能帮助企业内外进行不同业务逻辑和不同数据的连接和整合,API市场正逐步形成一个新的生态系统,对于调用者来说,能快速整合不同服务到自己的产品中,快速丰富产品功能:对提供者而言,能通过API将自己的服务,专业能力和专业数据变现.下面将介绍如何通过API网关变现你的API. 提供多端服务 API网关,能提供高性能.高可用的API托管服务,帮助用户开放部署在ECS.容器服务等阿里云产品上的服务,用户仅需实现自己的核心业务逻辑,提供自己的核心数据服务,并以AP

怎样从Servlet API 中得到 API提供商的相关信息

问题描述 我的项目有集群环境,也有单机环境,所以怎样从Servlet API 中得到 API提供商的相关信息,这样我就不用加额外配置进行区分,而且在测试时也可以自动切换. 解决方案 这个应该可以得到:javax.servlet.ServletContext.getServerInfo();

Dojo Data高级应用——使用Write API与Notification API

概述 伴随 Web2.0 与 RIA 的快速发展,在客户端处理数据已逐渐成为一种趋势.利用 Dojo Data,Web 开发人员可以在不同的数据格式上建立起一层统一的数据访问模型,使得数据的读写都采用统一的接口,从而降低了客户端逻辑的复杂性,提高了程序的可维护性和可扩展性.在该文章中,我们通过实例具体介绍了 Dojo Data 中 Read API 的技术应用. Dojo Data Write API 介绍 Dojo 工具包中一些存储库不仅提供了读功能,而且还提供了写功能.也就是说,使用这些存储