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

前言：

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

思路：

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

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

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

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

微信小程序都是在本地运行的，所以我们可以在我们的手机内存中找到小程序的源码文件。

如果你的手机已经root了，那么可以直接查找/data/data/com.tencent.mm/MicroMsg/.../appbrand/pkg/ 路径中有一段...，这里表示不确定具体一个，一般是很长的数字和字母组成的文件 ，可以先将所有的小程序文神慧件夹删除，然后重新进入你想要的小程序，这样就可以确定是哪个文件了，当然，如果没有root可以使用模拟器来拿，建议还是使用模拟器，更方便一些。

拿到了wxpkg文件，但是我们还差一步，需要将这个文件进行反编译得到内部的各个文件才可以。

wxpkg 是经过微信加密的文件，无法直接通过解压来获得，如果开发比较深入的话，可以直接拿到github的star比较多的wxunpkg ，然后安装运行去解压，如果不是很擅长的话，可以直接使用已经做好握瞎桐的傻瓜式的桌面软件，直接进行反编译处理 。

原理介绍：网页链接

软件获取：网页链接

我的建议还是直接去看下github的段坦源码，了解下反编译原理，然后nodejs语言不擅长可以拿其他的语言来尝试处理下，算是学习也可以。

效果展示

通过使用重复容器及图片组件，同时配置迹运翻转动画，实现点击图片并领取红包的功能。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器大州吵，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中带有红包金额的图片。

点击检查面板中滚侍的触发器。

创建隐藏触发器。

创建展示触发器。

选中无红包金额的图片。

点击检查面板中的触发器。

创建隐藏触发器。

创建隐藏并展示触发器。

选中无红包金额的图片。

点击检查面板中的动画面板。

创建翻转动画。

执行执行触发器

---