视频播放处理方法及装置、电子设备、存储介质与流程

1.本申请涉及视频处理技术领域，具体而言，涉及一种视频播放处理方法及装置、电子设备、计算机可读存储介质。


背景技术：

2.随着终端设备智能化程度的不断发展，通过终端设备来播放视频的方式也越来越受到用户认可。在现有的视频播放方案中，通过在视频播放过程中同时播放大量用户对于视频的评论，以提升用户观看视频时的互动性，但是这种方案难以给用户带来眼前一亮的视觉效果。


技术实现要素：

3.为解决上述技术问题，本申请的实施例提供了一种视频播放处理方法及装置、电子设备、计算机可读存储介质。
4.根据本申请实施例的一个方面，提供了一种视频播放处理方法，包括：获取待播放的视频；根据用于组成视频播放区域的多个碎片几何体的排列情况，将所述视频中含有的视频帧画面碎裂为多个画面碎片，并将所述多个画面碎片映射至所述多个碎片几何体的表面，以在所述多个碎片几何体的表面上显示对应的画面碎片；随着视频播放过程中视频帧画面的更新，相应更新所述多个碎片几何体表面上显示的画面碎片。
5.根据本申请实施例的一个方面，提供了一种视频播放处理装置，包括：视频获取模块，配置为获取待播放的视频；画面碎裂及映射模块，配置为根据用于组成视频播放区域的多个碎片几何体的排列情况，将所述视频中含有的视频帧画面碎裂为多个画面碎片，并将所述多个画面碎片映射至所述多个碎片几何体的表面，以在所述多个碎片几何体的表面上显示对应的画面碎片；画面碎片更新模块，随着视频播放过程中视频帧画面的更新，相应更新所述多个碎片几何体表面上显示的画面碎片。
6.根据本申请实施例的一个方面，提供了一种电子设备，包括处理器及存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现如上所述的视频播放处理方法。
7.根据本申请实施例的一个方面，提供了一种计算机可读存储介质，其上存储有计算机可读指令，当所述计算机可读指令被计算机的处理器执行时，使计算机执行如上所述的视频播放处理方法。
8.根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各种可选实施例中提供的视频播放处理方法。
9.在本申请的实施例提供的技术方案中，视频播放区域由多个碎片几何体排列组成，通过将视频中含有的视频帧画面碎裂为多个画面碎片，并将多个画面碎片映射至多个
碎片几何体的表面进行显示，并在视频播放过程中随着视频帧画面的更新，相应更新多个碎片几何体表面上显示的画面碎片，能够在视频播放区域中模拟出视频画面被碎裂的视觉效果，由此带给用户强烈的视觉冲击，达到提升用户观看和参与互动的目的。
10.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。
附图说明
11.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术者来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
12.图1是本申请涉及的一种实施环境的示意图；
13.图2是根据一示例性实施例示出的视频播放处理方法的流程图；
14.图3是根据一示例性实施例示出的视频帧画面的视觉效果示意图；
15.图4是图2所示实施例中的步骤s130在一个实施例中的流程图；
16.图5是图4所示实施例中的步骤s135在一个实施例中的流程图；
17.图6是一示例性实施例示出的碎片几何体正表面以及纹理贴图的示意图；
18.图7是针对图6所示的碎片几何体正表面与纹理贴图进行二维坐标进行关联得到的一效果示意图；
19.图8是针对图6所示的碎片几何体正表面与纹理贴图进行二维坐标进行关联得到的另一效果示意图；
20.图9是根据另一示例性实施例示出的视频帧画面的视觉效果示意图；
21.图10是本申请的一示例性实施例涉及的视频播放处理流程示意图；
22.图11是本申请的一示例性实施例示出的视频播放处理装置的框图；
23.图12示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
具体实施方式
24.这里将详细地对示例性实施例执行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
25.附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
26.附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
27.还需要说明的是：在本申请中提及的“多个”是指两个或者两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b可以表示：单独存在a，同时存
在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
28.请参阅图1，图1示出了用户a使用移动终端10提供的视频播放页面进行视频观看的场景示意图，若用户a点击视频播放页面中的视频播放区域中显示的“播放”按钮，该视频播放区域则播放相应的视频画面。其中，终端10可以是智能手机、平板、笔记本电脑、计算机等任意能够播放视频的电子设备。
29.为使得视频播放过程中能够提升用户的互动性，本申请的实施例提出一种视频播放处理方法、装置、电子设备和计算机可读存储介质，用以在视频播放区域中模拟出视频画面被碎裂的视觉效果，由此带给用户强烈的视觉冲击，达到提升用户观看和参与互动的目的。
30.图2是根据一示例性实施例示出的视频播放处理方法的流程图，该方法可以由图1所示的终端10执行。如图2所示，该方法可以包括步骤s110至步骤s150，详细介绍如下：
31.步骤s110，获取待播放的视频。
32.在本实施例中，待播放的视频也即是视频源，该视频源通常与视频播放区域相关联，例如使用html5(是构建网页内容的一种语言描述方式)中用于定义视频的<video>标签将待播放的视频嵌入到终端页面中，以建立视频与视频播放区域的关联，实现在视频播放区域中播放该视频源。
33.待播放的视频具体可以是mp4、ogg、webm等格式的视频，本实施例不进行限制。
34.步骤s130，根据用于组成视频播放区域的多个碎片几何体的排列情况，将视频中含有的视频帧画面碎裂为多个画面碎片，并将多个画面碎片映射至多个碎片几何体的表面，以在多个碎片几何体的表面上显示对应的画面碎片。
35.本实施例涉及的碎片几何体是指在视频播放区域中模拟显示的三维物体，例如是正方体、长方体或者其它形状的三维物体，具体形状可根据实际需求进行设置，本实施例不进行限制。
36.本实施例设置视频播放区域由多个碎片几何体排列构成，并通过多个碎片几何体“共享”播放同一个视频，视频播放区域中所模拟的各个三维物体相当于是视频播放区域中的碎片，进而模拟出视频被碎裂的视觉效果，由此带给用户强烈的视觉冲击。
37.为实现多个碎片几何体“共享”播放同一个视频，本实施例按照组成视频播放区域的多个碎片几何体的排列将待播放的视频中含有的视频帧画面碎裂为多个画面碎片，以使得碎裂得到得多个画面碎片与多个碎片几何体相互对应，并通过将多个画面碎片映射至视频播放区域中的多个碎片几何体的表面，即可将画面碎片相应显示在多个碎片几何体的表面上，从而形成视频帧画面被碎裂的视觉效果。
38.例如图3所示，图3a中示出了一的视频帧画面，图3b中示出了视频播放区域中针对图3a所示的视频帧画面进行显示的画面效果。该示例性的视频播放区域由程行列排布的200个碎片几何体的表面拼接组成，通过将图3a中的视频帧画面碎裂为多个画面碎片，并将碎裂得到的多个画面碎片映射至对应的碎片几何体的表面，即可在多个碎片几何体的表面上显示相应的画面碎片，图3所示的方框标识区域即指示了画面碎片在相应碎片几何体表面上的显示，进而形成了图3b中示出的视频帧画面被碎裂的视觉效果。
39.需要说明的是，图3b中所示的视频播放区域中的多个碎片几何体还具有不同的色彩，以基于色彩来进一步凸显出视频帧画面被碎裂的视觉效果，从而带给用户更加强烈的
视觉冲击。
40.步骤s150，随着视频播放过程中视频帧画面的更新，相应更新多个碎片几何体表面上显示的画面碎片。
41.由于视频播放是动态过程，且视频中含有若干视频帧图像，为实现视频播放区域中的碎片几何体的外观随着视频播放而发生改变，模拟出视频像是被映射在碎片上播放的视觉效果，本实施例随着视频播放过程中视频帧画面的更新，需相应更新视频播放区域中的多个碎片几何体表面上显示的画面碎片，所更新显示的画面碎片是针对视频播放过程中更新的视频帧画面进行碎裂得到的。
42.通过本实施例提供的方案，不需要美术人员提前为多个碎片几何体制作不同的视频，仅需要获取一个待播放的视频，即可在视频播放区域中模拟出该视频在播放过程中被碎裂的视觉效果，不仅能够提升用户观看视频的积极性和互动性，也可以降低实现视频碎裂播放的美术制作成本。
43.图4是图2所示实施例中的步骤s130在一个实施例中的流程图。如图4所示，根据用于组成视频播放区域的多个碎片几何体的排列情况，将视频中含有的视频帧画面碎裂为多个画面碎片，并将多个画面碎片映射至多个碎片几何体的表面的过程可以包括步骤s131至步骤s135，详细介绍如下：
44.步骤s131，根据待播放的视频中含有的视频帧画面生成纹理贴图，纹理贴图为应用于物体表面的图像。
45.本实施例使用纹理贴图来使碎片几何体使用视频帧画面中相应画面碎片作为外观，从而得以拼接得到完整的视频帧画面。纹理贴图使一种应用于物体表面的图像，在本实施例即是应用于碎片几何体的表面，它用于改变碎片表面的颜色、亮度或者其它外观，以使物体看起来更加真实。
46.在一个实施例中，可利用视频纹理生成组件根据待播放的视频中含有的视频帧画面生成纹理贴图，该视频纹理生成组件为终端中运行的三维渲染引擎中含有的功能组件，用于根据视频中含有的视频帧画面来生成纹理贴图，并且所生成的纹理贴图能够随着视频播放过程中视频帧画面的变化而相应地变化。
47.例如，threejs一种运行在终端浏览器中的3d引擎，用于在网页中创建各种三维场景，其是通过对webgl(一种3d绘图协议，用于提供硬件3d加速渲染)接口的封装与简化而形成的一个易用的3d图形库，其中包括了摄影机、光影、材质等各种对象，可通过threejs中封装的videotexture视频纹理生成组件来创建使用视频来作为纹理贴图的对象。使用videotexture可以自动获得视频每一视频帧画面的内容，同时还可以将视频帧画面动态更新到碎片几何体上，进而使得碎片几何体的纹理属性随着视频的播放不断地发生变化。
48.步骤s133，生成用于组成视频播放区域的多个碎片几何体。
49.本实施例通过多个碎片几何体表面的拼接来共享显示同一视频帧画面，以营造视频帧画面被碎裂的视觉效果，因此需要生成多个碎片几何体，并由这些碎片几何体来组成视频播放区域。
50.本实施例仍可通过threejs引擎来生成多个碎片几何体，但需要预先设置碎片几何体的几何结构属性参数和材质属性参数，其中几何结构属性参数用于描述碎片几何体的物理形状，材质属性参数用于描述碎片几何体的视觉外观。threejs引擎按照预先设置的几
何结构属性参数和材质属性参数即可生成相应的碎片几何体。
51.碎片几何体的几何结构属性参数除包括长度、宽度及高度外，还可包括二维坐标、顶点位置向量、面片索引、法向量等参数，其中二维坐标用来描述碎片几何体的平面位置，例如采用uv坐标来定位碎片几何体中的任一位置，面片索引是指碎片几何体中某个具体的面在碎片几何体中的索引编号。材质属性参数可包括颜色、明暗、透明度等参数。需要说明的是，由于视频帧画面作为纹理贴图显示在碎片几何体所拼接组成的视频播放区域中，步骤s131中生成的纹理贴图也需要作为碎片几何体的其中一项材质属性参数。
52.为实现多个碎片几何体拼接组成视频播放区域的情形，本实施例还需根据待播放的视频中含有的视频帧画面的长度和高度，来确定碎片几何体在视频播放区域中的行列排列情况，例如根据视频帧画面的长度确定视频播放区域中碎片几何体的长度以及列数，根据视频帧画面的高度确定视频播放区域中碎片几何体的高度和行数。举例来说，为了将整个视频帧画面显示在200个碎片几何体中，碎片几何体在视频播放区域中的行列排序为10
×
20，每个碎片几何体的长度应为视频帧画面长度的1/20，每个碎片几何体的高度应为视频帧画面高度的1/10。碎片几何体的厚度(也即宽度)可根据实际需求进行设置，例如设置碎片几何体具有一定的厚度使其可见即可。
53.由此，根据预设的几何结构属性参数及材质属性参数相应生成碎片几何体的物理形状及视觉外观，并按照碎片几何体在所述视频播放区域中的行列排序情况在所述视频播放区域中生成多个碎片几何体，即可得到符合视频帧画面呈碎裂视觉效果的视频播放区域。
54.在一个实施例中，可利用几何体生成组件根据预设的几何结构属性参数创建碎片几何体的物理形状，以及利用材质生成组件基于预设的材质属性参数创建所述碎片几何体的视觉外观，该几何体生成组件和该材质生成组件均为终端中运行的三维渲染引擎所含有的功能组件，以根据创建的物理形状及视觉外观得到碎片几何体。
55.示例性的，可使用threejs引擎中含有的boxbuffergeometry(立方缓冲几何体)几何体生成组件来创建碎片几何体的物理形状，以减少碎片几何体生成过程中对终端gpu(graphics processing unit，图形处理器)传输数据的开销，也可以使用其它的几何体生成组件，可根据实际需求进行设置，本处不对此进行限制。
56.可使用threejs引擎中含有的meshlambertmaterial(朗伯反射网格反射材质)材质生成组件来创建碎片几何体的视觉外观，使得碎片几何体即使被光线直射也不会产生明显的反光，以减少光源对视频播放的影响，也可以使用其它的材质生成组件，本处也不对此进行限制。在材质生成组件创建碎片几何体的视觉外观时，需要将生成的视频纹理传入材质生成组件中，以使得视频纹理能够作用于碎片几何体的视觉外观生成过程中。
57.在一些实施例中，用于生成碎片几何体的材质属性参数包括颜色，并且视频播放区域中的碎片几何体的颜色按照在视频播放区域中的排列顺序逐渐变化。示例性的，可为每列碎片几何体设置不同的颜色基调，并设置每列碎片几何体的颜色在此颜色基调下随着行数的递增而逐渐变化。其中，碎片几何体的颜色可通过色相、饱和度以及亮度等参数体现。基于本实施例为碎片几何体设置的颜色，能够进一步凸显视频帧画面被碎裂的视频播放效果。
58.步骤s135，通过绑定碎片几何体的表面顶点与纹理贴图上对应像素点的二维坐
标，将纹理贴图碎裂为多个碎片并对应映射至多个碎片几何体的表面。
59.为了实现纹理贴图的碎裂，将得到的碎片映射至对应的碎片几何体的表面上显示，本实施例需绑定碎片几何体的表面顶点与纹理贴图上对应像素点的二维坐标，由此将纹理贴图上对应像素点的二维坐标赋予至碎片几何体的表面顶点，对于视频播放区域来说，基于碎片几何体的表面顶点的二维坐标来实现碎裂，对于视频纹理来说，基于对应像素点的二维坐标来实现视频帧画面的碎裂，通过二者之间相互映射从而实现在组成视频播放区域的多个碎片几何体的表面上显示对应的画面碎片。
60.本实施例基于纹理贴图来为碎片几何体的表面赋予外观，使得视频帧画面得以在由碎片几何体拼接组成的整体表面上显示，还基于碎片几何体的表面顶点与纹理贴图中对应像素点的二维坐标之间的映射，得以将视频帧画面进行碎裂，实现将碎裂得到的画面碎片映射至相应碎片几何体的表面上显示，由此实现视频帧画面在视频播放区域被碎裂的视觉效果。
61.在一个实施例中，如图5所示，步骤s135通过步骤s1351至步骤s1355实现，详细介绍如下：
62.步骤s1351，获取由所有碎片几何体的正表面顶点所形成的二维平面图。
63.在本实施例中，碎片几何体的正表面是指面向用户的表面，视频播放区域由所有碎片几何体的正表面拼接组成。本实施例借助于二维坐标来实现每一碎片几何体显示视频帧画面中对应的一画面碎片，每个碎片几何体所显示的画面碎片各不相同，并且所有碎片几何体上显示的画面碎片组成完整的视频帧画面。
64.二维坐标具体为uv坐标，uv坐标是指纹理贴图坐标，由于纹理贴图是一个二维平面图，纹理坐标具有u和v两个坐标轴，u代表横向坐标轴上的坐标分布，v代表纵向坐标轴上的坐标分布，它们的取值范围均为0至1，某个点的uv坐标取值代表该点距离纹理贴图原点的百分比距离，因此通过uv坐标可以准确地定位二维平面图中的点。本实施例基于此原理，首先获取由所有碎片几何体的正表面顶点所形成的二维平面图，该二维平面图中包含有所有碎片几何体的正表面顶点，通过这些正表面顶点即可以将该二维平面图划分为多个碎片，后续通过建立步骤s131中生成的纹理贴图中像素点与该二维平面图中的正表面顶点之间的关联，则可以将纹理贴图划分为相应的多个碎片。
65.步骤s1353，对纹理贴图进行变换处理，变换后的纹理贴图的形状为正方形，且变换后的纹理贴图的大小与二维平面图的大小对应。
66.为了实现依据步骤s1351中获取的二维平面图对步骤s131中生成的纹理贴图进行准确划分，本实施例需对纹理贴图进行变换处理，以使得变换后的纹理贴图的大小与步骤s1351中获取的二维平面图相对应。变换后的纹理贴图的形状为正方形。
67.步骤s1355，将二维平面图中含有的顶点与变换后的纹理贴图中对应于同一位置的像素点进行二维坐标关联，以将变换后的纹理贴图划分为多个图像区域，多个图像区域用于对应填充至所有碎片几何体的正表面。
68.本实施例将二维平面图中含有的顶点与变换后的纹理贴图中对应于同一位置的像素点进行二维坐标关联，具体需要在该二维平面图中确定原点，将该二维平面图中的原点与变换后的纹理贴图的原点进行关联，而针对该二维平面图中除原点以外的其它顶点，则将变换后的纹理贴图中对应像素点的二维坐标作为其它顶点的二维坐标。
69.由此，在所获得的二维平面图中，原点以及除原点以外的其它顶点均获得相应的二维坐标，基于二维坐标之间的映射，即可参照二维平面图中的碎片几何体的正表面拼接情况，将变换后的纹理贴图相应划分为多个图像区域，也即是将变换后的纹理贴图碎裂为多个碎片。通过将这些碎片对应地填充至所有碎片几何体的正表面，则可实现将纹理贴图碎裂为多个碎片并对应映射至多个碎片几何体的表面。
70.由于变换后的纹理贴图的大小与二维平面图的大小对应，通过二维平面图中顶点与变换后的纹理贴图中对应像素点的二维坐标的映射，使得该二维平面上的每个顶点都有了纹理贴图带来的颜色信息。对于顶点与顶点之间未关联二维坐标的点，通过插值算法即可将纹理贴图中对应的像素信息自动填充至二维平面图中，基于变换后的纹理贴图碎裂得到的多个碎片由此即可相应填充至多个碎片几何体的正表面。
71.变换后的纹理贴图中的像素点与二维平面中碎片几何体顶点之间的uv坐标映射过程可参考图6
‑
8所示的过程。如图6所示，图6中左侧图片示出了一正方体形状的碎片几何体的正表面，图6中右侧图像示出了一纹理贴图，若设置左侧正方形左上角顶点的uv坐标为(0，0)，终端中运行的三维渲染引擎从右侧的纹理贴图中获取距离纹理贴图原点(0％，0％)位置的像素点的颜色信息，并把该颜色信息填充到左侧正方形左上角顶点上，以此类推，若设置左侧正方形另外3个顶点的uv坐标为(1，0)、(0，1)以及(1，1)，三维渲染引擎从右侧的纹理贴图中获取距离纹理贴图原点(100％，0％)、(0％，100％)以及(100％，100％)位置的像素点的颜色信息填充至左侧对应顶点上，左侧正方形中其它位置通过插值算法从右侧的纹理贴图中填充相应的像素信息，得到图7所示的填充结果。如果仅设置左侧正方形左上角顶点的uv坐标为(0，0)，并设置左侧正方形右下角顶点的uv坐标为(0.5，0.5)，则可以得到图8所示填充结果。
72.可见，通过设置每个碎片几何体正表面顶点的uv坐标，即可使得每个碎片几何体分别对应于视频帧画面的一部分，根据uv坐标提取局部视频帧画面应映射到各个碎片几何体上，达到多个碎片几何体“共享”同一视频帧画面的视觉碎裂效果。
73.在如上的实施例中，是将视频帧画面对应的画面碎片相应填充至各个碎片几何体的正表面上显示。但在一些实施例中，还可以将碎片几何体的正表面上填充的像素信息对应填充至除正表面以外的其它各个表面上，以使得碎片几何体的各个表面上都能显示同样的画面内容，当碎片几何体呈旋转状态时，相应表面上显示的画面内容对于用户可见。在另一些实施例中，可将碎片几何体的其它各个表面的顶点与变换后纹理贴图中的像素点进行关联，以将变换后的纹理贴图中含有的像素信息填充至碎片几何体的其它各个表面。该实施例中的碎片几何体的各个表面则可以分别显示不同的画面内容，具体可采用前述实施例中记载的uv坐标映射实现，本处不进行赘述。
74.在一些实施例中，在视频播放区域中生成的多个碎片几何体还按照预设的旋转属性参数进行旋转，旋转属性参数包括旋转方向、旋转步进值、旋转周期中的至少一种。如图9所示，视频播放区域中的碎片几何体分别处于不同的旋转角度，并通过碎片几何体所显示的颜色来凸显视频帧画面被碎裂的视觉效果，以进一步提升视频播放对于用户的视觉冲击。
75.此外，考虑到在大多数终端所加载的浏览器页面中，无法实现视频的自动播放，需要用户在页面中的触屏行为来启动视频播放，因此需要监测视频播放区域中触发生成的视
频播放指令。例如，浏览器页面中设置有按钮去引导用户点击触发播放视频，当检测到浏览器中触发的按钮点击事件时，则视为检测到了视频播放指令，从而在视频播放区域中获取待播放的视频，并基于后续步骤使得待播放的视频在视频播放区域中呈现出视频帧画面被碎裂的视频播放视觉效果。
76.在一个示例性的应用场景中，涉及的视频播放处理流程如图10所示，在获取待播放的视频后，生成纹理贴图，并基于为碎片几何体创建的视觉外观和物理形状，生成用于组成视频播放区域的多个碎片几何体。其中，所生成的纹理贴图需引入碎片几何体的视觉外观中。通过设置碎片几何体正表面顶点的uv坐标，将纹理贴图按照碎片几何体在视频播放区域中的排布进行碎裂，并映射至相应碎片几何体的表面上进行显示。当检测到视频播放页面中触发的视频播放指令时，开始播放视频，在视频播放过程中，相应更新当前播放的视频帧画面，且相应更新碎片几何体表面的纹理。通过在终端中进行屏幕渲染，碎片几何体的表面上得以显示视频帧画面的内容，由此实现视频播放过程中的画面碎裂视觉效果。此过程仅需获取一个原始视频即可在终端上模拟视频碎裂播放的视觉效果，其它的过程均由程序自动实现，既能够为用户带来新奇感，提升用户在视频播放过程中参与交互，同时也不需要美术人员提前为各个碎片几何体的表面制作不同的视频显示画面，能够大大地降低美术制作成本。
77.图11是本申请的一示例性实施例示出的视频播放处理装置的框图。如图11所示，该装置包括：
78.视频获取模块210，配置为获取待播放的视频；画面碎裂及映射模块230，配置为根据用于组成视频播放区域的多个碎片几何体的排列情况，将视频中含有的视频帧画面碎裂为多个画面碎片，并将多个画面碎片映射至多个碎片几何体的表面，以在多个碎片几何体的表面上显示对应的画面碎片；画面碎片更新模块250，随着视频播放过程中视频帧画面的更新，相应更新多个碎片几何体表面上显示的画面碎片。
79.该装置不需要美术人员提前为多个碎片几何体制作不同的视频，仅需要获取一个待播放的视频，即可在视频播放区域中模拟出该视频在播放过程中被碎裂的视觉效果，不仅能够提升用户观看视频的积极性和互动性，也可以降低实现视频碎裂播放的美术制作成本。
80.在另一示例性实施例中，画面碎裂及映射模块230包括：
81.纹理贴图生成单元，配置为根据视频中含有的视频帧画面生成纹理贴图，纹理贴图为应用于物体表面的图像；碎片几何体生成单元，配置为生成用于组成视频播放区域的多个碎片几何体；纹理碎片映射单元，配置为通过绑定碎片几何体的表面顶点与纹理贴图上对应像素点的二维坐标，将纹理贴图碎裂为多个碎片并对应映射至多个碎片几何体的表面。
82.在另一示例性实施例中，纹理碎片映射单元包括：
83.二维平面图获取子单元，配置为获取由所有碎片几何体的正表面顶点所形成的二维平面图，其中，视频播放区域由所有碎片几何体的正表面拼接组成；纹理贴图变换子单元，配置为对纹理贴图进行变换处理，变换后的纹理贴图的形状为正方形，且变换后的纹理贴图的大小与二维平面图的大小对应；二维坐标关联子单元，配置为将二维平面图中含有的顶点与变换后的纹理贴图中对应于同一位置的像素点进行二维坐标关联，以将变换后的
纹理贴图划分为多个图像区域，多个图像区域用于对应填充至所有碎片几何体的正表面。
84.在另一示例性实施例中，二维坐标关联子单元包括：
85.原点关联子单元，配置为在二维平面图中确定原点，将二维平面图中的原点与变换后的纹理贴图的原点进行关联；顶点关联子单元，配置为针对二维平面图中除原点以外的其它顶点，将变换后的纹理贴图中对应像素点的二维坐标作为其它顶点的二维坐标。
86.在另一示例性实施例中，纹理碎片映射单元还包括：
87.像素填充子单元，配置为将碎片几何体的正表面上填充的像素信息对应填充至除正表面以外的其它各个表面上；或者将碎片几何体的其它各个表面的顶点与变换后纹理贴图中的像素点进行关联，以将变换后的纹理贴图中含有的像素信息填充至碎片几何体的其它各个表面。
88.在另一示例性实施例中，碎片几何体生成单元包括：
89.行列信息获取子单元，配置为根据视频中含有的视频帧画面的长度和高度，确定碎片几何体在视频播放区域中的行列排序情况；几何体生成子单元，配置为根据预设的几何结构属性参数及材质属性参数相应生成碎片几何体的物理形状及视觉外观，并按照碎片几何体在视频播放区域中的行列排序情况在视频播放区域中生成多个碎片几何体，其中，材质属性参数包括纹理贴图。
90.在另一示例性实施例中，几何体生成子单元配置为利用几何体生成组件根据预设的几何结构属性参数创建碎片几何体的物理形状，以及利用材质生成组件基于预设的材质属性参数创建碎片几何体的视觉外观，其中，几何体生成组件和材质生成组件为终端中运行的三维渲染引擎所含有的功能组件；根据创建的物理形状及视觉外观得到碎片几何体。
91.在另一示例性实施例中，材质属性参数还包括颜色，视频播放区域中的碎片几何体的颜色按照在视频播放区域中的排列顺序逐渐变化。
92.在另一示例性实施例中，视频播放区域中生成的多个碎片几何体还按照预设的旋转属性参数进行旋转，旋转属性参数包括旋转方向、旋转步进值、旋转周期中的至少一种。
93.在另一示例性实施例中，纹理贴图生成单元配置为利用视频纹理生成组件根据视频中含有的视频帧画面生成纹理贴图，其中，视频纹理生成组件为终端中运行的三维渲染引擎所含有的功能组件，所生成的纹理贴图随着视频播放过程中视频帧画面的变化而变化。
94.在另一示例性实施例中，视频播放区域加载于终端含有的浏览器页面中，该装置还包括：
95.视频播放指令检测模块，配置为检测所示视频播放区域中触发生成的视频播放指令，如果检测到视频播放指令，则针对视频播放区域获取待播放的视频。
96.需要说明的是，上述实施例所提供的装置与上述实施例所提供的方法属于同一构思，其中各个模块和单元执行操作的具体方式已经在方法实施例中进行了详细描述，此处不再赘述。
97.本申请的实施例还提供了一种电子设备，包括处理器和存储器，其中，存储器上存储有计算机可读指令，该计算机可读指令被处理器执行时实现如前所述的视频播放处理方法。
98.图12示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
99.需要说明的是，图12示出的电子设备的计算机系统1600仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
100.如图12所示，计算机系统1600包括中央处理单元(central processing unit，cpu)1601，其可以根据存储在只读存储器(read
‑
only memory，rom)1602中的程序或者从储存部分1608加载到随机访问存储器(random access memory，ram)1603中的程序而执行各种适当的动作和处理，例如执行上述实施例中所述的方法。在ram 1603中，还存储有系统操作所需的各种程序和数据。cpu 1601、rom 1602以及ram 1603通过总线1604彼此相连。输入/输出(input/output，i/o)接口1605也连接至总线1604。
101.以下部件连接至i/o接口1605：包括键盘、鼠标等的输入部分1606；包括诸如阴极射线管(cathode ray tube，crt)、液晶显示器(liquid crystal display，lcd)等以及扬声器等的输出部分1607；包括硬盘等的储存部分1608；以及包括诸如lan(local area network，局域网)卡、调制解调器等的网络接口卡的通信部分1609。通信部分1609经由诸如因特网的网络执行通信处理。驱动器1610也根据需要连接至i/o接口1605。可拆卸介质1611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1610上，以便于从其上读出的计算机程序根据需要被安装入储存部分1608。
102.特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的计算机程序。在这样的实施例中，该计算机程序可以通过通信部分1609从网络上被下载和安装，和/或从可拆卸介质1611被安装。在该计算机程序被中央处理单元(cpu)1601执行时，执行本申请的系统中限定的各种功能。
103.需要说明的是，本申请实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(erasable programmable read only memory，eprom)、闪存、光纤、便携式紧凑磁盘只读存储器(compact disc read
‑
only memory，cd
‑
rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的计算机程序。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的计算机程序可以用任何适当的介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。
104.附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。其中，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注
的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
105.描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。
106.本申请的另一方面还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如前所述的视频播放处理方法。该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的，也可以是单独存在，而未装配入该电子设备中。
107.本申请的另一方面还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各个实施例中提供的视频播放处理方法。
108.上述内容，仅为本申请的较佳示例性实施例，并非用于限制本申请的实施方案，本领域普通技术人员根据本申请的主要构思和精神，可以十分方便地进行相应的变通或修改，故本申请的保护范围应以权利要求书所要求的保护范围为准。