您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > 前端开发 > HTML5&CSS3

HTML5画布(Canvas)技术应用演示——手势控制幻灯片播放

作者:  来源:WEB天外天  日期:2013-12-04 21:11:37
收藏  评论:( 0 )  阅读:919

本文给大家介绍一个纯HTML5+Javascript实现用手势来上下左右翻动指挥幻灯片的运行的效果,他是用 WebRTC Javascript 来调用摄像头,通过电脑上连接的摄像头观察你在空中挥舞双手动作判断如何翻页,目前只有使用谷歌浏览器才能正确的运行。这个例子手势的识别只有大概80%的准确性,但是相信它已经足够让你领略到这种技术的潜力了。

HTML5画布(Canvas)技术应用演示——手势控制幻灯片播放

使用技巧
1、手势识别算法通过计算你的动作的位置和幅度,当检测到动作的幅度超过一个阀值时,幻灯片将2、会做出相应的变化。
3、注意让你的身体保持静止。
4、你的手最好距离摄像头60-90厘米远。
5、做手势时手掌张开,手心冲着摄像头。
6、必须使用谷歌浏览器

当然,最重要的还是需要你的电脑连接有可用的摄像头

观看演示

文章来源:WEB天外天



除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/html5/708.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论