CN116416347A - 一种媒体数据生成方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请实施例提供了一种媒体数据生成方法、装置、计算机设备和存储介质，其中方法包括在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画，可以提高动画生成效率。

Description

一种媒体数据生成方法、装置、计算机设备和存储介质

技术领域

本申请涉及互联网技术领域，尤其涉及动画技术领域，具体涉及一种媒体数据生成方法、装置、计算机设备和存储介质。

背景技术

随着互联网技术发展，越来越多的页面会嵌入动画，以增加页面的可读性和丰富性。目前，动画的生成主要分为两步，首先依赖于设计师选择合适的动画对象，并为所选择的动画对象设计动画效果；然后开发人员根据设计师设计的动画效果进行代码开发，最终生成动画。但这种方式导致开发所需动画严重依赖于设计，动画生成效率低下。

发明内容

本申请实施例提供了一种媒体数据生成方法、装置、计算机设备和存储介质，提高动画生成效率。

一方面，本申请实施例提供了一种媒体数据生成方法，该方法包括：

在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

一方面，本申请实施例提供了一种媒体数据生成装置，该装置包括：

显示单元，用于在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

所述显示单元，还用于若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

处理单元，用于当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

一方面，本申请实施例提供一种计算机设备，该计算机设备包括输入设备、输出设备、处理器和计算机存储介质，该处理器和计算机存储介质相互连接，其中，计算机存储介质用于存储计算机程序，该处理器被配置用于调用计算机程序，执行上述的媒体数据生成方法。

一方面，本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，该计算机程序被处理器执行时，用于实现上述的媒体数据生成方法。

一方面，本申请实施例提供了一种计算机程序产品或计算机程序，计算机程序产品包括计算机程序；该计算机程序存储在计算机可读存储介质中，计算机程序被计算机设备的处理器执行时，执行上述的媒体数据生成方法。

在本申请实施例中，在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项；若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个动画生成过程均可见且简单操作，提高了动画生成的效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种媒体数据生成方案的流程示意图；

图2是本申请实施例提供的一种媒体数据生成方法的流程示意图；

图3a是本申请实施例提供的一种动画编辑页面的示意图；

图3b和图3c是本申请实施例提供的一种动画对象添加的示意图；

图3d和图3e是本申请实施例提供的另一种动画对象添加的示意图；

图3f是本申请实施例提供的一种动画交互设置窗口的示意图；

图4a是本申请实施例提供的一种动画对象的动画效果配置界面的示意图；

图4b是本申请实施例提供的一种基础属性编辑窗口的示意图；

图4c-图4e是本申请实施例提供的一种动画播放的示意图；

图5是本申请实施例提供的另一种媒体数据生成方法的流程示意图；

图6a是本申请实施例提供的另一种动画编辑页面的示意图；

图6b-图6c是本申请实施例提供的另一种动画对象添加的示意图；

图6d是本申请实施例提供的一种动画对象从第二区域移动到第三区域的示意图；

图7a是本申请实施例提供的一种动画编辑页面的应用架构图；

图7b是本申请实施例提供的一种动画编辑页面的代码结构图；

图8是本申请实施例提供的一种媒体数据生成方案的流程示意图；

图9是本申请实施例提供的一种媒体数据生成装置的结构示意图；

图10是本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

为了提高动画生成效率，本申请实施例提供了两种媒体数据生成方案：

第一种媒体数据生成方案：可以使用AE+BodyMovin+lottie工具库来实现媒体数据生成，参见图1，该媒体数据生成方案大致原理如下：在AE(一款视频剪辑及设计软件，AdobeAfterEffects)上生成动画资源，然后调用AE中的插件BodyMovin将动画资源转化成json配置文件，并通过第三方lottie动画库对json配置文件进行处理，得到能够在如操作系统为IOS、Android、网页web(万维网，WorldWideWeb)等平台播放的动画。

第二种媒体数据生成方案：提供一个可视化的动画编辑页面，该动画编辑页面可以是对PixiJS二维动画库进行进一步封装处理得到的，其中，PixiJS是一个渲染库，可以创建丰富的交互式图形、跨平台应用程序和游戏。在该动画编辑页面可以直接导入包括动画对象资源的json配置文件，并在该动画编辑页面显示json配置文件包括的动画对象，然后可以直接在该动画编辑页面进行可视化编辑生成一个完整动画或者生成一个包含动画的完整H5页面(HTML5，是构建Web内容的一种语言描述方式)。具体的，当用户想要自己创建一个页面动画时，可以直接导入想要编辑的包括动画对象资源的json配置文件，然后在该动画编辑页面可以显示N个动画对象。或者，用户可以直接创建一个新的动画，此时，可以新建一个react项目，并基于该新建的react项目在动画编辑页面添加N个动画对象，并在动画编辑页面显示添加后的N个动画对象。动画编辑页面包括一个动画交互编辑选项，用户可以触发该动画交互编辑选项对动画编辑页面中显示的N个动画对象进行交互事件设置，若检测到动画交互编辑选项被触发，则显示动画交互设置窗口，并在动画交互设置窗口设置N个动画对象之间的交互事件。在为N个动画对象之间的交互事件设置完成之后，根据N个动画对象之间的交互事件和N个动画对象中每个动画对象对应的动画属性播放该动画。可选地，可以直接从该动画编辑页面中导出根据N个动画对象之间的交互事件和N个动画对象中每个动画对象对应的动画属性生成的目标动画文件，该目标动画文件包括完整的动画，该目标动画文件可以直接在各种操作系统、网页中运行而无需借助第三方软件。

通过将第一种媒体数据生成方案和第二种媒体数据生成方案进行对比，可以发现：第一种媒体数据生成方案在一定程度上能够提高媒体数据生成效率，但是在媒体数据生成过程中需要使用多个工具，操作以及流程比较复杂，且将动画资源编辑、动画资源导出等不同步骤完全分隔开来，只能生成局部动画，当需要实现动画嵌入页面以及多个动画进行交互时需要额外的开发量。第二种媒体数据生成方案提供了可视化的动画编辑页面，可以在动画编辑页面中编辑动画对象之间的交互事件，并且可以直接在该动画编辑页面播放动画，整个动画编辑和页面交互何为一体，使操作简单化，能有效减少动画业务开发量的同时，提高媒体数据生成效率。因此，本申请实施例接下来就重点介绍第二种媒体数据生成方案。

基于第二种媒体数据生成方案，请参阅图2，图2为本申请实施例提供的一种媒体数据生成方法的流程示意图。该媒体数据生成方法可以由计算机设备执行，计算机设备可以是终端设备或服务器。上述终端设备可以为智能手机、平板电脑、笔记本电脑、台式电脑、智能车载等；上述服务器可以是是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content DeliveryNetwork，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器，等等。本实施例中所描述的媒体数据生成方法，包括以下步骤S201-S203：

S201、在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项。其中，动画对象可以是文本、人物、动物、页面等等。

