.

8.预加载页面

老赵发表于:2016年01月21日 11:39:28更新于:2022年12月15日 14:10:44

一、应用场景

如果H5作品里素材比较大,由于网络环境等因素,无法把当前页面的图片素材一次加载到位、就容易碰到卡顿缺图或者图片没有加载完整的情况,体验很不好。

  1. 视频素材比较特殊,不支持预先加载,正常是边加载边播放,比较考验网络环境;

  2. 当滑动切换到该页时,请勿在页面触发器上设置预加载触发完成后跳转页面,可用计时器设置延迟1-2s后设置预加载触发跳转页面。

为此,Epub360平台提供了“预加载页面”的触发动作,可以在合适的时机,对后续页面的素材预先加载,确保作品播放的体验完整性。

image.png


二、功能设置

1.通常需要先制作一个“加载进行中...”的Loading提示动画(并且对该加载页面本身进行分组,防止用户滑动跳转到下一页)
image.png


2.比如说,在切换到某一页时,添加“预加载页面”触发动作,同时执行这个动画,提示用户正在加载剩余的内容,加载完成后再跳转。

image.png


3.可以设置对第2~4页预先加载,设置方法如下图

00156a052803b13ae4888bf2c085bdc 


利用好预加载,会帮助我们解决素材带来的诸多问题。



--------- 不了解设计的程序员不是好客服 ---------------

回复(5)