oneya1的博客

1.目的：之前项目实现跟ai语音对话，因为API语音结果生成缓慢，返给前端大概在10s左右，所以领导要求使用websokect,实时接受后端反的片段音频，前端播放。这样生成的时间就会快很多。

注意：该功能中定位我用的高德地图定位获取具体的省市区，如果有需要的小伙伴可参考。1.在common文件夹中创建index.js文件。3.在app.json中加入。2.app.js中引入。

4.在components组件里面创建common文件share-behavior.js。准备：需要准备要扫描的图片地址和扫描成功后显示的模型。share-behavior.js代码。scene-ready.js文件代码。index.json文件代码。index.wxml文件代码。index.js文件代码。index.json代码。index.wxml代码。index.wxss代码。index.js文件代码。index.json代码。index.wxss代码。index.js代码。utils.js代码。

2.微信小程序AR是2023年初发布，还有很多问提（比如glb模型不能直接播放最后一帧；index.json代码 子组件地址根据自己的路径来 xr-demo-viewer组件在官方文档demo里面有。5.在page创建父组件scene-ar-germanBusiness。先创建组件xr-ar-cameraglb。3.代码展示，我用的是微信官方文档案例。index.wxml文件代码。index.wxml代码。index.json代码。index.js代码。index.js代码。

因为AR识别手部一直在识别，所以会出现闪动问题。可以将微信开发者调试基础库设置到3.3.2以上，可能要稳定一些。5.创建父组件scene-ar-germanBusiness，引入手势识别子组件。4.代码展示，在组件里先创建xr-ar-german组件。2.微信小程序手势识别只支持以下几个动作，和识别点位，3.3.代码展示，我用的是微信官方文档案例。

我已上传demo案例，有需要的童鞋自行下载，项目直接用微信开发者工具打开，主要修改成自己的appid；运行需要编译到pages/ar/scene-ar-germanBusiness1/index 页面后手机预览打开。可能刚打开是白屏，需要等一会，模型加载需要时间。index.json文件代码。index.wxml代码。index.wxml代码。index.js代码。index.js代码。

是一个用于微信小程序开发的工具库，主要用途是将小程序页面的内容绘制成图片，以便生成海报或保存分享图片到相册等功能。①海报生成功能：允许开发者将当前页面的特定部分或整个页面内容绘制到 Canvas 上，并导出为图片，用于生成自定义的海报。②分享图片生成：可以将页面内容（如用户生成的图表、统计数据等）转换为图片形式，方便用户保存或分享到社交平台。⑤用户交互的延展：通过将用户交互的内容绘制到图片上，可以实现一些特殊的需求，如生成用户定制的表单、报告等。

在所需要的页面通过 app.globalData.eventBus.on(‘isregionUpdated’, this.onIsregionUpdated);页面生命周期管理：在页面加载时订阅事件，在页面销毁时取消订阅，以避免内存泄漏和不必要的事件处理。全局性：事件总线可以跨越页面、组件甚至小程序的整个生命周期，提供了一种有效的全局通信机制。参数传递：可以通过事件对象来传递需要的数据，确保信息的完整性和正确性。解耦性：可以降低页面或组件之间的耦合度，提高代码的可维护性和复用性。