微信小程序实现录音功能

2023-08-08 10:02:04 152

/*pages/index/release/release.wxss*/ .microphone{ position:fixed; left:250rpx; bottom:0; height:240rpx; width:240rpx; border-radius:20rpx; margin:50%auto; background:#26A5FF; } .item-style{ margin-top:30rpx; margin-bottom:30rpx; } .text-style{ text-align:center; } .record-style{ position:fixed; bottom:0; left:0; height:120rpx; width:100%; } .btn-style{ margin-left:30rpx; margin-right:30rpx; } .sound-style{ position:absolute; width:74rpx; height:150rpx; margin-top:45rpx; margin-left:83rpx; } .board{ overflow:hidden; border-bottom:2rpxsolid#26A5FF; } /*列布局*/ .cell{ display:flex; margin:20rpx; } .cell-hd{ margin-left:10rpx; color:#885A38; } .cell.cell-bd{ flex:1; position:relative; } /**只显示一行*/ .date{ font-size:30rpx; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

//pages/index/release/release.js varapp=getApp() Page({ data:{ j:1,//帧动画初始图片 isSpeaking:false,//是否正在说话 voices:[],//音频数组 }, onLoad:function(){ }, //手指按下 touchdown:function(){ console.log("手指按下了...") console.log("newdate:"+newDate) var_this=this; speaking.call(this); this.setData({ isSpeaking:true }) //开始录音 wx.startRecord({ success:function(res){ //临时路径,下次进入小程序时无法正常使用 vartempFilePath=res.tempFilePath console.log("tempFilePath:"+tempFilePath) //持久保存 wx.saveFile({ tempFilePath:tempFilePath, success:function(res){ //持久路径 //本地文件存储的大小限制为100M varsavedFilePath=res.savedFilePath console.log("savedFilePath:"+savedFilePath) } }) wx.showToast({ title:'恭喜!录音成功', icon:'success', duration:1000 }) //获取录音音频列表 wx.getSavedFileList({ success:function(res){ varvoices=[]; for(vari=0;i

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

微信小程序实现录音功能

热门推荐

随机推荐