微信小程序播放序列帧动画优化处理

如题,最近要实现一个微信小程序播放序列帧动画的功能。

1、用setInterval计时,依次累加序列帧下标。canvas渲染序列帧图片,序列帧图片直接放到云上,发现现在太耗时了,网络不好的情况下,图片没下载好,下标已经越界了。

2、改进方案,我这边是等图片下载100张之后,才开始播放序列,结果发现计时器出现问题了,造成了音画不同步。也试着让序列下载完成之后在播放,但是图片数量太多,下载时间有点长,等下载完成估计黄花菜都炒好几遍了。

3、继续优化,利用微信小程序workers开启一个计时的线程,这样就不会出现音画不同步的问题了,我的做法是先让主线程下载图片,等下载到100张之后,开始计时,这样就不会出现计时到了图片还没下载完成的情况,但是最重要的问题,小程序的内存是有限的,如果你的图片过多的话,会造成小程序卡顿甚至闪退,我这边的处理方式是:播放当前帧的图片把当前帧的上一帧置空,这样加载到小程序里面的内存就会少很多。

小程序有太多坑等待去踩,先不说了就到这吧,我去填坑

猜你喜欢

转载自blog.csdn.net/u013748096/article/details/108776311
今日推荐