项目是一个基于taro开发的小程序,客户要求实现一个观看视频领红包的功能,要求视频暂停则停止计时,重复播放同一个视频也停止计时。也就是要不停的刷视频才能累计时常解锁红包。
思路:
通过定时器来完成,给每个视频的数据添加一个观看与否的字段。未观看为false,看了为true。然后去监听video标签的播行卖放事件,暂停事件。以及播放完成事件。 播放的时候启动定时器,暂停就删除定时器。播放完成后字段改为true。启动定时器前判断这个字段是否为false,为false才去启动定时器。
onPause,onEnded,onPlay三个薯州api分别是暂停,结束,开始这三个状态会触发的函数。
在真机中,上下滑动切换视频时有时候会出现暂停的监听方法失效的问题。所以要档手逗在播放的方法里也去删除一次定时器。以防万一。
在播放的方法里就是启动定时器改变进度条
你可以去腾讯课迟码嫌码手堂里面搜索“广州蓝景”我记得哪里是有这个云开发视频,云开发现在越来模清越流行了,以后大量的小程序将会基于云开发,另外可以多学学Vue或者react国内现在这两个比较火,小程序你也可以多学学面试加分项,相关的框架有 原生、taro、uni-app。不过即使你要走小程序的路,也要学会前端三大件:html css js欢迎分享,转载请注明来源:内存溢出
评论列表(0条)