[ 2017-12-15 ] 人脸识别、图片遮罩上线,一镜到底组件优化

由于大家对于个人信息收集、人像趣味交互类H5的需求越来越多,现开发人脸识别的触发行为,常用于企业招聘或活动类H5的人像照片等信息收集、个性化人像合成的趣味交互 .

重磅消息,人脸识别功能上线啦,到底怎么用这个黑科技提升你的作品逼格呢,快来详细了解一下吧!

 

一、人脸识别

注:人脸识别功能为高级功能,目前基础版及以上版本用户可使用 .

 

1、应用场景

由于大家对于个人信息收集、人像趣味交互类H5的需求越来越多,现开发人脸识别的触发行为,目前主要有三个显示效果:证件照、脸部图片、大头照 . 常用于企业招聘或活动类H5的人像照片等信息收集;个性化人像合成的趣味交互 .

 

  • 证件照

  • 脸部图片

  • 大头照效果

 

2、功能特色

根据 H5 作品中已经添加的或用户上传带有人像的图片,可识别并设置显示不同人脸范围,成功或失败时,做触发设置 .

 

上传照片后的检测效果,如图:

下面有一个完整案例供大家体验:


扫描二维码,查看完整案例

各不同人群在案例中的检测效果如下:

  • 即使个人上传的照片角度有倾斜,该功能可在识别人像后,对人像的五官矫正为90°
  • 可根据个人需求选择要显示的人脸范围
  • 年龄( age ):整数
  • 性别( gender ):男/女/未知
  • 颜值( beauty ):范围[ 0~100 ]、值越大,颜值越高

后期我们将对该功能不断完善,优化人像合成时参与截屏的配合度,满足大家更多需求。

p.s. 带有人脸的表情包也可以识别哟

 

二、图片遮罩

图片遮罩功能类似于 PS、AI 软件中的剪切蒙版,我们在可以在设计软件中勾画任意形状,然后导出一张 PNG 图片,周围透明;图片整体的不透明度可以调整,影响到识别后人像照片的显示 .

人脸识别可以结合图片遮罩使用,现在简单为大家展示,不同透明度的遮罩,识别后的效果差异,可以根据个人需求去调整 .

三、一镜到底优化

1、可拖动

可拖动指是否允许观看的用户,通过手势上下划动屏幕,控制一镜到底的播放 . 也可在设置自动播放的同时设置可拖动,在一镜到底自动播放时也允许观看者手动控制 .

 

2、自动播放

勾选自动播放,在切换到一镜到底组件当前页时,播放一镜到底画面 .
同时可以设置自动播放的速度,速度的值越大,播放的画面飞出越快 .


以上两者是结合使用的,对于手动控制播放时,也可以设置滑动速度,暂时不支持,但后期会继续优化 .

 

3、切换到指定帧

可以在放置一镜到底组件的页面上,放置其他元素,用其他元素去触发一镜到底画面的切换,如添加一个按钮,在某个手势动作时切换到指定帧,切换时间目前为固定时间 1 秒( s ).

 

4、一镜到底播放触发器

开始播放时、结束播放时(最后一帧画面出现时)的触发器


一镜到底组件后续还将优化,如切换到指定帧时的相关触发、对于控制一镜到底播放的手势(如长按开始结束时)等 .

以上就是本次的功能更新、优化,欢迎大家持续关注,提出宝贵意见~

10