
背景:数组可以可以存储其音频地址,让其进行顺序播放和同步播放有两种方式
顺序播放
1使用定时器进行设置传递地址时候,下一个等待音频的播放时间以后在传递地址,这个地方看似没有问题,实际上还是有很大问题的,因为在传递的时候如果数据量大,你就会发现会出现同步播放的情况,因为那个定时和你的音频时间会有误差,数据越大,越明显,还有就是会数组地址更新,这又是问题,更新以后传递过去定时器重新给其定时,这个又给串了,笔者就遇到这个情况了,跳了半天。
2就是下面的方法,我本身是过几秒中我的数组会更新地址,这样会导致程序整体运行一次,可以在音频播放完才运行函数设置一个状态,开始状态设置一个true,将数组传递过去,然后关闭通道,改变状态进行设置flase的情况,然后再可以在音频播放完才运行函数里设置,但播放完到这个数组最后一个音频以后,改变为true,这个时候再接收新的更新后的数组,这样不会出现同步播发的情况。
同步播放
其实就是直接将其地址传递到InnerAudioContextsrc,不管播放时间,直接for循环就可以了。
swiper组件的常用属性
属性 类型 默认值 说明
indicator-dots boolean false 是否显示面板指示点
indicator-color color rgba(0,0,0,3) 指示点颜色
indicator-active-color color #O000oo 当前选中的指示点颜色
autoplay boolean false 是否自动切换
interval number 5000 自动切换时间间隔
circular boolean false 是否采用衔接滑动`
二、按钮
通过type属性指定按钮颜色类型
<button>普通按钮</button>
<button type="primary">主色调按钮</button>
<button type="warn">警告按钮</button>
size="mini" 小尺寸按钮同一行
<button size="mini">普通按钮</button>
<button type="primary" size="mini">主色调按钮</button>
<button type="warn" size="mini">警告按钮</button>
plain 镂空按钮
<button plain>普通按钮</button>
<button type="primary" plain>主色调按钮</button>
<button type="warn" plain>警告按钮</button>
data: {
inputVal : '',
storageVal:''
},
bindkeyInput: function (e) {
let {detail: { value } } = e;
thissetData({
inputVal: value
})
},
cun:function(){
let arr=['name','age','sex'];
let i =Mathfloor(Mathrandom()(2-0+1)+0);
/ 异步取缓存的值必须在回调函数里面取 同的直接=即可 /
wxsetStorage({
key:'myname',
data:'我是小超人',
success:function(){
consolelog('我成功了');
}
})
/ 同步的存起来 /
/ 相同的key会把值覆盖 /
/ wxsetStorageSync('username', thisdatainputVal) /
wxsetStorageSync(arr[i],thisdatainputVal)
},
qu:function(){
thissetData({
/ 同步的取缓存的值 /
/ 浏览器中的缓存存进去的都是字符串,小程序里的缓存可以存字符串,数组和对象 /
/ undefined存进去是字符串 null存进去是null类型 Symbol存进去是Symbol类型 /
/ storageVal:wxgetStorageSync('username') /
storageVal:wxgetStorageSync('sex')
})
},
delSex:function(){
/ 同步删除指定的某一个缓存 /
wxremoveStorageSync('sex')
},
delAll:function(){
wxclearStorageSync()
},
Page({
data: {
imgI:0
}
})
loadImg(){
let that=this,image=thatdatalistimg,i=thatdataimgI;
for(i;i<imagelength;i++){
wxdownloadFile({
url: thatdataurl+image[i],
success (res) {
if (resstatusCode === 200) {
wxsaveImageToPhotosAlbum({
filePath: restempFilePath,
success(res){
if (i==imagelength) {
wxshowToast({
title: '保存成功',
})
} else {
thatsetData({
imgI:i+1
})
thatloadImg()
}
}
})
}
}
})
}
},
以上就是关于微信开发小程序音乐循环播放怎么用全部的内容,包括:微信开发小程序音乐循环播放怎么用、微信小程序3缓存与循环、微信小程序 for循环保存照片等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)