在具体实现中，当用户想要生成一个页面动画时，可触发显示一个动画编辑页面，触发显示动画编辑页面的触发方式可以是点击动画编辑页面、输入特定手势、输入打开动画编辑页面的语音信息等方式。

在一个实施例中，在动画编辑页面中直接添加想要的动画对象，并在动画编辑页面显示N个动画对象。或者，该N个动画对象可以是预先保存在一个json配置文件中，用户可以直接选择包括动画对象资源的json配置文件，其中，动画对象资源包括动画对象等等；计算机设备可以根据用户选择的包括动画对象资源的json配置文件在动画编辑页面中显示N个动画对象。该动画编辑页面可以如图3a所示。动画编辑页面中显示有多个动画对象，如图3a中显示的动画对象可以为气球、文字“请坐上滑梯，回到童年”、滑梯、小孩等等，动画交互编辑选项可以是图3a中30所示的“六一(事件)”选项，通过触发该动画交互编辑选项可以进入动画交互设置窗口设置动画对象之间的交互事件。触发该动画交互编辑选项的触发方式可以是点击、双击动画交互编辑选项、输入特征手势等方式。其中，特定手势可以是手势M、手势OK等等。

可选地，动画编辑页面还包括N个动画对象中每个动画对象的对象标识，对象标识可以是动画对象的对象名称、动画对象的图标等等，例如，图3a中区域302显示的多个动画对象的对象名称：气球生成00020png、Head1Png、BoywalkPng、SlidePng、Ground3Png等。

可选地，动画编辑页面还可以包括动画添加选项，该动画添加选项可以是一个按键，或者该动画添加选项可以是图3a中31所示的“添加新的对象”这样的一个选项。该对象添加选项可以用于增加需要的动画对象。在一个实施例中，当需要增添新的动画对象时，可以触发对象添加选项，若计算机设备检测到对象添加选项被触发，可以显示一个动画对象的选择窗口，该选择窗口包括多个动画对象，以及确认选项。其中，基础属性可以包括一个或多个：动画对象的尺寸信息、动画对象的角度信息、动画对象的位置信息等等。触发该对象添加选项的触发操作可以是：单击或双击该对象添加选项的方式。当用户点击31所示的“添加新的对象”时，可以显示该选择窗口，选择窗口可以如图3b中的37所示，选择窗口包括的确认选项可以是图3b中38所示。当检测到确认选项被选中时，计算机设备可以将选择窗口中被选中的动画对象显示在动画编辑页面。例如，当用户选择了动画窗口中的“树木”并选中38所示的“确认”选项时，可以在图3c的区域301显示动画对象“树木”。

在一个实施例中，动画编辑页面还可以包括：保存选项，例如，保存选项可以是图3a中32所示的图标。该保存选项可以用于将编辑的动画成json文件保存到服务器；可选地，动画编辑页面还可以包括另存为选项，例如，另存为选项可以是图3a中33所示的图标，另保存选项可以用于将编辑的动画成json文件进行本地化保存。通过将动画编辑页面的动画生成json配置文件有利于后续对该动画进行再次编辑或者通过保存为json配置文件有利于复制和传播。

可选地，动画编辑页面可以包括预览选项或者播放选项，例如该预览选项或者播放选项可以是图3a中34所示的图标，该预览选项或者播放选项可以用于对动画进行实时预览，方便随时了解该动画是否满足需求。

在一个实施例中，动画编辑页面还可以包括实例编辑选项。例如，实例编辑选项可以是图3a中35所示的图标。该实例编辑选项可以用于查看动画中动画对象之间的展示层级；可选地，动画编辑页面还可以包括图层编辑选项，例如，图层编辑选项可以是图3a中36所示的图标；图层编辑选项用于编辑动画对象所在的背景图层。

需要说明的是，在实际过程中，保存选项、另存为选项、预览选项等在动画编辑页面中的位置可以如图3a所示，也可以处于动画编辑页面的其他位置。

在一个实施例中，动画编辑页面可以包括第一区域、第二区域和第三区域。例如，第一区域可以是如图3a中的区域303，第二区域可以是图3a中的区域302；第三区域可以是图3a中的区域301。其中，动画交互编辑选项可以显示在第一区域，如，动画交互编辑选项“六一(事件)”30显示在区域303。对象添加选项可以显示在第二区域，如图3a中，对象添加选项“添加新的对象”31显示在区域302。N个动画对象显示在第三区域，如图3a中，动画对象小孩、气球、滑梯显示在区域301。

在一个实施例中，当确认选项被选中时，将选择窗口中被选中的目标动画对象显示在动画编辑页面具体实现方式可以是：当确认选项被选中时，可以先将选择窗口中被选中目标动画对象显示在第二区域，若存在对第二区域中的目标动画对象的拖动操作，则将第二区域显示的目标动画对象移动至第三区域中与拖动操作对应的位置处进行显示。例如，图3d-3e所示，用户选中了选择窗口中的动画对象“树木”并点击确认选项，计算机设备检测到确认选项被选中，将选择窗口中被选中的动画对象“树木”显示在区域302，并在该区域302中显示该动画对象“树木”的对象名称“shumu”。若检测到存在对第二区域中的动画对象“树木”的拖动操作，则将区域302显示的动画对象“树木”移动至，区域301中与拖动操作对应的位置处进行显示。

在一个实施例中，动画编辑页面还可以包括位置调整按键，在动画编辑页面显示N个动画对象之后，可以触发该位置调整按键自动对N个动画对象进行位置调整以使N个动画对象之间的合理排列。具体的，当检测到位置调整按键被触发时，在动画编辑页面调整N个动画对象的位置，并在动画编辑页面显示调整后的N个动画对象。其中，触发该位置调整按键的触发方式可以单击位置调整按键或者双击位置调整按键。

在一个实施例中，当用户想要对动画编辑页面显示的N个动画对象的位置进行调整或者通过位置调整按键调整N个动画对象的位置不满足设计需求时，用户可以自行对动画编辑页面中显示的N个动画对象的位置进行调整。当检测到针对动画编辑页面中显示的N个动画对象中的任一动画对象的触发操作，任一动画对象处于可移动状态，并根据该触发操作调整该任一动画对象。例如，该触发操作为针对任一动画对象的拖动操作，当检测到针对该任一动画对象的拖动操作时，根据该拖动操作将任一动画对象从当前位置移动到拖动操作对应的位置处进行显示。

S202、若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件。其中，交互事件可以包括确定两个动画对象先播放哪个动画对象的动画效果。或者，交互事件还可以包括播放每个动画对象对应的动画效果的播放条件。例如，当动画对象1播放动画效果播放完成时，才能播放动画对象2的动画效果，即动画对象2对应的动画效果的播放条件是：动画对象1播放动画效果播放完成。其中，动画效果的过程实际上是动画对象自身的活动以及性质，针对动画自身，动画效果包括动画对象的可拖拽、补间等等；播放动画效果的过程可以理解为动画对象执行自身的动画行为。例如，在图3a中，动画对象对应的动画效果可以是：小孩坐上滑梯然后向下滑动。在一个实施例中，在动画设置窗口中还可以设置同时播放两个甚至多个动画对象对应的动画效果的播放条件，即交互事件包括：同时播放两个甚至三个或多个动画对象对应的动画效果，以及同时播放两个甚至三个或多个动画对象对应的动画效果的播放条件。例如，动画对象包括小孩、气球、文字时，该交互事件可以包括：当小孩开始行走时，气球就开始释放，并在同一时间文字从右边向左滑动，当小孩坐上滑梯时，气球和文字均消失。

