微信小程序开发,点击图片依次切换

微信小程序开发,点击图片依次切换,第1张

1、在WXML文件中,毁肆汪使用swiper组件,设置swiper-items的数量以及每个swiper-item的内容,使用wx:for循环来实现图片的遍历显示。

2、在JS文件雹返中,定义images数组,将需要显示的图片地址存储到数组中纤仔,并设置swiper组件的相关属性,如自动播放、循环播放、切换时间等。这样就能够实现点击图片依次切换的功能了。用户点击图片时,swiper组件会自动切换到下一张图片。

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

顺序播放

1.使用定时器进行设置传递地址时候,下一个等待音频的播放时间以后在传递地址,这个地方看似没有问题,实际上还是有很大问题的,因为在传递的时候如果数据量大,你就会发现会出现同步播放的情况,因为那个定时和你的音频时间会有误差,数据越大,越明显,还有就是会数组地址更新,这又是问题,更新以后传递过去定时器重新给其定时,这个又给串了,笔者兄大就遇到这个情况了,跳了半天。

2.就是下面的方法,我本身是过几秒中我的数组会更新地址,这样会导致程序整体运行一次,可以在音频播放完才运行函数设置一个状态,开始状态设置一个true,将数组传递过去,然后关闭通道,改变状态进行设置flase的情况,然后再可以在音频播放完才运行函数里设置,但播放完到这个数组最后一个音频以后,改变为true,羡正竖这个时候再接收新的更新后的数组,这样不会出现同步播清稿发的情况。

同步播放

其实就是直接将其地址传递到InnerAudioContext.src,不管播放时间,直接for循环就可以了。

可以用微信小程序制作,具体方法是;以苹果手机 *** 作为例:

工具:iPhone11、iOS14、微信12.3版本。

1、首先打开微信,在最面点击搜索并输入“视频转gif”。

2、然后,点击“搜一搜”这一栏的“更多”进入搜索页面,并选择仔做尺念高搜索“小程序”。找到这款名为“视频转GIF”的小程序。

3、打开小程序,点击中间的按钮,选择手机里的视频。

4、然后可以对视频进行时间和缩放剪辑等等。弄好了之后点击下一步胡岩。

5、大概3秒钟,就可以看到剪辑好的视频已经变成了一个GIF动图了。


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

原文地址: http://outofmemory.cn/yw/12531447.html

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

发表评论

登录后才能评论

评论列表(0条)

保存