# MQTT_WebStreamDemo **Repository Path**: lojam/mqtt-web-stream-demo ## Basic Information - **Project Name**: MQTT_WebStreamDemo - **Description**: 基于MQTT的Web​获取火柴人(骨架数据)的实时数据, 网页展示火柴人动画示例代码。 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2024-09-30 - **Last Updated**: 2024-10-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # MQTT_WebStreamDemo #### 介绍 基于MQTT的Web​获取火柴人(骨架数据)的实时数据, 网页展示火柴人动画示例代码。 #### 软件架构 软件架构说明 STREAMDEMO │ streamDemo.html │ └─static ├─css └─js | jquery.min.js | mqttws31.min.js | polyfill.min.js #### 使用说明 获取火柴人(骨架数据)的实时信息并播放通常涉及以下步骤: 1、获取MQTT凭据: 调用HTTP端点/mqttAccount获取MQTT用户名、密码和WSS URL。注意,MQTT会话有时间限制,需要定期更新。 2、获取传感器的流令牌: 调用HTTP端点/streamtoken获取传感器的流令牌。 3、获取组ID: 调用HTTP端点/info获取组ID。 4、建立MQTT连接: 使用获取的用户名、密码和WSS URL通过WebSocket连接到MQTT。 5、订阅骨架数据流: 使用流令牌订阅MQTT主题,以接收骨架数据。主题格式为mobileClient/${groupId}/camera/${serialNumber}/skeleton/${streamToken} 6、接收骨架数据: 骨架数据将以二进制格式通过MQTT消息传输。您需要解析这些二进制数据以获取骨架坐标。 7、解析骨架数据: 根据 SH-RealTimeSkeletonBinaryFormat.pdf 中描述的格式解析骨架数据。注意,坐标是介于0和1之间的浮点数,并且需要根据16:9的宽高比进行归一化处理。 注意修改了画面尺寸一定要同步,不然会出现,火柴人位置与实时位置不切合实际以下代码位置: ``` const canvasWidth = 1080; // 960; const canvasHeight = 606; // 540; .......

火柴人动画Skeleton在线直播演示
返回首页

渲染骨架数据: 将解析出的骨架数据渲染到画布上。您可以使用JavaScript创建一个简单的动画,根据接收到的数据实时更新骨架的位置。 保持连接活跃: 根据文档说明,您需要每15分钟获取一次流令牌以保持数据流的活跃状态。 错误处理: 如果实时数据流中断,检查MQTT会话是否已过期,并根据需要重新获取MQTT凭据和流令牌; 断开MQTT连接, 重连MQTT。 示例代码: 您可以使用我们提供的 StreamDemo作为参考,这是一个JavaScript示例,演示了如何连接MQTT、解析二进制数据并渲染骨架。 查看我们的在线示例:[Skeleton Stream Demo火柴人动画在线直播演示 ](http://www.sunsili.com/html/live/streamDemo01.html) 请注意,这个过程需要您的应用程序能够处理网络请求、WebSocket连接、二进制数据处理和图形渲染。您可能需要根据您应用程序的具体技术栈选择合适的库和工具来实现上述功能。如果您遇到任何问题,可以参考我们API文档或联系技术支持获取帮助。 API参考文档 [火柴人摄像头Skeleton在线OAuthAPI文档_SUNSHINE SILICON](http://www.sunsili.com/doc_6.html) [火柴人摄像头Skeleton在线API文档_SUNSHINE SILICON](http://www.sunsili.com/doc_3.html) #### 火柴人隐私保护摄像头 AI智能行为检测跌倒报警简介 隐私摄像头 AI智能行为检测跌倒报警(图1) 隐私摄像头 AI智能行为检测跌倒报警(图2) ![火柴人隐私保护摄像头](http://www.sunsili.com/uploads/allimg/20240115/1-240115230343H2.jpg) ![火柴人隐私保护摄像头](http://www.sunsili.com/uploads/allimg/20240115/1-2401152303431T.jpg) 火柴人隐私保护摄像头简介 这款火柴人隐私保护摄像头内置NPU(人工智能神经网络处理器),运行多种深度学习算法,可以检测测人员的活动,并应用大数平台对各种行为(躺、站、坐、弯腰)进入统计分析,从而实现跌倒风险评估。当发生紧急情况时(例如跌倒),传感器会立即向家人或护 理人员发送报警信息。为保护隐私,传感器通过AI算法将原始图像计算成火柴人动画数据,只上传火柴人动画数据到云平台(APP和后台只能查看火柴人动画),绝不上传原始视频,因此火柴人传感器可以安装在家里的任何房间,包括卧室和浴室。火柴人动画还是极有价值的医疗数据,可以有多种用途,如可以分析老人的健康状况,协助事故调查和分析,改进养老机构的服务质量,帮助医生提前发现一些疾病,例如帕金森症、阿兹海默症、抑郁症等,并帮助医生和病人进行康复治疗。 [立即购买](https://item.taobao.com/item.htm?id=762822473605&spm=a21ag.7623864) #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)