在另一个实施例中，在动画设置窗口中还可以设置播放两个设置多个动画对象对应的动画效果在时间上存在部分重叠的播放条件，即交互事件还可以包括：播放两个设置多个动画对象对应的动画效果在时间内上存在部分重叠的播放条件。例如，动画对象包括小孩、气球、文字时，交互事件包括：当小孩开始平地行走一半路程时，气球就开始释放，当小孩继续行走时，气球飘荡在天空中。此时小孩继续行走和气球飘荡在天空存在时间上的部分重叠。

在一些实施例中，动画交互设置窗口除了设置一些动画对象对应的动画效果的播放条件，还可以设置自定义一些全局操作，以及设置两个页面动画之间的交互等。当两个或者多个页面存在交互时，可以在动画交互设置窗口设置两个页面交互的交互条件以及两个页面对应的动画效果。例如在动画交互设置窗口中可以设置页面1包括的动画对象对应的动画效果播放完成，将页面1切换到页面2；又例如，在动画交互设置窗口中可以设置当页面1中的动画对象对应的动画效果播放一半时，将页面1和页面2进行拼接，并显示在同一界面中，这样视觉上看到的就是页面1和页面2中的动画对象的动画效果具有连贯性。例如，小孩在页面1中从滑梯滑到一半时，可以将页面1和页面2进行拼接显示，可以看到当小孩滑到底部时可以往山上攀爬。再例如，在动画交互设置窗口中可以设置动画对象对应的动画效果播放完成后，页面1开始滑出界面和页面2开始进入界面。页面1开始滑出界面和页面2开始进入界面存在部分时间或者全部时间的重叠。

在具体实现中，当用户想要设置动画对象与动画对象之间的交互事件，可以触发该动画交互编辑选项进入动画交互设置窗口。若计算机设备检测到动画交互编辑选项被触发，则可以显示动画交互设置窗口，该动画交互设置窗口可以如图3f所示，该动画交互设置窗口中可以设置交互事件，例如交互事件为“若小孩和气球相遇，则释放气球”，该交互事件中包括释放气球的条件为：小孩和气球相遇。交互事件为“当小孩坐上滑梯时，小孩从滑梯滑下”，交互事件中包括小孩从滑梯滑下的条件为：小孩坐上滑梯。其中，释放气球和小孩从滑梯滑下为动画效果(动画行为)。也就是说，动画交互设置窗口在设置交互事件的时候，会设置播放条件，以及当触发该播放条件时某个动画对象对应的动画效果。

在一个实施例中，动画交互设置窗口可以包括交互事件添加选项，当用户想要设置动画对象之间的交互事件时，可以触发该交互事件添加选项。例如，交互事件添加选项可以是图3f中39所示的“添加”选项。然后该动画交互设置窗口显示交互事件区域、播放条件添加区域以及动画对象对应的动画效果添加区域。可以设置两个动画对象之间的交互事件；在播放条件添加区域中可以添加交互事件中的动画对象对应的动画效果的播放条件，在动画对象对应的动画效果添加区域中可以添加动画对象对应的动画效果。例如，图3f中，交互事件区域设置交互事件为“若小孩和气球相遇，则释放气球”，在播放条件添加区域中添加释放气球的播放条件“小孩和气球相遇”；在动画对象对应的动画效果添加区域中可以添加动画对象对应的动画效果“释放气球”。需要说明的是，本申请实施例仅以两个动画对象设置交互事件为例进行讲解如何设置，在实际应用中，可以设置三个或者四个设置更多动画对象之间的交互事件，均可参见两个动画对象设置交互事件的具体实现方式。动画交互设置窗口可以为一个事件编辑器生成的，事件编辑器基础是一个树形组件，通过react-sortable-tree实现。在动画交互设置窗口设置的交互事件可以转化为一个排序树形结构，可以易于用户查看与编辑。可选地，还可以通过动画交互设置窗口设置如动物与页面之间的交互事件。

S203、当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。

在一个实施例中，预览动画效果的触发事件可以是：设置完成动画对象之间的交互事件，即当检测到动画交互设置窗口中的交互事件设置完时，就可以根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画

在另一个实施例中，动画编辑页面包括预览选项，预览动画效果的触发事件可以是：触发预览选项。当计算机设备检测到预览选项被触发时，计算机设备可以根据动画交互界面中设置的交互事件，以及每个N个动画对象中每个动画对象对应的动画属性播放动画。

其中，在步骤S203之前，可以为N个动画对象中每个动画对象配置相应的动画属性。其中，动画属性可以包括基础属性和动画效果。基础属性可以包括以下任意一个或多个：动画对象的尺寸信息、动画对象的角度信息、动画对象的位置信息、动画对象的颜色信息。尺寸信息可以包括：动画对象的高度、宽度等。角度信息可以包括动画对象旋转角度、动画对象移动角度等等。位置信息是指动画对象在动画编辑页面的位置，更为具体的位置信息可以是指动画对象在第三区域的位置。

在一个实施例中，N个动画对象中每个动画对象对应的动画属性包括每个动画对象对应的动画效果；计算机设备可以根据需求为每个动画对象设置对应的动画效果。以N个动画对象包括的第一动画对象为例进行讲解如何设置对应的动画效果。若计算机设备检测到存在对第一动画对象的第一触发操作，则显示第一动画对象的动画效果配置界面，其中，第一触发操作可以是点击、双击第一动画对象的操作。例如，图4a中，用户点击“气球生成00020png”，计算机设备检测到存在对第一动画对象的第一触发操作，显示动画效果配置界面。该动画效果配置界面可以如图4a中42所示，在该动画效果配置界面可以包括多个动画轨迹和动画效果应用按键，该动画效果应用按键可以如图4a中41所示。该多个动画轨迹可以理解为帧序列图，通过对第一动画对象进行帧序列图配置形成动画效果。具体的，用户可以从多个动画轨迹选择需要的动画轨迹，当计算机设备检测到多个动画轨迹中的任一动画轨迹被选中时，可以为任一动画轨迹配置动画时长。在选择动画轨迹和为动画轨迹配置动画时长之后，用户可以触发动画效果应用按键。当计算机设备检测到动画效果应用按键被触发时，计算机设备可以根据选中的动画轨迹以及被选中的动画轨迹配置的动画时长生成第一动画对象对应的动画效果。

在一个实施例中，当计算机设备检测到多个动画轨迹中的至少一个动画轨迹被选中，可以为至少一个动画轨迹配置动画时长，此处可以设置总的动画时长。例如，当监测到多个动画轨迹中两个动画轨迹被选中时，可以设置这两个动画轨迹总的动画时长。需要说明的是，N个动画对象中的任一动画对象均可以参见配置第一动画对象对应的动画效果的实现方式配置对应的动画效果。

