人工智能是时下最火爆的黑科技,情人节是全世界最浪漫的节日,当人工智能碰上“情人节,又将产生怎样的化学反应?今年情人节,有一个用白鹭引擎创作的非常有意思的H5“How-Matched”,即结合了当下最热门的人工智能,又和情人节主题很好地结合起来。
玩法
“How-Matched”的玩法非常简单,只需要选择你想要测试的照片,就可以根据拍照时两个人的年龄、情绪、甜蜜度等数据得出二者的匹配程度。
当然本意是让大家测试情侣的匹配度,但是有些调皮的小伙伴大开脑洞,比如测试了“是胡不是霍”、特朗普&奥巴马等等。效果如下图:
制作原理
很多开发者第一时间咨询“How-Matched”的技术细节,接下来看一下“How-Matched”开发涉及到的三个技术点。
1、白鹭引擎 4.0 相册接口
首先是调用本地相册,而选取图片有两种方式。
1 直接调用HTML 5 相册接口,但是需要开发者针对不同的系统、浏览器做适配
2 通过微信JS-SDK相册接口,但是需要有公众账号且通过认证
为了让更多个人开发者使用到相册接口,我们引擎团队专门做了大量的调研开发工作。推出了“相册接口片API”,适配所有系统、浏览器。开发者只需要通过一个API即可调用,我们将在下一个版本放出此API,关注【白鹭引擎】公众号可以及时获得引擎发布消息。
2、微软认知服务
获得了图片后,就涉及到白鹭时代合作伙伴微软的认知服务,也就是咱们通常所说的人工智能接口“人脸识别API”,借助此接口我们可以获得基于机器学习技术做出的面部特征预测。检测出人脸后,我们可以获得年龄、性别、头部姿态、微笑检测、胡须检测以及 27 个面部重要特征点及位置数据。
通过上述数据,我们精心设计了情人节匹配度算法,达到了“How-Matched”的最终效果。当然我们最终会将“How-Matched”的源码放出来。而在本周四晚八点【白鹭直播间】(斗鱼房间:https://www.douyu.com/592227),白鹭时代布道师A闪将给大家带来“How-Matched”的开发实战直播。
当然除了人脸识别API,还有“人脸验证”、“人脸辨识”、“相似人脸搜索”、“人脸分组”等认知服务API,感兴趣的开发者可以查看文档体验。
3、白鹭引擎 4.0 canvas & DOM 图片传递接口
目前市场上的主流HTML 5 游戏引擎是基于canvas或者WebGL进行开发的,但是无法触发长按识别二维码功能。而白鹭引擎 4. 0 提供了新的API,可以让canvas中的图片传递到DOM中并调整大小位置,最终可以实现长按识别二维码的功能。
借助于此功能开发者还可以实现更多丰富的功能。
意义
本次“How-Matched”的制作也是白鹭时代的一次尝试,将HTML5、人工智能以及社交结合起来会有怎样的化学效果?
1、HTML5 的形式,赋予的人工智能更大的灵活性,不仅无需安装,更降低了流量与用户的使用门槛,让更多的普通人能够领略人工智能的独特魅力。
2、HTML5 具有天然的社交属性,使用的低门槛加上分享的便捷性可以使 HTML 5 通过社交网络短时间内瞬间引爆。
本次白鹭引擎 4.0 新增了两个API,后续白鹭引擎将继续探索HTML 5 的社交场景,继续为开发者提供更加强大、更加方便快捷的API。
想要体验“How-Matched”的用户可以访问原文链接体验(http://wx.qimi.com/html/1210/love/1/index.html),想要更加详细的了解如何制作“How-Matched”的同学关注本周四的【白鹭直播间】,白鹭时代布道师A闪届时将给大家带来“How-Matched”的开发实战直播。
评论 {{userinfo.comments}}
{{child.content}}
{{question.question}}
提交