草庐IT

uni-app webrtc 实现H5音视频通讯

文章目录1.写在前面2.项目需求(安全帽视频对接)2.1完成效果3.开始搞,uni-app开发H5视频对接3.1html代码3.2js代码(核心步骤)3.2.1根据接口获取安全帽在线的房间号,点击在线的安全帽列表,进入视频页面观看3.2.2进入房间后,首先`uni.connectSocket`创建初始化websocket连接3.2.3`uni.onSocketOpen`打开连接,向服务端发送进入房间信息;并且创建心跳,每隔10s发送心跳信息。用于判断连接状态,如果断开,需要重新连接。3.2.4`uni.onSocketMessage`进行服务端响应消息监听,3.2.5`connSignalSe

H5跳转小程序(详)

 普通的H5是无法跳转小程序的。在手机微信内打开的H5网页可通过开放标签跳转微信小程序(目前电脑微信不会渲染跳转按钮)。具体使用、请阅读静态网站H5跳小程序|微信开放文档(qq.com)  由于是第一次写此类需求,在没有把握成功的情况下我选择了自己充钱在个人微信开通了云服务,这也许就是导致了后面最后一步报错40002(没有生成Scheme权限)的原因!!  阅读上面地址之后:    1.小程序appId与云开发环境ID要统一    2.经搜索有人说下方图片的“填入你的小程序名称”也是需要修改的     3.username:小程序原始账号ID;path:小程序页面路径:不加/尾部加.html 

关于微信公众号的h5页面跳转微信小程序的详细介绍

简介关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后会贴上全部代码。思路一、条件已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。这两个条件符合其一即可二、版本兼容微信版本要求为:7.0.12及以上系统版本要求为:iOS10.3及以上、Android5.0及以上对于符合微信或系统最低版本要求但

uniapp - 全端兼容 “选项卡瞄点定位“ 功能,点击后滚动到锚点位置并且选项卡自动吸顶,当 “经过“ 锚点时自动定位选项卡(详细运行示例源码,超详细注释稳定可靠!)支持H5、App、小程序全平台

前言如果需要Vue版本的锚点定位功能,请访问:Vue/Nuxt-锚点功能开发。本文实现了uniappH5/小程序/App锚点定位功能组件,搭配选项卡进行点击与“经过”联动效果,您可以直接一键复制组件源码,参考示例代码运行起来稍微改改就能用了,如下图所示,您只需要设置好锚点、选项卡配置,然后插槽(Slot)传入你的全部DOM即可,另外你可以随意更改组件源码,比如选项卡样式不满意想改一改等。示例代码干净整洁,无任何乱七八糟的无关代码组件源码位置无所谓,后面确保引入路径正确即可。在components文件夹下,新建anchor.vue文件,一键复制如下代码。&

ST电机库v5.4.4源代码分析(1): FOC原理(结合ST电机库)

编者:沉尸(5912129@qq.com)本文字描述电机FOC的原理性内容,大部分取材于网络,但是我对于某些细节进行了比较详细的描述。因为很多最初的出处链接没有记录下来,所以没有标明,忘谅解!本文字不会用于任何商业行为!第一章电流分析 设计目标:电流流经三个绕组会产生磁场,我们希望这个磁场的“合力”拉着转子做连续的圆圈运动,且大小可控。显然这个合成的磁场方向和转子的南北极方向垂直时产生的力矩最大。根据数学理论,如果在三相中分别产生互差120度的相电流正弦波(也可以用相电压来描述),可以获得上述结果。因为电流和磁场的强度成正比,且磁场的南北极和电流方向相同,所以考虑电流就是考虑磁场。标准三相电流

羊了个羊小程序系统开发H5成熟源码开发展示

最近,一款小程序游戏《羊了个羊》火了,多次冲上社交平台热搜。但同一时间却被众多网友与玩家吐槽——感觉被收割了。据游戏官方介绍,这是一款超难的闯关消除小游戏,通关率不到0.1%。具体方法是,玩家们点击上方卡牌,被选中的卡牌会下移到底部的框中,框内最多储存7张卡牌,当有3张相同的卡牌同置于框内时,则可达成消除。“就是一款消消乐的游戏”,资深游戏玩家小陈表示,能否通关从发牌就决定了。官方也说了通关率不到0.1%。就是99.9%的人,是通过不了的,即便用完所有的道具。记者从社交平台看到,有网友晒出了通关的视频,当中有的就剩两三张牌,也无法全部消完。羊了个羊小游戏的玩法上区别与消消乐,经典的玩法看似简单

h5端调用手机摄像头实现扫一扫功能

 一、前言        最近有遇到一个需求,在h5浏览器中实现扫码功能,其本质便是打开手机摄像头定时拍照,特此做一个记录。主要技术栈采用的是vue2,使用的开发工具是hbuilderX。        经过测试发现部分浏览器并不支持打开摄像头,测试了果子,华子和米,发现夸克浏览器无法打开摄像头实现功能。h5调用摄像头实现扫一扫只能在https环境下,亦或者是本地调试环境!! 二、技术方案 经过一番了解之后,找到了两个方案 1.使用html5-qrcode(对二维码的精度要求较高,胜在使用比较方便,公司用的是vue2,因此最终采用此方案) 2.使用vue-qrcode-reader(对vue版

5、STM32—Keil在线调试(ST-Link)

一、调试模式的设置      (1)打开keil点击optionfortarget选项        (2)点击Debug进行对调试模式的设置(使用硬件仿真前需连接好相应连线) 二、进入调试模式       (1)点击Keil工具栏的Start/StopDebugSession按钮(或者按快捷键Ctrl+F5)       (2)调试模式界面       (3)调试常用按键 查看外设寄存器运行状况

小程序内嵌H5页面,如何监听小程序的返回键

小程序通过web-view跳转到h5页面,在h5只能有小程序原生的返回键,默认返回上一页,遇到两处感受差的地方。1,点击右上角的分享按钮,会再次进入一次该页面,点击左上角的返回需要两次2,新用户点击链接,登录后进入h5页面,点击返回又会回到登录页,交互差一开始的思路是,监听小程序的左上角返回键这个方法就可以监听到返回键,并返回小程序的指定页面。但问题是,只有ios能监听到popstate,安卓机却不能,找了很多监听的方法都不太理想后面发现了更简单的方法,就是在跳转的web-view页面,在onUnLoad生命周期,实施返回到指定页面,最终解决需求

uniApp下载图片到手机相册,适配Android、Ios、微信小程序、H5

uniapp下载图片到手机,适配Android、Ios、微信小程序、H51.根据不同设备展示不同的按钮1.1图片显示1.2微信小程序显示的按钮1.3h5显示的按钮1.4app显示的按钮2.引入需要用到的文件3.data中需要的数据4.onload方法5.methods需要用到的方法6.获取手机相册的访问权限文件7.注释:在使用微信小程序的时候,下载需要将域名配置一下白名单,否则没效果哦~~~1.根据不同设备展示不同的按钮1.1图片显示 1.2微信小程序显示的按钮 下载 下载 1.3h5显示的按钮 下载 1.4app显示的按钮 下载