在一个实施例中，由于通过对象添加选项添加的动画对象对应的基础属性一般都是相同。因此可以根据需求调整动画对象对应的基础属性实现对动画对象的调整。同样以N个动画对象中的第一动画对象为例进行基础属性调整讲解。若存在对第一动画对象的第二触发操作，则在动画编辑页面显示第一动画对象的基础属性编辑窗口。可选地，该基础属性编辑窗口可以显示在动画编辑页面的第四区域，如基础属性编辑窗口可以显示在如图3a中区域304所示。基础属性编辑窗口用于设置第一动画对象对应的基础属性，第一动画对象对应的基础属性包括以下任意一个或多个：第一动画对象的尺寸信息、第一动画对象的角度信息、第一动画对象的位置信息。其中，第二触发操作可以是双击、点击第三区域中的第一动画对象的操作，或者，第二触发操作可以是输入打开基础属性窗口的语音信息等操作。例如，在图4b中，用户点击区域301中的第一动画对象，然后会在区域304中显示第一动画对象的基础属性编辑窗口。该基础属性编辑窗口包括第一动画对象的对象名称为XXXX、高度144和宽度169、角度为0、位置(如图4b中的X，y代表在区域301中的位置)。

然后，用户可以在基础属性编辑窗口中设置第一动画对象对应的基础属性或者直接修改第一动画对象对应的基础属性。当计算机设备检测到存在第一动画对象对应的基础属性被修改时，根据修改后的基础属性信息对动画编辑页面显示的第一动画对象进行调整。在一个实施例中，基础属性编辑窗口包括添加选项，该添加选项可以用于增加第一动画对象的其他基础属性。

在配置完成N个动画对象对应的动画属性后，N个动画对象中每个动画对象对应的动画属性包括每个动画对象对应的动画效果，交互事件中规定播放所述每个动画对象对应的动画效果的播放条件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画的具体实现方式可以是：计算机设备判断N个动画对象中任一动画对象对应动画效果的播放条件是否被满足，当N个动画对象中任一动画对象对应的动画效果的播放条件被满足时，可以播放任一动画对象对应的动画效果。例如，图4c-图4e，当用户点击预览选项时，计算机设备检测到预览选项被触发，开始播放该动画，首先在图3a中，计算机设备动画对象小孩对应第一动画效果的播放条件被满足，则小孩开始行走(即第一动画效果)，上方会不断显示滑动各类文字，如“hi～”“欢迎来到CC的儿童乐园”等。当小孩与气球相遇时，动画对象气球对应的动画效果的播放条件(与小孩相遇)被满足，该动画对象气球被释放，即如图4d所示，然后小孩继续往前行走，然后坐上滑梯，此时小孩对应第二动画效果的播放条件(坐上滑梯)被满足，然后小孩从滑梯向下滑动，到达滑梯底部，如图4c所示。然后小孩对应的第三动画效果的播放条件被满足，则往山上攀登(即第三动画效果)，即如图4e所示。最终，当所有动画对象对应的动画效果播放完毕时，该动画播放完成。

在一个实施例中，当在动画编辑页面播放完成动画后，可以将该动画对应的目标动画文件导出发布到测试环境或者正式环境中。具体的，若计算机设备检测到动画发布操作，则可以根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性生成目标动画文件；将目标动画文件发布到动画发布操作所指示的发布环境中，以在发布环境中运行目标动画文件并播放动画。其中，发布环境可以是测试环境或者正式环境，测试环境是指测试该动画的环境。正式环境是指普通用户能够使用该动画的环境。此时，该目标动画文件是一个完整的html文件。当在发布环境中运行可以生成一个完整的H5动画。动画页面编辑页面包括发布选项，动画发布操作可以是对发布选项的触发操作，当用户想要发布动画时，可以触发该发布选项对动画进行发布。

在一个实施例中，当用户想要将动画编辑页面生成的动画保存为json配置文件时，可以触发保存选项或者另存为选项。当计算机设备检测到保存选项或者另存为选项时，可以根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性生成json配置文件。后续可以通过引用一个二次封装的pixi库直接将json配置文件转换为局部动画，即在前端项目中引入一个依赖库并获取从动画编辑页面导出的json配置文件并对该json配置文件进行编辑生成动画，这样可以实现部分动画的导出或者整个动画的导出。

在本申请实施例中，在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项；若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个动画生成过程均可见且简单操作，提高了动画生成的效率。

基于第二种媒体数据生成方案，请参阅图5，图5为本申请实施例提供的一种媒体数据生成方法的流程示意图。该媒体数据生成方法可以由计算机设备执行，计算机设备可以是终端设备或服务器。上述终端设备可以为智能手机、平板电脑、笔记本电脑、台式电脑、智能车载等；上述服务器可以是是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content DeliveryNetwork，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器，等等。本实施例中所描述的媒体数据生成方法，包括以下步骤S501-S505：

S501、显示动画编辑页面，动画编辑页面包括对象添加选项和动画交互编辑选项。

在具体实现中，当用户想要生成一个页面动画时，可以触发显示一个动画编辑页面。其中，该动画编辑页面可以如图6a所示，对象添加选项可以是“添加新对象”这样一个选项，如图6a中61所示，动画交互编辑选项可以是“动画交互事件”这样的一个选项，如图6a中60所示，此处的用户可以是：开发人员、需求用户、测试人员、设计师等等。触发显示动画编辑页面的触发方式可以是点击动画编辑页面、输入特定手势、输入打开动画编辑页面的语音信息等方式。在一个实施例中，显示动画编辑页面的具体实现方式可以是：当检测到用户针对动画编辑页面的触发操作时，可以直接通过create-react-app脚手架搭建普通的react项目，在创建完成react项目后，可以从数据库中获取生成动画编辑页面的基础资源文件，并基于该基础资源文件显示动画编辑页面。其中，该基础资源文件中可以包括：显示动画编辑页面的资源，例如组件、文字信息等等。

S502、若对象添加选项被触发，则显示动画对象的选择窗口；选择窗口中包括多个动画对象以及确认选项。

在具体实现中，当用户想要在动画编辑页面中添加动画对象时，可以触发动画编辑页面中的对象添加选项。其中，触发对象添加选项的触发操作可以是：单击或双击该对象添加选项等操作，或者，触发对象添加选项的触发操作可以手势输入操作，例如，输入手势M、OK等等；或者触发对象添加选项的触发操作可以是输入语音信息的操作。若计算机设备检测到对象添加选项被触发，则可以显示动画对象的选择窗口，该选择窗口可以如图6b中62所示。在该选择窗口可以包括多个动画对象和确认选项63，如图6b包括的多个动画对象分别为kenney、猫、硬币等等。可选地，该选择窗口还可以包括动画对象的基础属性，基础属性可以包括以下一种或多种：动画对象的颜色、动画对象的尺寸信息、动画对象的角度信息、动画对象的位置信息。

