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

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

前言:

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

思路:

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

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

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

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

你可以去腾讯课迟码嫌码手堂里面搜索“广州蓝景”我记得哪里是有这个云开发视频,云开发现在越来模清越流行了,以后大量的小程序将会基于云开发,另外可以多学学Vue或者react国内现在这两个比较火,小程序你也可以多学学面试加分项,相关的框架有 原生、taro、uni-app。不过即使你要走小程序的路,也要学会前端三大件:html css js


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存