今天我们就结合我们一段时间以来「Ai乐运动」用户的反馈、实测验证,来聊聊AI运动小程序在鸿蒙端的适配。 1.5.8,从结果看AI运动识别插件的功能在鸿蒙5的表现不存在兼容性问题,可以正常使用。 二、AI运动小程序在鸿蒙5的兼容性问题使用微信版本v8.0.11分别在Harmony5.0.1用Harmony5.1.0测试兼容问题主要表现在小程序的Camera组件,问题为Camera的非原生事件,即 运动小程序依赖Camera组件的非原生事件来交互,如全屏模式下点击组件打开操作菜单等,在小程序运行时彻底修复上述问题之前,可以考虑先采用在Camera组件覆盖一个一样大小、透明的非原生组件如view来解决此问题 AI运动小程序在纯血鸿蒙下的适配就为您介绍到这,若有其它的适配场景我们继续为您分享,欢迎关注...
引言 受小程序camera组件预览和抽帧图像不一致的特性影响,一直未全功能支持全屏模式,详见本系列文件第四节小程序如何抽帧;随着插件在云上赛事、健身锻炼、AI体测、AR互动场景的深入应用,各开发者迫切的希望能在全屏模式下应用 ,以便获得更合理的UI布局和更佳的用户体验,经过我们的努力摸索小程序camera组件的预览处理逻辑,优化更新插件特性,现在已完美支持相机全屏模式应用。 经过我们的实测分析,小程序camera组件在宽高比与相机输出图像宽高比不一致时,采用的是长边按比缩放,短边居中裁切的模式进行缩放,如下图所示:这是在相机输出帧大小640px480px/480px640px 3.2、人体检测范围变化若您在运动时进行了人体远、近站位预检,那相应的range坐标也需进行偏移。 好了,全屏适配问题就为您介绍到这里,未尽问题可以联系我们进行咨询,插件将致力为您提供全面的AI运动识别解决方案,助力您快速落地AI运动、AI体育、AI健身、AI体测、AR互动等运动应用。
截止到现在写博文时,我们的AI运动识别小程序插件已经迭代了23个版本,成功应用于健身、体育、体测、AR互动等场景;为了让正在集成或者计划进行功能扩展优化的用户,少走弯路、投入更少的开发资源,我们归集了一部分集中的常见问题 二、抽帧 AI运动大部分的使用场景,都是通过相机实时取像进行识别,为了减少您的集成工作量,我们已为您实现好了抽帧、帧流控等功能,并在Demo中提供了相关源码,直接集成至新项目即可。 如下图所示,连续提取的多张图像,有可能是同一个动作,特别是高帧数的视频和相机,同一动作的帧会更多,因此,在计数运动自定义运动适配时,需要做好标记,同一个动作只捕捉一次,否则便出现重复计数问题。 四、人体识别 要进行运动和姿态识别,首先要拿到人体识别结果,插件的人体识别接口是可以单独调用的,无须经过运动分析器。拿到人体识别结果也可以进行其它场景的拓展,如动作交互、AI带教、语音交互等。 运动是支持将camera组件全屏下进行识别的,但是受制于小程序抽尺寸与预览尺寸不一致的问题,可能会现骨骼图和人体位置不一致的情况,如果一定要使用全屏模式,建议关闭骨骼图展示。
截止到现在写博文时,我们的AI运动识别小程序插件已经迭代了23个版本,成功应用于健身、体育、体测、AR互动等场景;为了让正在集成或者计划进行功能扩展优化的用户,少走弯路、投入更少的开发资源,针对近期的咨询问题 **计数模式:** 主要适应于多动作的非静态运动,如跳强、开合跳、俯卧撑、仰卧起坐等运动的识别计数,会同时产生数量counts和时长times两个计数,其中数量为检测识别到的有效(符合检测动作要求)运动数量 ,时间为运动开始到结束的时间。 四、无开发能力的用户如何利用插件,开发运动类小程序?若您想开发**线上运动赛事、云上运动会、学生体测**相关的AI运动小程序,但又无开发能力或不想投入开发资源进行自研。 针对此类用户我们提供了可直接落地的解决方案「Ai乐运动」,可在直接搜索登录小程序进行赛事举办,学生体测作业布置,系统支持多种赛事模式、体测作业布置、提交、测验,拥有完着的后台管理系统,支持SaaS和私有部署方式
今天给大家分享一个最近使用我们的“AI运动识别小程序插件”+“微搭”搭建小程序的经典案例。 用户为形体礼仪培训机构,计划开发一款AI美体运动小程序,旨在为用户提供专业的运动指导和美体建议。 考虑到开发成本、开发周期及原功能迁移的问题,用户决定基于“微搭”低代码平台进行搭建,并集成“AI运动识别小程序插件”以实现AI运动识别智能化功能。 公司选择“微搭”平台作为小程序的开发基础,因为“微搭”提供了丰富的组件和模板,可以极大的降低开发难度和周期。在我方技术人员的协助下,成功将“AI运动识别小程序插件”集成至“微搭”平台的小程序中。 由于采用了“微搭”低代码平台和我们成熟的“AI运动识别插件”,小程序得以在短时间内快速上线,满足了机构的市场推广需求。
一、引言 近年来,随着AI视频识别技术的飞速发展,市场上涌现出了众多基于视觉识别的AI运动APP。 然而,相较于APP,小程序在运动环境的适应性和AI运动能力的实现上,一直面临着不小的挑战。 但经过我们的不懈努力与深入探索,终于找到了一个完美适配小程序的AI运动解决方案。 二、在UNI APP中引入方案本方案以小程序插件的便捷形式呈现,摒弃了繁琐的程序包引入过程,所有接口均统一采用高效的javascript形式,确保在小程序内能够实现无缝且流畅的调用体验。 八、新开发和存量改造皆适应无论您当前是使用uni框架已经成功运营着小程序,还是正计划利用uni框架开发一个融合了AI运动应用场景的小程序系统,乃至如果您在构建线上运动赛事和AI体测等AI运动小程序方面有着美好的愿景 方案致力于提供全面的AI运动方案,确保您能够轻松实现小程序的开发与运营,让您的AI运动小程序项目顺利落地,焕发无限活力。
引言: 「Ai运动识别」系列插件自推出以来,已经成功在AI健身、线上运动赛事(云上运动会)、学生体测、美体锻炼、康复锻炼等场景中应用,既有小程序、也有APP,这些应用都是常规的运动项目或者是专业的培训、 康复动作,相较而言更适合成年人或初中往上的青少年,不适合于低龄儿童,而AR体感游戏的出现,则以“游戏化+沉浸式”的创新形式,打破年龄壁垒,为AI运动应用注入全新活力! 3.2、适配低龄段的儿童受限于AI体育运动项目的受众年龄原因,针对校园场景的AI运动健身小程序、APP,在小学低学年级,特别是幼儿园幼儿,没有比较合适的切入口,借助AR游戏引擎,扩展一些针对低龄幼儿的易上手 、强获得的小游戏,便是一个新的向小程序、幼儿园推广的新切入口、新特色、新亮点。 四、AR体感游戏好实现吗由于「AI运动识别」插件本身已具备非常强的人体关键点识别、自定义姿态识别能力,这让AR体感游戏的实现难度陡降,具体可以参考我们前面的一个小程序轻量AR体感游戏,开发实现解决方案
“ 关键字: “运动场馆预约小程序" 01— 运动场馆预约小程序 根据几个月前做的一个运动场馆预约项目改编而来,根据低保真页面进行了版式调整,使更具有了一些设计感,图片进行了替换 介绍 将该项目导入微信开发者工具 3、所有软件和资源源码都有时效性,如果遇到失效的请,到公众号后台留言反馈或者直接联系小编微信,微信在下边二维码! 春节到 小编作了一些红包封面送给各位粉丝朋友 程序员专属红包封面 大家捧场 如何领取微信红包啊 01 — 扫描并关注“视频号“ 02 — 关注公众号回复“ 领取封面 ” 【联系方式】 — 联 文章发布源代码和文章均来源于各类开源网站社区或者是小编在项目中、学习中整理的一些实例项目。主要目的是将开源代码分享给喜欢编程、有梦想的程序员,希望能帮助到你们与他们共同成长。 如果涉及开源程序侵犯到原作者相关权益,可联系小编进行相关处理。
乒乓圈小程序 和朋友合伙写了一个小程序,写了一个以共享乒乓信息和交流的平台———乒乓圈。我们使用了微信的云开发来完成数据和后台的作用。免去了租赁服务器。 留言功能 留言功能,是这个小程序的主要功能之一,目的是为了向兴趣相同的乒乓爱好者有一个初始的交流平台。 总结 开发总结 良好沟通的重要性 在和朋友一起开发小程序的过程中注意到了以下的问题, 沟通 是最重要的,在我们开发的过程中,因为没有良好的沟通,导致,前后端的功能开发对接不完美。 个人思考 程序的结构 程序的结构大致分为前端页面、后端服务器和数据库三个组成部分。在小程序这种 MVVM 结构中前端占有了很重要的一部分。 感想 在和他人一起,写小程序的时候出现种种问题,甚至有时候效率还没有一个人单独写的高,但是我发现和他人一起写会更有动力,每个人的想法在碰撞,能快速的提高自己的编程水平和与他人的沟通能力。
所有的小程序项目都是这个结构,在上面不断添加其他内容。 这个结构分成两层:描述整体程序的顶层 app 脚本,以及描述各个页面的 page 脚本。 1、app.js是小程序的脚本代码。 我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。 2、app.json 是对整个小程序的全局配置。 我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。 3、app.wxss 是整个小程序的公共样式表。 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。 小程序文件和传统web对比 结构 小程序 传统web 结构布局 Wxml Html 样式 Wxss Css 逻辑 JavaScript JavaScript 配置 Json 无
我们以前在web开发的时候,web页面也有一些相关的事件,当然小程序要接触屏幕要进行一些点击和拖动事件。 源码:https://github.com/limingios/wxProgram.git 中的No.6 小程序的事件触发 通过行为进行的人机交互方式 类似于html的onClick,onChange事件等等 2.程序演示点击 //events.js //获取应用实例 const app = getApp() Page({ data: { motto: 'Hello World', userInfo PS:小程序的事件基本就是这样,事件使用,事件分类,事件详情,这三个方向来使用。
那么AI运动这个应用场景,除了在原生APP上实现,能否搬上微信小程序呢,今天就带您探索几种可能的解决方案,并进行一些横向对比。 1.2、半离线方案 所谓半离线方案,与全离线方案的区别在于,将视频抽帧放在小程序端执行,即可利用小程序的camera组件实时采集运动画面,调用相应的API进行实时抽帧向后台回传,后台反馈识别结果。 1.1、自研AI引擎方案 微信小程序端本身提供了Camera组件及摄像头画面抽帧API,使用现成的即可,重点在于人体关键点识别检测的深度学习推理引擎的集成,这需要根据小程序的运行时,选择好相应的识别引擎及检测模型 1.2、成熟的插件方案 相较于自研方案,也可以选择成熟的小程序插件解决方案,比如服务市场中的的【AI运动识别】微信小程序插件,可以为您的小程序提供人体检测、运动识别的AI能力,插件目前支持跳绳、开合跳、 AI运动识别插件方案,投入成本小且能避免很多实现陷井。
看到腾讯云发了一个新活动,里面介绍了AI小程序的制作,通过里面的云开发教程——入门教程,快速开始,开发指引;云开发使用进阶——微信云开发云目标实战课程,云开发实战课程,最佳实践;云后台登录入口——小程序登录 ,[腾讯云登录}(https://tcb.cloud.tencent.com/cloud-admin) 本来自己对编程也没什么接触,但通过对上面官方文档的学习,也是一步步的将自己的AI接入了小程序。 之前在之前相似的平台,也推出了创建自己AI的活动,但跟腾讯云相比,最大的不同就是在于腾讯云能接入微信小程序。 在之前平台与现在腾讯云创建的AI都很相似,但在后面接入微信小程序后,能够在微信中实时使用自己创建的AI,相比于之前部署于服务器,成本和时间都低了许多。 除了这样,微信作为我们常用工具,很多人也在使用,可能还有作者同时运作自己的公众号,将AI接入我们的小程序,也会让自己的公众号添色不少。
自定义组件由 json、wxml、wxss、js 四个文件组成,我们通常是在根目录下创建一个文件夹——components,在该文件夹中存放我们自定义的公共组件。
说明:本文所涉及的AI运动识别、计时、计数能力,都是基于云智「Ai运动识别引擎」实现。 Ai运动识别」插件识别引擎,可以为您的小程序或Uni APP赋于原生、本地、广覆盖、高性能的人体识别、姿态识别、10余种常见的运动计时、计数识别及自定义扩展运动识别能力。 完善的文档、Demo项目,开箱即用,可以帮助您快速实现AI运动、AI体育、AI运动赛事、全民健身赛事、AI体测等应用场景的快速落地。一、为什么要将运动配置持久化到后端? 当我们根据应用场景重新调整内置运动检测参数或者扩展了新运动项目,发布小程序、APP后,若在运行时发现运动参数不合适需要调整时,便需要重新发布小程序或者APP,这个发布过程需要耗费短则几个小时,长则一两天 若将运动检测的各项参数持久化到后端,这样便可以避免因为运动调整频繁发布小程序、APP新版本,让用户获得更好的体验。二、需要持久化的那些配置数据?
这里是「小程序问答」栏目的第 11 期 不知道有多少人在用微信谈工作?每次向对方用纯文字介绍自己的时候,都觉得低效又不美观。 用新手机登录微信,小程序列表会自动同步。——来自某个刚经历碎屏换机的人的亲测。 2. 小程序如何分享朋友圈? 小程序目前还不支持分享到朋友圈,但是你可以把你喜欢的小程序,分享到微信好友、微信群中。 目前小程序还不支持分类收藏,但是你可以通过删除不常用的小程序,使小程序列表保持在一个相对容易查寻的状态。 怎么删除列表中的小程序?看看第二期的第 6 问吧。 5. 小程序里的缓存是在微信里了吗? 但目前大多数小程序还不提供「清除缓存」功能,对于这类小程序,可以直接从小程序列表中删除小程序,再重新打开,以达到清空缓存的目的。 公众号跳转小程序,需要认证吗? 不需要。 11. 个人开发小程序可以发布吗? 可以。微信发布的6 大新能力中,第 1 项就是「个人开发者也可以注册和开发小程序」。
11月9日发布的小程序新能力,其实在技术上没什么特点,就不做解读了,后头应该有更劲爆的。 “ 为帮助开发者快速推广小程序,公众号文章底部广告位现已支持推广小程序。 微信公众平台发布「小程序开发助手」, 支持小程序的项目成员更方便地预览和体验小程序。开发者工具内腾讯云服务支持PHP语言。” 01 — 小程序可通过公众号文章底部广告位推广 为帮助开发者快速推广小程序,公众号文章底部广告位现已支持推广小程序。 ? 具体指引详见《微信公众号广告支持小程序落地页投放》 02 — “小程序开发助手”发布 微信公众平台发布“小程序开发助手”,小程序的管理员、开发者和体验者可便捷地预览和体验小程序。 03 — 开发者工具内腾讯云服务支持PHP语言 为便于开发者开发小程序,开发者工具内腾讯云服务新增支持PHP语言。 详见《小程序开发者工具腾讯云服务功能说明》
也就是说,我们纤细的脖子上,相当于压了一袋 40 斤的大米…… 云开发的客户——BodyPark ,是一家专注于做健身数字化的初创企业,基于云开发和AI结合,快速搭建互动式小程序「颈保健操」。 颈保健操是一套帮助颈椎拉伸放松&不良坐姿体态调整的AI互动课程,只需要打开手机小程序,把手机摆放在桌子上,AI 识别你的位置和人脸后,就可以开始运动。 为了保证用户隐私以及增强趣味性,颈保健操还使用了动作捕捉技术,根据用户的头部运动来驱动卡通头像。 动作结束后,AI 会针对你的颈椎活动范围给出专业的角度评估,帮你更精准了解自己颈椎的功能和灵活度。 对小程序开发友好 ○ 微信开发者工具里可以直接进行云函数的开发与调试、以及云数据库的操作,还可以进行资源和用量的实时监控。 这意味着,小程序开发人员可以在同一套IDE里,用开发前端js服务的方式来开发后端服务。
作为一个热爱运动但总是难以坚持的人,我一直想要一个简单易用的运动打卡小程序来督促自己养成运动习惯。 本文将分享我使用CloudBase AI ToolKit结合Cursor AI编程工具,从零开始打造一个功能完整的运动打卡小程序的完整过程,展示AI时代下的全栈开发新范式。 项目概述与技术选型项目需求支持多种运动类型的打卡功能查看历史打卡记录精美的UI界面和流畅的交互体验用到的工具前端:微信小程序原生开发 后端:腾讯云开发CloudBase 云开发CloudBase官网(tcb.cloud.tencent.com 比如当我说"创建一个运动打卡的小程序主页面,包含日期显示、运动类型选择和打卡按钮"时,AI立即生成了完整的页面代码。 项目源码已开源(328599138/sports-checkin-miniprogram: ♂️ 基于腾讯云CloudBase的运动打卡小程序,采用现代液态玻璃设计风格,支持多种运动类型打卡、数据统计和历史记录查看
}, { rank: "3", txtStyle: "", icon: "/images/my.png", name: "王小婷 }, { rank: "8", txtStyle: "", icon: "/images/my.png", name: "李小俊