S503、当确认选项被选中时，将选择窗口中被选中的N个动画对象显示在动画编辑页面中。N为大于或等于1的整数。

在具体实现中，用户可以在动画选择窗口选择需要添加的动画对象，并选中确认选项。当计算机设备检测到确认选项被选中时，将选择窗口中被选中的N个动画对象显示在动画编辑页面中，例如，在图6c中，当选择窗口包括的keney和猫被选中且确认选项被选中时，计算机设备将选择窗口62选中的keney和猫显示区域601中。

在一个实施例中，当确认选项被选中时，将选择窗口中被选中的N个动画对象显示在动画编辑页面中的具体实现方式可以：当确认选项被选中时，向资源管理平台发送动画对象获取请求，动画对象获取请求携带选择窗口中被选中的N个动画对象中每个动画对象的对象标识，动画对象获取请求用于指示资源管理平台根据每个动画对象的对象标识查询每个动画对象；接收资源管理平台发送的每个动画对象，并将选择窗口中被选中的N个动画对象中每个动画对象显示在动画编辑页面中。资源管理平台可以是数据库、区块链等等。

在一个实施例中，动画编辑页面可以包括第一区域、第二区域和第三区域，例如，第一区域可以是图6a中的区域603，第二区域可以是图6a中的区域602，第三区域可以是图6a中的区域601。第一区域可以显示动画交互编辑选项，如图6a中的区域603显示动画交互编辑选项“动画交互事件”60；第二区域可以显示对象添加选项，如图6a中的区域602显示对象添加选项“添加新的对象”61，第三区域可以显示N个动画对象，如图6c中的区域601显示有2个动画对象。

在一个实施例中，当确认选项被选中时，计算机设备将选择窗口中被选中的N个动画对象显示在动画编辑页面中的具体实现方式可以是：当计算机设备检测到确认选项被选中时，可以将选择窗口中被选中的N个动画对象显示在第二区域(即区域602)，在第二区域中可以显示N个动画对象，可选地，在第二区域还可以显示N个动画对象的对象名称，然后用户可以将第二区域中N个动画对象进行拖动到第三区域进行显示，若计算机设备检测到存在对第二区域中的N个动画对象的拖动操作，则可以将第二区域显示的N个动画对象移动至，第三区域中与拖动操作对应的位置处进行显示。例如，图6d中，当选择窗口包括动画对象keney和猫被选中且确认选项被触发时，可以将keney和猫显示在区域602中，若存在对动画对象keney的拖动操作，则将区域602中的动画对象keney移动至区域601中与拖动操作对应的位置64处进行显示。

在一个实施例中，动画编辑页面包括位置调整按键，当确认选项被选中时，将选择窗口中被选中的N个动画对象显示在动画编辑页面中之后，用户可以触发对该位置调整按键，然后当计算机设备检测到位置调整按键被触发时，可以在动画编辑页面中自动调整该N个动画对象，并在动画编辑页面中显示调整后的N个动画对象。在另一个实施例中，用户可以自行调整N个动画对象中的任一动画对象，当检测到对N个动画对象中的目标动画对象的移动操作时，可以将目标动画对象的位置调整至该移动操作对应的位置。

可选地，动画编辑页面还可以包括第四区域，第四区域可以图6a中的区域604。第四区域可以任一动画对象的基础属性编辑窗口，并在该基础属性编辑窗口中显示任一动画对象的基本属性。

可选地，第二区域包括的对象添加选项能够实现对象的添加是由于对象添加器可以用于从远程数据库或者本地添加动画对象以及动画对象的基础属性。第三区域中能够显示N个动画对象是存在实例编辑器(或者动画对象编辑器)，第三区域包括画布，在该画布上可以展示页面的静态效果，当添加动画对象之后，可以在该画布上显示添加的动画对象。第四区域显示的基础属性编辑窗口是由于属性编辑器能够显示动画对象的基础属性并对该基础属性进行编辑，通过该属性编辑器当存在对画布中的任一动画对象的触发操作时，均可以显示任一动画的基础属性编辑窗口，并在基础属性编辑窗口中可以编辑对象的位置、大小、角度等属性，实现动画的微调。

S504、若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件。

S505、当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。

其中，步骤S504-S505的具体实现方式可以参见上述步骤S302-303的具体实现方式，在此不再赘述。

在一个实施例中，当在动画编辑页面播放完成动画后，可以将该动画对应的目标动画文件导出发布到测试环境或者正式环境中。具体的，若计算机设备检测到动画发布操作，则可以根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性生成目标动画文件；将目标动画文件发布到动画发布操作所指示的发布环境中，以在发布环境中运行目标动画文件并播放动画。其中，发布环境可以是测试环境或者正式环境，测试环境是指测试该动画的环境。正式环境是指普通用户能够使用该动画的环境。目标动画文件是一个完整的html文件。当在发布环境中运行该目标动画文件可以生成一个完整的H5页面动画。

在本申请实施例中，显示动画编辑页面，该动画编辑页面包括对象添加选项和动画交互编辑选项，若对象添加选项被触发，则显示动画对象的选择窗口；选择窗口中包括多个动画对象以及确认选项；当确认选项被选中时，将选择窗口中被选中的N个动画对象显示在动画编辑页面中，若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个动画生成过程均可见简单操作，提高了动画生成的效率。

在一个实施例中，为了实现动画编辑页面的可视化，本申请实施例设计了动画编辑页面的应用架构图以及实现该动画编辑页面的代码结构图，其中，动画编辑页面的应用架构图可以参见图7a，代码结构图可以参见图7b，接下来集合图7a和图7b阐述整个动画编辑页面的实现过程中以及在该动画编辑页面生成动画的过程：

动画编辑页面使用React(一种用于构建用户界面的JavaScrip库)+TypeScript(一种用于应用程序级JavaScript的语言)作为基础的前端技术栈，并使用matierial-ui(可提供大量UI(UserInterface，用户界面)组件的组件库)作为基础UI库。在动画编辑页面创建项目时主要通过create-react-app脚手架搭建普通的react项目，在该项目中使用了大量的reacthook(钩子函数)来进行灵活的逻辑复用，在实际的场景应用可能会涉及到简单的数据入库，发布管理等，从而在一个动画编辑页面中可以实现整个完整动画的生成。

