草庐IT

uniapp - [微信小程序] 超详细实时录音功能,录制外部声音及播放上传到服务器(支持录音完毕生成 mp3、试听音频(带进度条)、暂停录音、重新录音、限制录音最大时长、自定义音频名称等功能)

前言网上的教程都太乱了,功能不好用且一堆BUG,没有注释很难改造示例为自己用。本文实现了uniapp微信小程序平台,授权麦克风进行录音并保存为音频的功能,内置播放器可播放录音文件,您直接复制组件源码,稍微改改样式就能直接应用到您的项目中去了。如下图安卓、苹果真机测试,音频录制和播放丝滑流畅,各种常见功能高效好用,无论麦克风权限拒绝还是允许,本组件都会自动处理。示例代码注释详细,代码干净整洁组件源码组件位置无所谓,

uniapp如何给空包进行签名操作

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助首先安装sdkhttps://www.oracle.com/java/technologies/downloads/正常下一步即可~安装完毕后,进入在sdk根目录执行cmdC:\ProgramFiles\Java\jdk-18.0.1.1\bin 生成keystore例:keytool-genkey-aliastianan-keyalgRSA-validity36000-keystored:\tianan.keystore tianan:证书别名36000:证书有效期(一般默认就好100年)d:\tianan.keystore:证书存

uniapp小程序跳转到外部页面

方案1使用uni-app的扩展组件uni-link,使用参考文档uni-app官网该组件的行为是在app内打开外部浏览器,在h5打开新网页。方案2:通过先跳转到web-view页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能在pages中新建一个webview页面如下。exportdefault{name:"webview",data(){return{webUrl:'https://m.baidu.com'};},}然后在pages.json中配置webview.vue页面路径{"path":"pages/webview/webview","style"

uniapp下载文件保存到手机本地

最近接到一个项目需求,下载各种格式文件保存到手机本地遇到的问题如下:1、iphone手机无法保存到文件中2、Android手机文件保存的位置不易查找3、Android手机文件存储名称非文件原名,而是以时间戳命名不可抗因素: 1、iphone自带的文件管理功能不能自动扫描各个APP下载的文件,需要手动保存一次才可以在文件管理器中找到2、小程序对下载文件不友好,图片、视频可以正常下载到相册。其他格式文件Android手机只能下载其规定的文件夹中,iphone手机下载后无法无法保存解决方法:直接上代码 正在为您下载 {{dltDownLvNew}}

uniapp小程序实现圆环效果

文章目录调用组件uniapp小程序利用canvas2d实现根据指定时间动态画圆环效果调用viewclass="dubbing-control":style="{'width':recordWidth,'height':recordWidth}"> dubbing-buttonv-if="show":width.sync="recordWidth":size='71'ref="record"@startRecord="onClickHandle"@stopRecord="onClickHandle":duration="recordConfig.duration">dubbing-button>

uniapp安卓本地写入读取文件

一、封装操作文件io.jsexportdefault{ storage(addr,data){ plus.io.requestFileSystem( plus.io.PUBLIC_DOCUMENTS,//程序公用文档目录常量 fs=>{ //创建或打开文件,fs.root是根目录操作对象,直接fs表示当前操作对象 fs.root.getFile( addr,{ create:true//文件不存在则创建 }, fileEntry=>{ //文件在手机中的路径 //console.log(fileEntry.fullPa

uniapp获取手机通知权限

之前发了一篇使用插件市场获取权限的文章,但是有兄弟想要一个单独开启通知权限的教程,这篇文章特意整理一下获取通知权限跳转开启的方法首先我是设置了一个弹窗通知,具体样式就不在这里写了,可以自行写一个,我在这里就写一下具体获取以及跳转的代码//首先我们需要一个触发,我是在进入页面onReady()生命周期中触发的检测getQuanxian(){ letplatform=uni.getSystemInfoSync().platform;//首先判断app是安卓还是ios console.log(platform); if(platform=="ios"){//这里是ios的方法

uniapp小程序手写tab导航栏切换(点击切换样式,动态样式绑定)

前言最近写uniapp,ui里面有一个导航栏切换的逻辑,因为要跟UI保持一致,对于组件库很难实现高度定制,所以这里就自己手写实现一个点击切换的导航栏。先看下图效果:主要实现的是通过点击切换导航栏,并且样式有一个切换的效果,大家可以根据自己的需求进行样式的DIYhtml部分我这里只给了关键代码,每一个tab使用了动态绑定class,里面的短横线是tab_itembot写的样式viewclass="tab_contant"> viewclass="tab"> view:class="active1"@click="chenked(1)"> viewclass="tab_itemtitle">

uniapp如何开启短震动、触感反馈实现

使用uni-app开发一款app,需求中有一项是点击触感反馈,查阅了uni-app相关文档,发现并没有对应的 api,最开始尝试用“震动”的方式来模拟“触感反馈”,但是感觉效果并不好,因为在ios中并不支持短震动(15ms),只支持长震动(400ms)。在这里记录一下最后的处理方式。uniapp官网文档在文档中只找到了uni.vibrateShort的方法,来开启短震动。对应安卓效果还行,代码如下:uni.vibrateShort({ success:()=>{ console.log('success'); }});注意iOS上只有长震动,没有短震动iOS上需要手机设置“打开响铃时震动”或

在uniapp微信小程序中保存图片到本地相册

实现在uniapp微信小程序中点击按钮,保存图片到本地相册,具体实现方法:template中保存图片js中handledownload(){constthat=this uni.downloadFile({ url:'图片地址', success:res=>{ if(res.statusCode===200){ uni.saveImageToPhotosAlbum({ filePath:res.tempFilePath, success:function(){ uni.showToast({