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

Posted 2023-03-09

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

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

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

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

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