整个动画编辑页面应用架构分为全局操作、主界面、动画交互编辑器、资源管理器以及Js引擎，其中，动画编辑页面的主界面包括实例编辑器、图层编辑器、属性编辑器、对象列表、对象组列表等等；react项目高度模块化，provider提供一些全局的数据流，包括后面需要做的一些国际化等皆是放在这一层里，MainFrame则是包含了所有的视觉组件和模块，属于对数据流的应用。全局操作核心方法封装在引擎中，react项目的保存依赖于react项目中的json配置文件，json配置文件里保存了react项目的所有数据，即所有数据可以包括动画对象以及动画对象的动画属性，其中，动画属性包括动画效果和基础属性，基础属性可以位置和大小等。所有数据均缓存在project对象里，保存和另存为即是将缓存在project对象里的数据转化成一个json配置文件，可以将json配置文件保存到本地或服务器即可保存整个动画文件。同理，在进行初始化的时候只要提供我们保存的json配置文件，通过json配置文件初始化project对象即可完成导入操作，从而实现json配置文件的导入。预览和导出操作生成的html文件以及上述实例编辑器的画布都是基于pixijs生成的画布canvas，pixijs提供的能力是将动画对象绘制在一个canvas中，并提供大量的可配置参数，这里的核心的方法是对pixijs的一些api进行的二次封装，例如将动画对象转化成canvas里面可预览的图像，或者配置动画对象的一些行为运动(即上述提到的动画效果)等。但Js(JavaScript，一种编程语言)引擎不仅仅是对pixijs的一个二次封装库，其中还包含一些项目生成、动画对象生成的类和函数等一些全局方法，贯穿在整个平台中，因此在不同编辑器或者全局操作都需要用到引擎里的方法。

在本申请实施例中，涉及多种编辑器，如属性编辑器、用于实现动画交互设置窗口显示的动画交互编辑器、实例编辑器用于显示N个动画对象等等，为了保证不同数量的编辑器情况下动画编辑页面能够保持良好的视觉效果，引入了完全平铺窗口的概念，即不同大小、数量的编辑器恰好完全分割整个动画编辑页面，这里的完全平铺窗口通过react-mosaic-component实现，底层原理实际上是通过配置初始化，通过createElement这个api(Application Programming Interface，应用程序接口)动态渲染dom(Document ObjectModel，文档对象模型)。除了动画交互编辑器，其他编辑器都使用列表展示，具体的操作可以封装在菜单中。属性编辑器则是一个简单的表单组件的组合，展示所选动画对象的全部属性。动画交互编辑器基础是一个树形组件，通过react-sortable-tree实现，将json配置文件中关于事件的配置转化为一个可排序树形结构，易于查看与编辑。事件分为播放条件与执行动画效果(或动画行为)，在动画编辑页面中会预设的一些播放条件以播放条件对应的动画效果，独立封装在弹窗中，这些预设的事件实际上是一些常用的js逻辑加上一些针对对象的pixijs的操作，例如判断画布canvas中两个动画对象相遇后执行一些js逻辑。这里还支持自定义事件，实际上是一段固定格式的js代码，代码编辑器使用开源的react-monaco-editor编辑器，在代码回调函数中可以取到一些固定的对象，并可以对这些对象进行操作，这些自定义代码与预设的一些事件异曲同工，在转化成html时同样加入进来即可。

在一个实施例中，基于上述提供的媒体数据生成方法，本申请实施例还提供了更为具体的媒体数据生成方案。该媒体数据生成方案的具体流程可以如图8所示：当用户想要生成页面动画时，首先可以读取一个配置文件，该配置文件可以包括显示动画编辑页面的组件、文字信息等资源，根据该配置文件可以生成动画编辑页面。在接入动画生成业务时，然后可以读取react项目，若react项目中为空，则可以新建项目，并在该动画编辑页面中添加动画对象，并将添加的动画对象显示在动画编辑页面，具体如何添加动画对象可以参见上述实施例图2和实施例图5中相应的实现方式，在此不再赘述。若读取的react项目中包括动画对象资源的json配置文件，则可以直接导入该json配置文件，并在该动画编辑页面显示json配置文件中的动画对象。然后可以在该动画编辑页面中对动画对象的动画属性进行编辑、动画对象之间的交互事件进行配置修改。可选地，还可以对显示动画对象的画布进行编辑。在编辑完成后，可以直接触发保存选项，将编辑后的动画对象的动画属性以及动画对象之间的交互事件生成json配置文件，以方便后续对该动画进行复制或者再次编辑。当用户想要预览动画时，可以触发动画编辑页面中的预览选项对动画效果进行实时预览，在预览完成后可以选择将动画进行发布，计算机设备可以根据编辑完成后的动画对象的动画属性和交互事件生成的html文件(即上述目标动画文件)，然后可以将html文件发布到测试环境或者正式环境。通过可视化的编辑实现完整的动画及交互，使动画开发简单化，不需要编程基础即可生成动画及页面，针对多交互、复杂动画的场景，能有效减少前端开发者对该场景的动画开发时间，提高业务开发效率和生产力。

基于上述所提供的媒体数据生成方法，请参见图9，其是本申请实施例提供的一种媒体数据生成装置的结构示意图。如图9所示，媒体数据生成装置可以应用于上述图2或图5对应实施例中的计算机设备；具体的，媒体数据生成装置可以是运行于计算机设备中的一个计算机程序(包括程序代码)，例如媒体数据生成装置为一个应用软件；该媒体数据生成装置可以用于执行本申请实施例提供的方法中的相应步骤。

显示单元901，用于在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

所述显示单元901，还用于若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

处理单元902，用于当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

在一个实施例中，所述述动画编辑页面还包括对象添加选项，所述显示单元901在动画编辑页面显示N个动画对象时，可具体用于：

若所述对象添加选项被触发，则显示动画对象的选择窗口；所述选择窗口中包括多个动画对象以及确认选项；

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中。

在一个实施例中，所述N个动画对象中每个动画对象对应的动画属性包括每个动画对象对应的动画效果，所述交互事件中规定播放所述每个动画对象对应的动画效果的播放条件；所述处理单元902在根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画时，可具体用于：

当所述N个动画对象中任一动画对象对应的动画效果的播放条件被满足时，播放所述任一动画对象对应的动画效果。

在一个实施例中，所述N个动画对象包括第一动画对象；所述显示单元901还用于若存在对所述第一动画对象的第一触发操作，则显示所述第一动画对象的动画效果配置界面，所述动画效果配置界面包括多个动画轨迹和动画效果应用按键；

所述处理单元902，还用于当所述多个动画轨迹中的任一动画轨迹被选中时，为所述任一动画轨迹配置动画时长；当所述动画效果应用按键被触发时，根据被选中的动画轨迹以及为被选中的动画轨迹配置的动画时长生成所述第一动画对象对应的动画效果。

在一个实施例中，所述N个动画对象中每个动画对象对应的动画属性还包括每个动画对象对应的基础属性，所述N个动画对象包括第一动画对象，所述显示单元901，还用于：

若存在对所述第一动画对象的第二触发操作，则在所述动画编辑页面显示所述第一动画对象的基础属性编辑窗口，所述基础属性编辑窗口用于设置所述第一动画对象对应的基础属性，所述第一动画对象的基础属性包括以下任意一个或多个：所述第一动画对象的尺寸信息、所述第一动画对象的角度信息、所述第一动画对象的位置信息。

在一个实施例中，所述动画编辑页面包括第一区域、第二区域以及第三区域；所述动画交互编辑选项显示在所述第一区域，所述对象添加选项显示在所述第二区域，所述N个动画对象显示在所述第三区域；所述显示单元901在当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中时，可具体用于：

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述第二区域；

