做拍拍拍拍网站,谁有人和兽做的网站?,东莞东城中学,网站模板下载好之后如何安装ui效果如上。 播放就开始倒计时#xff0c;并且改变播放icon#xff0c;另外录音则停止上一次录音。 播放按钮#xff08;三角形#xff09;是播放功能#xff0c;两竖是暂停播放功能。 const innerAudioContext wx.createInnerAudioContext();export default{data(){ret… ui效果如上。 播放就开始倒计时并且改变播放icon另外录音则停止上一次录音。 播放按钮三角形是播放功能两竖是暂停播放功能。 const innerAudioContext wx.createInnerAudioContext();export default{data(){return{recordingList:[],playIndex:null,//播放、暂停标识recordingTime:null,//倒计时copyIndex:null,//显示倒计时标识}},onLoad(option) {this.init()},onHide() {this.recordingInit()innerAudioContext.stop()//后退、后台页面停止音频用销毁destroy重新进来onError会报错-1},onUnload() {this.recordingInit()innerAudioContext.stop()},methods:{//初始化列表上拉下拉根据项目做init(){this.recordingList []this.getRecordingList()},//获取订单录音列表getRecordingList(){let list [{download_url:,call_time_duration:13,//录音时长call_time_duration_copy:13,//复制录音时长倒计时要用}]this.recordingList list},//播放recordingPlay(item,index){if(this.playIndex ! index){this.playIndex indexif(this.copyIndex ! index){//判断是继续播放还是播放另外一个播放另外一个重新赋值this.copyIndex indexitem.call_time_duration_copy JSON.parse(JSON.stringify(item.call_time_duration))}clearInterval(this.recordingTime)//即便ios开启静音模式也可以播放wx.setInnerAudioOption({obeyMuteSwitch: false})innerAudioContext.src item.download_urlinnerAudioContext.play();//监听错误innerAudioContext.onError((res) {console.log(监听错误,res)this.recordingInit()innerAudioContext.stop()});//监听播放结束innerAudioContext.onEnded((res) {this.recordingInit()item.call_time_duration_copy JSON.parse(JSON.stringify(item.call_time_duration))});this.recordingTime setInterval((){if(item.call_time_duration_copy 0){clearInterval(this.recordingTime)}else{item.call_time_duration_copy--;}},1000)}},//暂停recordingPause(){this.recordingInit()},//播放初始化recordingInit(){this.playIndex nullinnerAudioContext.pause();clearInterval(this.recordingTime)}}}
