微信开发小程序音乐循环播放怎么用

微信开发小程序音乐循环播放怎么用,第1张

背景:数组可以可以存储其音频地址,让其进行顺序播放和同步播放有两种方式

顺序播放

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循环保存照片等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10127111.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存