若存在对所述第二区域中的N个动画对象的拖动操作，则将所述第二区域显示的N个动画对象移动至，所述第三区域中与所述拖动操作对应的位置处进行显示。

在一个实施例中，所述动画编辑页面包括位置调整按键，所述显示单元901在在动画编辑页面显示N个动画对象之后，还用于：

当所述位置调整按键被触发时，在动画编辑页面调整N个动画对象的位置，并在所述动画编辑页面显示调整后的N个动画对象。

在一个实施例中，所述显示单元901在当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中时，可具体用于：

当所述确认选项被选中时，向资源管理平台发送动画对象获取请求，所述动画对象获取请求携带所述选择窗口中被选中的N个动画对象中每个动画对象的对象标识，所述动画对象获取请求用于指示所述资源管理平台根据所述每个动画对象的对象标识查询所述每个动画对象；

接收所述资源管理平台发送的所述每个动画对象，并将所述选择窗口中被选中的N个动画对象中每个动画对象显示在所述动画编辑页面中。

在一个实施例中，所述处理单元902，还用于：

若检测到动画发布操作，则根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性生成目标动画文件；

将所述目标动画文件发布到所述动画发布操作所指示的发布环境中，以在所述发布环境中运行所述目标动画文件并播放动画。

根据本申请的一个实施例，图2和图5所示的媒体数据生成方法所涉及各个步骤可以是由图9所示的媒体数据生成装置中的各个单元来执行的。例如，图2所述的步骤S201-步骤S202可由图9所示的媒体数据生成装置中的显示单元901来执行，步骤S203可由图9所示的媒体数据生成装置中的处理单元902来执行；再如，图5所示的媒体数据生成方法中步骤S501-S504可由图9所示的媒体数据生成装置中的显示单元901来执行，步骤S505可由图9所示的媒体数据生成装置中的处理单元902来执行。

根据本申请的另一个实施例，图9所示的媒体数据生成装置中的各个单元可以分别或全部合并为一个或若干个另外的单元来构成，或者其中的某个(些)单元还可以再拆分为功能上更小的多个单元来构成，这可以实现同样的操作，而不影响本申请的实施例的技术效果的实现。上述单元是基于逻辑功能划分的，在实际应用中，一个单元的功能也可以由多个单元来实现，或者多个单元的功能由一个单元实现。在本申请的其它实施例中，基于媒体数据生成装置也可以包括其它单元，在实际应用中，这些功能也可以由其它单元协助实现，并且可以由多个单元协作实现。

