页面跳转动画控制方法和装置与流程

1.本技术涉及页面处理技术领域，具体涉及页面跳转动画控制方法和装置，以及电子设备。


背景技术：

2.在移动应用app页面切换时，假设页面a切换到页面b，往往会使用转场动画来提升用户体验。一种典型的页面跳转动画控制方式是，编写跳转动画代码，控制a、b页面的动画效果，组合在一起时形成完整的转场效果。采用代码控制的优点是定制性强。
3.然而，在实现本发明过程中，发明人发现上述技术方案至少存在如下问题：1)当设计人员产生了新的效果时，很有可能需要大幅调整动画代码；2)设计人员往往有一些酷炫的效果，用代码实现成本比较高，且在设计与开发的沟通过程中，细节有可能丢失。


技术实现要素：

4.本技术提供页面跳转动画控制方法，以解决现有技术存在的动画效果更改时实现效率较低及无法达到目标动画效果的问题。本技术另外提供页面跳转动画控制装置，以及电子设备。
5.本技术提供一种页面跳转动画控制方法，包括：
6.获取用于描述页面跳转动画过程的视频模板文件，所述视频模板文件包括多个视频画面，所述视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；
7.响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；
8.根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；
9.将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。
10.可选的，所述动画图像区域、所述动画图像的掩膜区域和所述透明度掩膜区域的排版方式包括：横排或者竖排。
11.可选的，所述从所述动画图像区域获取所述动画图像，包括：
12.获取所述动画图像区域的位置信息；
13.根据所述动画图像区域的位置信息，获取所述动画图像；
14.所述从所述动画图像的掩膜区域获取所述动画图像的掩膜，包括：
15.获取所述动画图像的掩膜区域的位置信息；
16.根据所述动画图像的掩膜区域的位置信息，获取所述动画图像的掩膜；
17.从所述透明度掩膜区域获取所述目标透明度掩膜，包括：
18.获取所述透明度掩膜区域的位置信息；
19.根据所述透明度掩膜区域的位置信息，从所述透明度掩膜区域获取所述目标透明度掩膜。
20.可选的，还包括：
21.编辑所述文件，以使得根据编辑后的文件进行页面跳转动画控制。
22.可选的，还包括：
23.获取页面跳转描述规则；所述规则包括：图层移动的路径描述，图层缩放的路径描述；
24.根据所述规则进行页面跳转动画处理。
25.本技术还提供一种页面跳转动画控制方法，包括：
26.生成页面跳转动画过程对应的多个画面；所述画面包括：动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；
27.根据所述过程对应的多个画面，生成用于描述页面跳转动画过程的视频模板文件。
28.可选的，还包括：
29.将所述文件发送至客户端，以使得客户端响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述跳转前页面的透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。
30.本技术还提供一种页面转场动画控制装置，包括：
31.视频模板文件获取单元，用于获取用于描述页面跳转动画过程的视频模板文件，所述视频模板文件包括多个视频画面，所述视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；
32.视频画面获取单元，用于响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；
33.动画设计信息获取单元，用于针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；
34.图层处理单元，用于根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜；
35.图层合成单元，用于将所述动画效果图层作为所述目标跳转前页面视图的上层，所述目标跳转前页面视图作为跳转后页面视图的上层。
36.本技术还提供一种页面转场动画控制装置，包括：
37.画面生成单元，用于生成页面跳转动画过程对应的多个画面；所述画面包括：动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；
38.视频模板文件生成单元，用于根据所述过程对应的多个画面，生成用于描述页面
跳转动画过程的视频模板文件。
39.本技术还提供一种电子设备，包括：
40.处理器和存储器；
41.存储器，用于存储实现上述任一种页面跳转动画控制方法的程序，该设备通电并通过所述处理器运行该方法的程序。
42.本技术还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述各种方法。
43.本技术还提供一种包括指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各种方法。
44.与现有技术相比，本技术具有以下优点：
45.本技术实施例提供的页面跳转动画控制方法，通过获取用于描述页面跳转动画过程的视频模板文件，视频模板文件包括多个视频画面，视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；根据所述动画图像和所述动画图像的掩膜，生成动画图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。采用这种处理方式，使得设计人员可根据动画效果需要直接制作视频模板文件，用户端在处理页面跳转时，逐个处理该视频文件的每个画面，根据画面的纹理进行页面跳转的动画处理(视频纹理与跳转前后页面的叠加处理)。由于将页面跳转效果用视频模板文件表达，采用一种可描述、可配置的方式表示动态效果，因此无需开发人员编写或者调整动画代码。由于页面跳转效果固化为了用视频描述的模板，凡是可以在视频模板中描述的效果都可以展现，从设计视频模板到app中展示效果，其结果是确定的，避免了视效设计师与开发人员沟通的信息误差。因此，可以有效提升动画效果，降低开发成本。此外，由于视频模板文件可以动态下发，能够支持页面跳转效果在新场景中动态发布。
附图说明
46.图1本技术提供的页面跳转动画控制方法的实施例的流程示意图；
47.图2本技术提供的页面跳转动画控制方法的实施例的场景示意图；
48.图3本技术提供的页面跳转动画控制方法的实施例的视频画面示意图；
49.图4本技术提供的页面跳转动画控制方法的实施例的图层叠加示意图。
具体实施方式
50.在下面的描述中阐述了很多具体细节以便于充分理解本技术。但是本技术能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本技术内涵的情况下做类似推广，因此本技术不受下面公开的具体实施的限制。
51.在本技术中，提供了资源对象投放方法和装置，以及电子设备。下面在各实施例中逐一对各种方案进行详细说明。
52.如图1所示，本技术实施例提供的方法，由页面跳转动画效果的设计人员根据效果需要来制作视频模板文件，设计人员可以自主地为其添加视觉效果，无需开发人员重复介入。设计人员可根据效果需要设计视频中的各个画面，每个画面均可包括三部分内容：动画图像，动画图像的掩膜，跳转前页面的目标透明度掩膜。然后，将所有画面组合为视频模板文件。在制作完成后，可将该视频模板文件发布至服务端。当需要调整细节时，无需修改动画代码，只需修改视频模板文件，并可动态发布。服务端可以在适当时机，将视频模板文件下发到用户端(如智能手机、平板电脑等)，当页面跳转时，即可根据该视频模板文件进行页面跳转动画控制。
53.第一实施例
54.请参考图2，其为本技术的页面跳转动画控制方法的流程图。在本实施例中，所述方法可包括如下步骤：
55.步骤201：获取用于描述页面跳转动画过程的视频模板文件。
56.所述视频模板文件为用以表达页面跳转效果的模板文件。在客户端app(移动应用)中，通常以“页面”来承载用户的可见区域。不同的页面会承载不同的显示内容，两个页面之间的切换即为“页面转场”或者“页面跳转”。所述视频模板文件是一个视频文件，可以是任意视频编码标准(如h.264/265等)的视频文件。该视频模板文件包括多个视频画面，多个画面的播放时间可以为页面跳转完成的时间。
57.在本实施例中，视频画面被划分为三个区域：动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域。在动画图像区域中包括动画图像，在动画图像的掩膜区域中包括动画图像的掩膜，在跳转前页面的透明度掩膜区域中包括跳转前页面的目标透明度掩膜。这三个区域在画面中的排版方式可以是横排，也可以选择竖排，还可以是某部分在左上角、某部分在右下角、某部分在中间。由于视频画面中包括三部分内容，又可称为三分屏视频。
58.如图3所示，在视频模板文件的某帧画面包括以下三部分内容：1)左侧画面，是三个小黄人从上向下移动；2)中间画面，是左侧画面相对应的掩膜(mask)效果，将左侧画面和中间画面组合后，小黄人(及上方横条)以外的部分透明，也即可透出页面内容；3)右侧画面，黑色可表示透明，白色可表示不透明，通过将在后视频画面比在前视频画面的黑色区域逐步向下扩大，白色区域缩小，可表示跳转前页面逐渐消失，跳转后页面逐渐全部显示。将该视频模板应用到页面跳转中后，整体效果描述的是，用户从a页面打开b页面后，小黄人拉着一个卷帘，从上到下移动；卷帘经过后，b页面显示出来，a页面被隐藏。直到b页面完全展示、a页面完全消失。效果如图1中的用户页面的变化，左侧图为页面a，中间图是页面a转到到b过程中的某一帧，右侧图为页面b。
59.步骤s203：响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面。
60.在用户端发生页面跳转操作时，获取视频模板文件包括的所述多个视频画面。具体实施时，可根据视频帧率逐帧获取视频画面，对当前视频画面执行如下步骤s205至s209的处理。视频帧率是指是用于测量显示帧数的量度，测量单位为每秒显示帧数，如每秒20帧的帧率下，每一帧画面的间隔可以是50毫秒，即每50毫秒获取一个视频画面，可在50毫秒内完成对当前视频画面执行如下步骤s205至s209的处理。
61.步骤s205：针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜。
62.视频画面包括三个区域：动画图像区域，动画图像的掩膜区域，透明度掩膜区域，本步骤从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述目标透明度掩膜。本实施例将视频画面包括的动画图像、动画图像的掩膜和跳转前页面的目标透明度掩膜，统称为动画设计信息。
63.具体实施时，所述从所述动画图像区域获取所述动画图像，可采用如下方式：获取所述动画图像区域的位置信息；根据所述动画图像区域的位置信息，获取所述动画图像；所述从所述动画图像的掩膜区域获取所述动画图像的掩膜，可采用如下方式：获取所述动画图像的掩膜区域的位置信息；根据所述动画图像的掩膜区域的位置信息，获取所述动画图像的掩膜；所述从所述透明度掩膜区域获取所述目标透明度掩膜，可采用如下方式：获取所述透明度掩膜区域的位置信息；根据所述透明度掩膜区域的位置信息，从所述透明度掩膜区域获取所述目标透明度掩膜。
64.如上所述，视频画面包括的三个区域在画面中的排版方式可以是横排，也可以选择竖排，还可以是某部分在左上角、某部分在右下角、某部分在中间。具体实施时，开发人员可预设各区域的位置信息，涉及人员按照预设的位置信息制作各区域的对应内容。
65.在一个示例中，可根据各区域图像的特点自动识别三个区域的位置信息。例如，动画图像的特点是包括动画图像的细节；动画图像的掩膜的特点是包括真实动画图像的轮廓，但没有图像细节；透明度掩膜区域即没有动画图像的细节，也没有图像轮廓，通常只有黑白两部分。
66.步骤s207：根据所述动画图像和所述动画图像的掩膜，生成动画效果图层。
67.具体实施时，可将所述动画图像和所述动画图像的掩膜进行叠加，由此可合成出动画效果图层。
68.步骤s209：将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。
69.本技术实施例提供的方法，用户端在页面跳转过程中显示的页面包括三个图层，分别为：跳转前页面的图层、跳转后页面的图层和动画效果图层，页面跳转的动画过程为这三个图层合成图像的变化过程。如图4所示，三个图层由下至上排列为：页面b图层为跳转后页面的图层、支持透明度的页面a图层为跳转前页面的图层、支持透明度的动画效果图层。这3个图层都会随时间变化，且变化规则受控于视频模板文件中视频画面的播放时间。
70.具体实施时，可将所述动画效果图层作为所述目标跳转前页面视图的上层，所述目标跳转前页面视图作为跳转后页面视图的上层，以这种方式合成三个图层，渲染出页面跳转图像。
71.图4描述了从页面a转场到页面b的过程。视频模板文件借助于移动应用app的基础设施，在适当时机(闲时或应用规则指定的时机)下载到app的某个存储区域中。当用户触发由a页面向b页面的跳转时，解码视频模板文件，并按图示分割成3个部分：附加效果(即动画图像)，附加效果mask(即动画图像的掩膜)，页面a的透明度mask(即跳转前页面的透明度掩
膜)。其中，附加效果描述了在页面的跳转过程中，附着在页面跳转动画容器最上方的效果，比如光效、粒子效果等，也可以是一些与页面过渡有关的视效元素，这个效果可以由视效设计师制作完成。附加效果mask为灰度图，通过mask来描述画面的透明度。具体实施时，可将mask通过着色器(shader)作用于附加效果画面上，能够为其增加透明度，从而将附加效果之下的内容(页面a/b等)透出来，从而产生画面融合的效果。页面a的透明度mask：页面跳转的本质是描述页面a消失、页面b显示的过程，此mask作用于页面a上，来描述a与b的画面叠加关系。此方式可以展示a渐隐/b渐显、b显示区域从小到大扩展等特殊效果。视频模板文件播放结束后，页面跳转动画处理过程结束，正式进入页面b。
72.在一个示例中，所述方法还可包括如下步骤：编辑所述文件，以使得根据编辑后的文件进行页面跳转动画控制。采用这种处理方式，使得设计师可直接修改视频模板文件的画面内容，也即修改动画图像及其掩膜、跳转前页面的目标透明度掩膜，实现动态发布动态效果。
73.本技术实施例提供的方法用视频模板文件描述页面跳转的动画效果，由于将动画效果固化成了模板文件，在带来标准化优势的同时，也会带来一些局限，比如：无法描述跳转后页面视图(如图4中的页面b)进入时的移动、缩放等效果。为了解决这个问题，所述方法还可包括如下步骤：获取页面跳转描述规则；所述规则包括但不限于：图层移动的路径描述，图层缩放的路径描述；根据所述规则进行页面跳转动画处理。采用这种处理方式，使得可扩展页面跳转描述规则作为视频模板文件以外的补充，如增加图层移动、缩放的路径描述规则等，从而实现跳转后页面视图进入时的移动、缩放等效果，由此可支持更复杂丰富的效果。
74.在一个示例中，跳转前页面可以为视频搜索页面，跳转后页面可以为视频搜索结果页面，所述方法还可包括如下步骤：确定搜索关键词与视频模板文件之间的对应关系。具体实施时，可存储搜索关键词与视频模板文件之间的对应关系。相应的，步骤s203可采用如下方式实现：响应于页面跳转操作，可获取与目标搜索关键词对应的目标视频模板文件。如图1所示，用户输入搜索关键词“神偷奶爸”，获取与神偷奶爸对应的视频模板文件，该文件中的某帧视频画面可如图3所示，基于该视频模板文件实现页面跳转时的动画效果。采用这种处理方式，使得不同搜索关键词可获得不同的页面跳转动画效果，因此可有效提升用户体验。
75.从上述实施例可见，本技术实施例提供的页面跳转动画控制方法，通过获取用于描述页面跳转动画过程的视频模板文件，视频模板文件包括多个视频画面，视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；根据所述动画图像和所述动画图像的掩膜，生成动画图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。采用这种处理方式，使得设计人员可根据动画效果需要直接制作视频模板文件，用户端在处理页面跳转时，逐个处理该视频文件的每个画面，根据画面的纹理进行页面跳转的动画处理(视频纹理与跳转前后页面的叠加处理)。由于将页面跳转效果用视频模
板文件表达，采用一种可描述、可配置的方式表示动态效果，因此无需开发人员编写或者调整动画代码。由于页面跳转效果固化为了用视频描述的模板，凡是可以在视频模板中描述的效果都可以展现，从设计视频模板到app中展示效果，其结果是确定的，避免了视效设计师与开发人员沟通的信息误差。因此，可以有效提升动画效果，降低开发成本。此外，由于视频模板文件可以动态下发，能够支持页面跳转效果在新场景中动态发布。
76.第二实施例
77.在上述的实施例中，提供了一种页面跳转动画控制方法，与之相对应的，本技术还提供一种页面跳转动画控制装置。该装置是与上述方法的实施例相对应。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
78.本技术另外提供一种页面跳转动画控制装置，包括：视频模板文件获取单元，视频画面获取单元，动画设计信息获取单元，图层处理单元，图层合成单元。
79.视频模板文件获取单元，用于获取用于描述页面跳转动画过程的视频模板文件，所述视频模板文件包括多个视频画面，所述视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；视频画面获取单元，用于响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；动画设计信息获取单元，用于针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；图层处理单元，用于根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜；图层合成单元，用于将所述动画效果图层作为所述目标跳转前页面视图的上层，所述目标跳转前页面视图作为跳转后页面视图的上层。
80.在视频画面中，所述动画图像区域、所述动画图像的掩膜区域和所述透明度掩膜区域这三个区域可以是横向排列，也可以是竖向排列，还可以是其它任意排列方式。
81.其中，所述从所述动画图像区域获取所述动画图像，包括：获取所述动画图像区域的位置信息；根据所述动画图像区域的位置信息，获取所述动画图像；所述从所述动画图像的掩膜区域获取所述动画图像的掩膜，包括：获取所述动画图像的掩膜区域的位置信息；根据所述动画图像的掩膜区域的位置信息，获取所述动画图像的掩膜；从所述透明度掩膜区域获取所述目标透明度掩膜，包括：获取所述透明度掩膜区域的位置信息；根据所述透明度掩膜区域的位置信息，从所述透明度掩膜区域获取所述目标透明度掩膜。
82.在一个示例中，所述装置还可包括如下单元：视频模板文件编辑单元，用于编辑所述文件，以使得根据编辑后的文件进行页面跳转动画控制。
83.在一个示例中，所述装置还可包括如下单元：规则获取单元，用于获取页面跳转描述规则；所述规则包括：图层移动的路径描述，图层缩放的路径描述；规则应用单元，用于根据所述规则进行页面跳转动画处理。
84.第三实施例
85.在上述的实施例中，提供了一种页面跳转动画控制方法，与之相对应的，本技术还提供一种资源对象投放方法。该方法是与上述方法的实施例相对应。由于方法实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述
描述的方法实施例仅仅是示意性的。
86.本技术另外提供一种页面跳转动画控制方法，该方法的执行主体可以是设计师适用的个人电脑等设备。所述方法可包括如下步骤：
87.步骤1：生成页面跳转动画过程对应的多个画面；所述画面包括：动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域。
88.设计人员可利用各种图像处理软件生成页面跳转动画过程对应的多个画面。具体实施时，要根据动画图像、动画图像的掩膜和跳转前页面的目标透明度掩膜各自的位置信息，在画面中排布动画图像、动画图像的掩膜和跳转前页面的目标透明度掩膜。
89.步骤2：根据所述过程对应的多个画面，生成用于描述页面跳转动画过程的视频模板文件。
90.设计人员可利用各种视频编辑软件根据所述过程对应的多个画面，生成用于描述页面跳转动画过程的视频模板文件。
91.在本实施例中，所述方法还可包括如下步骤：将所述文件发送至客户端，以使得客户端响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述跳转前页面的透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。
92.具体实施是，可将所述文件存储至服务端，服务端可以在适当时机，将视频模板文件下发到客户端(如智能手机、平板电脑等)，当页面跳转时，即可根据该视频模板文件进行页面跳转动画控制。
93.第四实施例
94.在上述的实施例中，提供了一种页面跳转动画控制方法，与之相对应的，本技术还提供一种页面跳转动画控制装置。该装置是与上述方法的实施例相对应。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
95.本技术另外提供一种页面跳转动画控制装置，包括：视频画面生成单元，视频文件生成单元。其中，视频画面生成单元，用于生成页面跳转动画过程对应的多个画面；所述画面包括：动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域；视频文件生成单元，用于根据所述过程对应的多个画面，生成用于描述页面跳转动画过程的视频模板文件。
96.在一个示例中，所述装置还可包括如下单元：视频模板文件发送单元，用于将所述文件发送至客户端，以使得客户端响应于页面跳转操作，获取所述视频模板文件包括的所述多个视频画面；针对各视频画面，从所述动画图像区域获取所述动画图像，从所述动画图像的掩膜区域获取所述动画图像的掩膜，从所述跳转前页面的透明度掩膜区域获取所述跳转前页面的目标透明度掩膜；根据所述动画图像和所述动画图像的掩膜，生成动画效果图层；将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜，所述动画效果图层在所述目标跳转前页面视图的上层，所述目标跳转前页面视图在跳转后页面视图的上层。
97.第五实施例
98.在上述的实施例中，提供了一种页面跳转动画控制方法，与之相对应的，本技术还提供一种电子设备。该设备是与上述方法的实施例相对应。由于设备实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的设备实施例仅仅是示意性的。
99.本实施例的电子设备，包括：处理器和存储器；存储器，用于存储实现根据上述的页面跳转动画控制方法的程序，该设备通电并通过所述处理器运行该方法的程序。
100.本技术虽然以较佳实施例公开如上，但其并不是用来限定本技术，任何本领域技术人员在不脱离本技术的精神和范围内，都可以做出可能的变动和修改，因此本技术的保护范围应当以本技术权利要求所界定的范围为准。
101.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
102.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
103.1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
104.2、本领域技术人员应明白，本技术的实施例可提供为方法、系统或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。