mediapipe演示(javascript版)

MediaPipe 是 Google 的开源框架，前段时间进行了一番探索，发现此开源非常良心，而且包含了篇各种应用教程：

• Android、iOS、Python、JavaScript、C++

为了好玩儿，也希望最后的效果能被家里人也体验到，于是打算试用JavaScript版本，这样便能将其嵌入个人网站，并且是以静态网页的方式进行呈现，对于贫困如我没办法自己租赁服务器的同学们来说是再好不过了，这样基于GitHub搭建的网站也能进行功能的展示了

体验网址注：点击进入网页后检测到人脸会有声音警报，这是之前进行的警报尝试，并未关闭，切换至其他检测项目即可
https://lujiazho.github.io/assets/mediapipe/dev_face.html

电脑端测试良好，Android端根据不同机型可能会有不同程度的页面变形（因为没有太多的响应式布局），IOS无法正常使用

部分效果如下

手部关键点检测

可见手指关键上原点大小不一，深度信息也被检测到了

应用延伸：基于这样的实现后，可以做的事情就有很多了
1、将检测到的关键点信息通过javascript网络编程可以发送到unity中，进行3d模型控制，当然目前并没有去实现，只是一个idea，如果不行，也可以采用c++版
2、既然能做到检测信息的传递，那也能利用其进行各种控制，比如防盗，当你住一楼时，检测到有人离窗户很近，则产生警报
当然还有很多应用方式，大家可以自行脑洞