这是一个通过手势控制网页滚动和点击的交互演示。您可以使用以下手势进行操作:
点击下方按钮开始体验:
伸出食指即可显示虚拟光标,移动手指控制光标位置。将光标移动到下方按钮上,然后捏合食指和拇指进行点击:
张开手掌(至少3根手指伸直),然后向上挥手页面会向上滚动,向下挥手页面会向下滚动。
提示:调试面板显示"伸直手指: 3/4"或"4/4"(绿色)时即可触发滚动。
本项目使用 MediaPipe Hands 进行实时手势识别,结合自定义的手势识别算法实现:
手势交互是一种自然、直观的人机交互方式。通过模仿人类日常的手势动作,我们可以让用户在不接触设备的情况下完成操作。
这种交互方式特别适用于:
您可以根据需要调整以下参数:
实时帧率和识别状态显示在页面顶部。确保摄像头画面清晰、光线充足,可以获得最佳体验。
等待数据...
👆 尝试用手势向下滚动页面
继续向下滚动...
您已经滚动到页面底部了!尝试向上滚动返回顶部。