[发明专利]多媒体资源的同步播放方法、装置、存储位置及电子装置

权利要求书

1.一种多媒体资源的同步播放方法，其特征在于，包括：

在动画编辑器中创建两个图层，并在两个图层中分别加载音频资源和动画资源；

通过所述动画编辑器将所述音频资源和所述动画资源对齐；预览所述音频资源和所述动画资源，以确定所述音频资源与所述动画资源是否同步；在所述音频资源与所述动画资源不同步的情况下，修改所述动画资源，并重新预览所述音频资源和修改后的所述动画资源，以确定所述动画资源中的多余帧；

删除所述动画资源中的多余帧，以从所述动画资源中获取与所述音频资源的每个播放位置对应的动画帧，得到与所述音频资源的播放时长相同的目标动画资源；

播放目标多媒体资源中的音频资源，其中，所述目标多媒体资源包括音频资源和目标动画资源；

在播放目标多媒体资源中的音频资源的过程中，每隔预定时间间隔获取所述音频资源的第一播放位置，其中，所述第一播放位置为所述音频资源的当前播放位置；

确定所述第一播放位置在所述目标动画资源上对应的第二播放位置；

播放所述目标动画资源中位于所述第二播放位置上的资源，以使得所述目标动画资源与所述音频资源同步播放；

其中，确定所述第一播放位置在所述目标动画资源上对应的第二播放位置包括：获取所述第一播放位置的播放时间；确定所述播放时间在所述音频资源的播放时长中所占的百分比；将所述百分比确定为所述目标播放进度；将所述目标动画资源中播放进度为所述目标播放进度的播放位置确定为所述第二播放位置，其中，所述目标动画资源的播放时长与所述音频资源的播放时长相同；

根据所述百分比从所述目标动画资源的总帧数中确定出当前动画应该停留的帧，从而实现动画播放；

利用页面帧循环函数，来实时获取所述目标播放进度和设置动画画面，实现了HTML5动画和音频同步，其中，所述动画画面包括HTML5动画，所述HTML5动画带透明通道，允许跟其他设计资源进行叠加组合。

2.根据权利要求1所述的方法，其特征在于，确定所述第一播放位置在所述目标动画资源上对应的第二播放位置包括：

获取具有对应关系的音频资源的播放位置和目标动画资源的播放位置；

从所述具有对应关系的音频资源的播放位置和目标动画资源的播放位置中查找所述第一播放位置对应的所述第二播放位置。

3.根据权利要求1所述的方法，其特征在于，播放所述目标动画资源中位于所述第二播放位置上的资源包括：

播放所述目标动画资源中位于所述第二播放位置上的动画帧。