当前位置:首页 > 技术文章 > 正文内容

HTML5+眼球追踪?黑科技颠覆传统手机体验

zonemu2个月前 (07-09)技术文章27

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!

为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。

实际效果如下:

案例比较简单,就是通过眼动功能获取视觉焦点位置,剔除用户看中的牌。现在,舞台的属性中多了一个“启用眼动”的选项,另外,还多了一个“启用摄像头”的事件。

具体实现如下:

1、素材准备:随机六张扑克牌、背景是牌桌

2、核心事件和逻辑:

舞台 属性中“启用眼动”设置“Yes”

舞台 添加事件(初始化时“启用摄像头”)

确定按钮 添加事件(轻触时获取视觉焦点X/Y,分别赋值给变量x和变量y)

3、最后通过判断x和y的数值范围就能知道用户看的是哪张牌啦

以上就是iH5最新眼动功能的使用方法,是不是有种地球人已经无法阻止iH5的感觉,赶快喊小伙伴试试吧!!!

http://fce6896351ab.ih5.cn/idea/SUKM3VV

(温馨提示:注意看评论!!!)

相关文章

Vue3开发极简入门(16):祖孙组件间通信之provide&inject

前文说了Vue的组件间关系,有父子、爷孙、其他关系。例如之前的Father、Son是父子关系,App与Son就是爷孙关系。而props的Son,与emits的Son,就是其他关系。前文的props是父...

傻瓜式DEVOPS实践手册——Gitlab部署

GitLab是一款开放源代码的DevOps平台,用于实现从项目规划、源代码管理、CI/CD到监控和安全性的全方位集成。GitLab主要用于版本控制、协同开发、持续集成/持续部署 (CI/CD)、自动化...

基于Docker构建安装Git/GitLab,以及制作springboot工程镜像

今天给大家分享的是《领先的开源自动化服务器Jenkins的应用实战》之基于Docker安装构建Git/GitLab版本控制与代码云存储的场所;使用Git管理项目,springboot工程制作镜像知识体...

高效使用 Vim 编辑器的 10 个技巧

在 Reverb,我们使用 MacVim 来标准化开发环境,使配对更容易,并提高效率。当我开始使用 Reverb 时,我以前从未使用过 Vim。我花了几个星期才开始感到舒服,但如果没有这样的提示,可能...

前端学习又一大里程碑:html5+js写出歌词同步手机播放器

需要完整代码和视频请评论后加前端群470593776领取javascript进阶课题:HTML5迷你音乐播放器学习疲惫了,代码敲累了,听听自己做的的音乐播放器,放松与满足知识点:for循环语句,DOM...

全屋定制板材怎么选不出错?6 种板材深度对比,3 套方案闭眼选

装修选板材头疼吧?刚装完的柜子变形发霉,说好的环保结果甲醛超标,这种翻车现场见太多了。厨房卫生间千万别用密度板,这玩意儿遇水就膨胀,半年准完蛋。颗粒板性价比确实高,但小厂出的真心不敢用。环保等级至少得...