Logo

隔空手势控制 Gestures

实验性功能:通过摄像头实时识别手部动作,隔空移动光标、点击与滚动。需要摄像头权限,点击右下角悬浮的手势按钮开启。

手势速查

  • 食指移动 → 移动光标
  • 拇指+食指捏合 → 点击(连捏两次 = 双击)
  • 捏合后上下移动 → 滚动页面(下移下滚 / 上移上滚)
  • 双指并拢上下滑动 → 滚动(备用方式)
  • 张开手掌 → 显示 / 隐藏光标

开启后可在下方测试区验证点击与滚动的准确性;高级参数(平滑度 / 点击阈值 / 手势映射)在控件面板内可调。

试试点这里

返回 Lab 列表

滚动测试区(双指并拢上下滑动)

内容 1:这里是用于验证隔空滚动手势的长内容容器。

内容 2:保持食指与中指并拢,向上或向下滑动即可滚动。

内容 3:页面滚动与容器滚动均通过 DOM 事件模拟实现。

内容 4:若滚动不够灵敏,可在面板的高级设置中调节活动区域比例。

内容 5:若点击落点偏移,请保持手在画面中心区域操作。

内容 6:开启虚拟光标后,可看到当前指针的实时位置。

内容 7:捏合时指针会变为橙色并缩小,表示点击准备中。

内容 8:持续保持捏合并移动,即可触发拖拽行为。