← 返回首页
等待启动
-- FPS
初始化中... 0%
摄像头预览
伸直手指: -
移动速度: -
速度方向: -
冷却状态: 就绪
当前手势: -
🖐️ 并拢滚动
☝️ 食指光标
🤏 捏合点击
👆 光标模式
👆
向上滚动

👋 欢迎体验手势控制导航

这是一个通过手势控制网页滚动和点击的交互演示。您可以使用以下手势进行操作:

点击下方按钮开始体验:

🎯 虚拟光标演示

伸出食指即可显示虚拟光标,移动手指控制光标位置。将光标移动到下方按钮上,然后捏合食指和拇指进行点击:

📜 滚动测试区域

张开手掌(至少3根手指伸直),然后向上挥手页面会向上滚动,向下挥手页面会向下滚动。

提示:调试面板显示"伸直手指: 3/4"或"4/4"(绿色)时即可触发滚动。

💡 技术实现

本项目使用 MediaPipe Hands 进行实时手势识别,结合自定义的手势识别算法实现:

🎨 设计理念

手势交互是一种自然、直观的人机交互方式。通过模仿人类日常的手势动作,我们可以让用户在不接触设备的情况下完成操作。

这种交互方式特别适用于:

⚙️ 高级设置

您可以根据需要调整以下参数:

📊 性能监控

实时帧率和识别状态显示在页面顶部。确保摄像头画面清晰、光线充足,可以获得最佳体验。

等待数据...

向下滚动继续探索

👆 尝试用手势向下滚动页面

更多内容

继续向下滚动...

页面底部

您已经滚动到页面底部了!尝试向上滚动返回顶部。