根据本申请的另一个实施例，可以通过在包括中央处理单元(CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的例如计算机的通用计算设备上运行能够执行如图2和图5所示的相应方法所涉及的各步骤的计算机程序(包括程序代码)，来构造如图9中所示的媒体数据生成装置，以及来实现本申请实施例媒体数据生成方法。所述计算机程序可以记载于例如计算机可读存储介质上，并通过计算机可读存储介质装载于上述计算设备中，并在其中运行。

在本申请实施例中，在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项；若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个媒体数据生成过程均可见且简单操作，提高了媒体数据生成的效率。

进一步地，请参见图10，是本申请实施例提供的一种计算机设备的结构示意图。该计算机设备具体可以为上述图2或图5对应实施例中的计算机设备。如图10所示，该计算机设备可以包括：处理器1001、输入设备1002，输出设备1003和计算机存储介质1004。上述处理器1001、输入设备1002、输出设备1003和计算机存储介质1004通过总线1005连接。

上述计算机存储介质1004可以存储在计算机设备的存储器中，所述计算机存储介质1004用于存储计算机程序，所述处理器1001用于执行所述计算机存储介质1004存储的计算机程序。处理器1001(或称CPU(Central Processing Unit，中央处理器))是计算机设备的计算核心以及控制核心，其适于实现一条或多条计算机程序，具体适于加载并执行：在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

在本申请实施例中，在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项；若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个动画生成过程均可见且简单操作，提高了动画生成的效率。

本申请实施例还提供了一种计算机存储介质(Memory)，所述计算机存储介质是计算机设备中的记忆设备，用于存放程序和数据。可以理解的是，此处的计算机存储介质既可以包括计算机设备的内置存储介质，当然也可以包括计算机设备所支持的扩展存储介质。计算机存储介质提供存储空间，该存储空间存储了计算机设备的操作系统。并且，在该存储空间中还存放了适于被处理器1001加载并执行的一条或多条的计算机程序。需要说明的是，此处的计算机存储介质可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器；可选的还可以是至少一个位于远离前述处理器的计算机存储介质。

在一个实施例中，所述计算机存储介质可由处理器1001加载并执行计算机存储介质中存放的一条或多条计算机程序，以实现上述图2和图5所示的媒体数据生成方法的相应步骤。具体实现中，计算机存储介质中的一条或多条计算机程序由处理器1001加载并执行如下步骤：

在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

在一个实施例中，所述述动画编辑页面还包括对象添加选项，在动画编辑页面显示N个动画对象，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并具体执行如下步骤：

若所述对象添加选项被触发，则显示动画对象的选择窗口；所述选择窗口中包括多个动画对象以及确认选项；

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中。

在一个实施例中，所述N个动画对象中每个动画对象对应的动画属性包括每个动画对象对应的动画效果，所述交互事件中规定播放所述每个动画对象对应的动画效果的播放条件；在根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画时，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并具体执行如下步骤：

当所述N个动画对象中任一动画对象对应的动画效果的播放条件被满足时，播放所述任一动画对象对应的动画效果。

在一个实施例中，所述N个动画对象包括第一动画对象；所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并还可执行如下步骤：

若存在对所述第一动画对象的第一触发操作，则显示所述第一动画对象的动画效果配置界面，所述动画效果配置界面包括多个动画轨迹和动画效果应用按键；

当所述多个动画轨迹中的任一动画轨迹被选中时，为所述任一动画轨迹配置动画时长；

当所述动画效果应用按键被触发时，根据被选中的动画轨迹以及为被选中的动画轨迹配置的动画时长生成所述第一动画对象对应的动画效果。

在一个实施例中，所述N个动画对象中每个动画对象对应的动画属性还包括每个动画对象对应的基础属性，所述N个动画对象包括第一动画对象，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并还可执行如下步骤：

若存在对所述第一动画对象的第二触发操作，则在所述动画编辑页面显示所述第一动画对象的基础属性编辑窗口，所述基础属性编辑窗口用于设置所述第一动画对象对应的基础属性，所述第一动画对象的基础属性包括以下任意一个或多个：所述第一动画对象的尺寸信息、所述第一动画对象的角度信息、所述第一动画对象的位置信息。

在一个实施例中，所述动画编辑页面包括第一区域、第二区域以及第三区域；所述动画交互编辑选项显示在所述第一区域，所述对象添加选项显示在所述第二区域，所述N个动画对象显示在所述第三区域；在当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中时，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并具体执行如下步骤：

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述第二区域；

若存在对所述第二区域中的N个动画对象的拖动操作，则将所述第二区域显示的N个动画对象移动至，所述第三区域中与所述拖动操作对应的位置处进行显示。

在一个实施例中，所述动画编辑页面包括位置调整按键，所述在动画编辑页面显示N个动画对象之后，所述所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并还可执行如下步骤：

当所述位置调整按键被触发时，在动画编辑页面调整N个动画对象的位置，并在所述动画编辑页面显示调整后的N个动画对象。

在一个实施例中，在当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中时，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并具体执行如下步骤：

当所述确认选项被选中时，向资源管理平台发送动画对象获取请求，所述动画对象获取请求携带所述选择窗口中被选中的N个动画对象中每个动画对象的对象标识，所述动画对象获取请求用于指示所述资源管理平台根据所述每个动画对象的对象标识查询所述每个动画对象；

接收所述资源管理平台发送的所述每个动画对象，并将所述选择窗口中被选中的N个动画对象中每个动画对象显示在所述动画编辑页面中。

在一个实施例中，所述计算机存储介质中的一条或多条计算机程序由处理器1001加载并具体执行如下步骤：

若检测到动画发布操作，则根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性生成目标动画文件；

将所述目标动画文件发布到所述动画发布操作所指示的发布环境中，以在所述发布环境中运行所述目标动画文件并播放动画。

在本申请实施例中，在动画编辑页面显示N个动画对象，N为大于或等于1的整数；动画编辑页面包括动画交互编辑选项；若动画交互编辑选项被触发，则显示动画交互设置窗口，动画交互设置窗口用于设置N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据动画交互设置窗口中设置的交互事件，以及N个动画对象中每个动画对象对应的动画属性播放动画。通过提供的动画编辑页面可以快速配置动画对象与动画对象之间的交互事件，无需编写代码实现，且整个媒体数据生成过程均可见且简单操作，提高了媒体数据生成的效率。

本申请实施例还提供一种计算机程序产品，计算机程序产品包括计算机程序，该计算机程序存储在计算机可读存储介质中，该计算机程序被计算机设备的处理器执行时，执行：在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。

以上所揭露的仅为本申请一种较佳实施例而已，当然不能以此来限定本申请之权利范围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本申请权利要求所作的等同变化，仍属于发明所涵盖的范围。

Claims (13)

1.一种媒体数据生成方法，其特征在于，包括：

在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

2.如权利要求1所述的方法，其特征在于，所述述动画编辑页面还包括对象添加选项，所述在动画编辑页面显示N个动画对象，包括：

若所述对象添加选项被触发，则显示动画对象的选择窗口；所述选择窗口中包括多个动画对象以及确认选项；

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中。

3.如权利要求1所述的方法，其特征在于，所述N个动画对象中每个动画对象对应的动画属性包括每个动画对象对应的动画效果，所述交互事件中规定播放所述每个动画对象对应的动画效果的播放条件；所述根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画，包括：

当所述N个动画对象中任一动画对象对应的动画效果的播放条件被满足时，播放所述任一动画对象对应的动画效果。

4.如权利要求3所述的方法，其特征在于，所述N个动画对象包括第一动画对象；所述方法还包括：

若存在对所述第一动画对象的第一触发操作，则显示所述第一动画对象的动画效果配置界面，所述动画效果配置界面包括多个动画轨迹和动画效果应用按键；

当所述多个动画轨迹中的任一动画轨迹被选中时，为所述任一动画轨迹配置动画时长；

当所述动画效果应用按键被触发时，根据被选中的动画轨迹以及为被选中的动画轨迹配置的动画时长生成所述第一动画对象对应的动画效果。

5.如权利要求1所述方法，其特征在于，所述N个动画对象中每个动画对象对应的动画属性还包括每个动画对象对应的基础属性，所述N个动画对象包括第一动画对象，所述方法还包括：

若存在对所述第一动画对象的第二触发操作，则在所述动画编辑页面显示所述第一动画对象的基础属性编辑窗口，所述基础属性编辑窗口用于设置所述第一动画对象对应的基础属性，所述第一动画对象对应的基础属性包括以下任意一个或多个：所述第一动画对象的尺寸信息、所述第一动画对象的角度信息、所述第一动画对象的位置信息。

6.如权利要求2所述的方法，其特征在于，所述动画编辑页面包括第一区域、第二区域以及第三区域；所述动画交互编辑选项显示在所述第一区域，所述对象添加选项显示在所述第二区域，所述N个动画对象显示在所述第三区域；所述当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中，包括：

当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述第二区域；

若存在对所述第二区域中的N个动画对象的拖动操作，则将所述第二区域显示的N个动画对象移动至，所述第三区域中与所述拖动操作对应的位置处进行显示。

7.如权利要求1所述的方法，其特征在于，所述动画编辑页面包括位置调整按键，所述在动画编辑页面显示N个动画对象之后，所述方法还包括：

当所述位置调整按键被触发时，在动画编辑页面调整N个动画对象的位置，并在所述动画编辑页面显示调整后的N个动画对象。

8.如权利要求2所述的方法，其特征在于，所述当所述确认选项被选中时，将所述选择窗口中被选中的N个动画对象显示在所述动画编辑页面中，包括：

当所述确认选项被选中时，向资源管理平台发送动画对象获取请求，所述动画对象获取请求携带所述选择窗口中被选中的N个动画对象中每个动画对象的对象标识，所述动画对象获取请求用于指示所述资源管理平台根据所述每个动画对象的对象标识查询所述每个动画对象；

接收所述资源管理平台发送的所述每个动画对象，并将所述选择窗口中被选中的N个动画对象中每个动画对象显示在所述动画编辑页面中。

9.如权利要求1所述的方法，其特征在于，所述方法还包括：

若检测到动画发布操作，则根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性生成目标动画文件；

将所述目标动画文件发布到所述动画发布操作所指示的发布环境中，以在所述发布环境中运行所述目标动画文件并播放动画。

10.一种媒体数据生成装置，其特征在于，包括：

显示单元，用于在动画编辑页面显示N个动画对象，N为大于或等于1的整数；所述动画编辑页面包括动画交互编辑选项；

所述显示单元，还用于若所述动画交互编辑选项被触发，则显示动画交互设置窗口，所述动画交互设置窗口用于设置所述N个动画对象之间的交互事件；

处理单元，用于当存在预览动画效果的触发事件时，根据所述动画交互设置窗口中设置的交互事件，以及所述N个动画对象中每个动画对象对应的动画属性播放动画。

11.一种计算机设备，其特征在于，

处理器，适用于实现一条或多条计算机程序；

计算机存储介质，所述计算机存储介质存储有一条或多条计算机程序，所述一条或多条计算机程序适于由所述处理器加载并执行如权利要求1-9任一项所述的媒体数据生成方法。

12.一种计算机存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序被处理器执行时用于加载并执行如权利要求1-9任一项所述的媒体数据生成方法。

13.一种计算机产品或计算机程序，其特征在于，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时用于加载并执行如权利要求1-9任一项所述的媒体数据生成方法。

Images