项目是一个基于taro开发的小程序,客户要求实现一个观看视频领红包的功能,要求视频暂停则停止计时,重复播放同一个视频也停止计时。也就是要不停的刷视频才能累计时常解锁红包。
思路:
通过定时器来完成,给每个视频的数据添加一个观看与否的字段。未观看为false,看了为true。然后去监听video标签的播放事件,暂停事件。以及播放完成事件。 播放的时候启动定时器,暂停就删除定时器。播放完成后字段改为true。启动定时器前判断这个字段是否为false,为false才去启动定时器。
onPause,onEnded,onPlay三个api分别是暂停,结束,开始这三个状态会触发的函数。
在真机中,上下滑动切换视频时有时候会出现暂停的监听方法失效的问题。所以要在播放的方法里也去删除一次定时器。以防万一。
在播放的方法里就是启动定时器改变进度条
Demo里面定义了两个初始化函数和一个全局对象,从小程序的API上可以查到。 我们一个一个来说。 1.onLaunch函数是小程序初始化完成后执行的函数,此时可以调取微信端的一些资源,比如缓存。 2.getUserInfo函数并不是API中直接获取用户信息的函数,而其内部的wx.getUserInfo才是欢迎分享,转载请注明来源:内存溢出
评论列表(0条)