HouGISer的博客

神投手是我开发的一款移动端web实时投篮检测游戏，基于Mediapipe对象检测模型，提供数据集，训练出可识别篮框的模型。利用图像处理算法，检测篮球进框的场景。提供了两种模式：计数模式和计时模式，界面如下：点击开始按钮，进入游戏界面，对准篮框，手机保持静止后，点击录制，游戏开始。左上角显示进球数，右侧可以退出和标定篮框。这种算法的缺点是，手机不能移动，强依赖于图片的diff，另外，篮框的识别的准度和精度都有待提升（训练集是700+图片，似乎不够）。

这篇文章我将硬核介绍Modelground的第一个产品——Mediapipe视频处理！网站入口为，如图所示，欢迎体验。tip: 由于服务器带宽较小，初次加载模型需要一定的等待时间。Mediapipe视频处理在线生成Mediapipe各类模型处理后的视频，支持导出视频和自定义样式。效果如下图所示。整个网站分为两部分，左侧为模型选择器和模型配置模块，右侧上部分为视频流选择及导出选项，右侧下部分为视频处理效果。Mediapipe视频处理是Modelground的第一个孵化MVP产品。

这套架构是我在开发Modelground过程中，逐渐摸索出来的比较成熟的架构。很多坑都是过程中发现并解决，并不是一开始就能考虑到的。总结而言，依赖monorepo多项目管理模式，实现项目依赖，并行开发。通过流水线模式，简化项目启动流程。通过公共模型服务，减少冗余静态文件复制动作，在打包时统一拷贝。以上，就是Modelground的工程化架构设计内容，极大减少了本人开发耗时，可以将精力集中在构思创意上。如果本文对你有帮助，希望能得到你的三连+订阅Modelground专栏。

总体的费用是服务器99元+域名188元+域名证书0元=287元，使用时长1年，（域名10年）。总体耗时大概是2周以内，周期最长的是ICP备案审核和域名证书审核。以上，你就可以通过域名访问你自己的服务啦！感兴趣的小伙伴，记得订阅这个专栏，这个专栏提供保姆级从0-1的AI平台搭建实操，一定能帮助到你！

Modelground（模型广场）是探索先进模型落地场景的“实验室”，旨在用技术改善生活。维护者是本人。目前，Modelground已经集成了部分模型：Mediapipe视频处理、神投手、AI健身计数等。当前，所使用的模型都是基于Mediapipe，后期会考虑集成入其他有意思的模型。