小程序实现观看视频领红包功能

小程序实现观看视频领红包功能,第1张

前言:

项目是一个基于taro开发的小程序,客户要求实现一个观看视频领红包的功能,要求视频暂停则停止计时,重复播放同一个视频也停止计时。也就是要不停的刷视频才能累计时常解锁红包。

思路:

通过定时器来完成,给每个视频的数据添加一个观看与否的字段。未观看为false,看了为true。然后去监听video标签的播放事件,暂停事件。以及播放完成事件。 播放的时候启动定时器,暂停就删除定时器。播放完成后字段改为true。启动定时器前判断这个字段是否为false,为false才去启动定时器。

onPause,onEnded,onPlay三个api分别是暂停,结束,开始这三个状态会触发的函数

在真机中,上下滑动切换视频时有时候会出现暂停的监听方法失效的问题。所以要在播放的方法里也去删除一次定时器。以防万一。

在播放的方法里就是启动定时器改变进度条

Demo里面定义了两个初始化函数和一个全局对象,从小程序的API上可以查到。 我们一个一个来说。 1.onLaunch函数是小程序初始化完成后执行的函数,此时可以调取微信端的一些资源,比如缓存。 2.getUserInfo函数并不是API中直接获取用户信息的函数,而其内部的wx.getUserInfo才是


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存