CN114363697A - 视频文件生成、播放方法及装置 - Google Patents

Abstract

本申请公开了一种视频文件生成方法。该方法包括：采用预设频率获取待播放视频的视频帧；根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。本申请可减少视频文件的大小。

Description

视频文件生成、播放方法及装置

技术领域

本申请涉及视频技术领域，尤其涉及一种视频文件生成、播放方法及装置。

背景技术

通常，视频文件是由多帧视频帧组成，当需要通过网页对视频文件进行播放时，需要先从服务器中下载视频文件，然后对视频文件进行解析与播放。

然而，发明人发现，当视频文件较大时，由于网络的影响，在通过网页播放视频文件时，经常会出现卡顿及黑屏等异常现象。

发明内容

有鉴于此，现提供一种视频文件生成、播放方法、装置、计算机设备及计算机可读存储介质，以解决现有的视频文件较大时，在通过网页播放视频文件时，经常会出现卡顿及黑屏等异常现象的问题。

本申请提供了一种视频文件生成方法，包括：

采用预设频率获取待播放视频的视频帧；

根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；

根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；

根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

可选地，根据首帧视频帧与获取到的所有的视频帧确定视频动态区域包括：

对所述首帧视频帧进行灰度处理和模糊处理，得到第一灰度图片；

对获取到的所有的视频帧进行灰度处理和模糊处理，得到多张第二灰度图片；

分别对所述第一灰度图片的每一个像素点与所有的第二灰度图片的对应像素点进行绝对差值计算，得到多张差值图片；

对所有的差值图片进行二值化处理及膨胀处理，得到多张二值化图片；

对所有的二值化图片进行边缘检测，并对检测到的边缘区域进行边缘矩形提取，得到所有的二值化图片的边缘矩形；

将所有的边缘矩形聚合在同一张图像上，得到边缘矩形图像；

对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像；

将处理后的边缘矩形图像中包含的矩形区域作为所述待播放视频中的视频动态区域。

可选地，对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像包括：

对所述边缘矩形图像进行边缘检测，得到所述边缘矩形图像中包含的所有的边缘矩形；

将所有的边缘矩形中面积小于第一预设阈值的边缘矩形删除，并将剩余的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

可选地，所述视频动态区域包括多个矩形区域，所述根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片包括：

判断每一个矩形区域的面积是否大于第二预设阈值；

若矩形区域的面积超过第二预设阈值，则采用预设的切分规则将矩形区域切分为多个视频动态区域块，及若矩形区域的面积不超过所述第二预设阈值，则将矩形区域作为一个视频动态区域块；

根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片。

可选地，所述根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片包括：

根据第一个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第一组截图图片；

根据第i个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第i组截图图片，其中，1＜i≤N，i为正整数，N为视频动态区域块的数量。

可选地，根据所述首帧视频帧及所述至少一组截图图片生成视频文件包括：

将所述至少一组截图图片进行图片合成，得到至少一张序列帧图片；

根据所述首帧视频帧及所述至少一张序列帧图片生成视频文件。

本申请还提供了一种视频文件播放方法，包括

响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成；

以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

可选地，所述视频动态区域包括多个视频动态区域块，所述以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片包括：

获取处于当前屏幕播放区域中的视频动态区域块；

以所述首帧视频帧作为背景图，并根据获取到的视频动态区域块的第一位置信息在所述首帧视频帧中与所述第一位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

本申请还提供了一种视频文件生成装置，包括：

获取模块，用于采用预设频率获取待播放视频的视频帧；

确定模块，用于根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；

截图模块，用于根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；

生成模块，用于根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

本申请还提供了一种视频文件播放装置，包括：

响应模块，用于响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成；

播放模块，用于以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

本申请还提供了一种计算机设备，所述计算机设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述方法的步骤。

本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述方法的步骤。

本申请通过预先对待播放视频的视频动态区域进行检测；然后，根据视频动态区域块的位置信息对获取到的所有的视频帧执行截图操作，从而可以得到至少一组截图图片；最后，根据该至少一组截图图片及首帧视频帧合成视频文件。在本申请中，由于截图得到的一组截图图片的尺寸比待播放视频中的除首帧视频帧的其他所有视频帧的总体尺寸小了很多，因此，在本实施例中，生成的视频文件的大小比原始的待播放视频文件的大小将小很多。这样，在通过网页播放视频文件时，由于视频文件的尺寸小了很多，因此，在播放视频文件时，将可以快速下载到视频文件，从而可以减少因网络影响导致出现卡顿及黑屏等异常现象的概率，提高用户体验。

附图说明

图1为本申请实施例的视频文件生成、播放方法的环境示意图；

图2为本申请所述的视频文件生成方法的一种实施例的流程图；

图3为本申请一实施方式中根据首帧视频帧与获取到的所有的视频帧确定视频动态区域的步骤细化流程示意图；

图4为本申请一实施方式中的对图像进行膨胀处理前后的对照图；

图5为本申请一实施方式中对二值化图片的进行外接矩形提取操作前后的对照图；

图6为本申请一实施方式中的聚合得到的边缘矩形图像示意图；

图7为本申请一实施方式中对所有边缘矩形进行合并处理前后的对照图；

图8为本申请一实施方式中对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像的步骤细化流程示意图；

图9为本申请一实施方式中根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片的步骤细化流程示意图；

图10为本申请一实施方式中对矩形区域进行切分后的示意图；

图11为本申请一实施方式中根据所述首帧视频帧及所述至少一组截图图片生成视频文件的步骤细化流程示意图；

图12为本申请一实施方式中得到的多组截图图片的示意图；

图13为本申请所述的视频文件播放方法的一种实施例的流程图；

图14为本申请一实施方式中以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片的步骤细化流程示意图；

图15为对视频文件的播放示意图；

图16为本申请所述的视频文件生成装置的一种实施例的程序模块图；

图17为本申请所述的视频文件播放装置的一种实施例的程序模块图；

图18为本申请实施例提供的执行视频文件生成、播放方法的计算机设备的硬件结构示意图。

具体实施方式

以下结合附图与具体实施例进一步阐述本申请的优点。

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在本公开使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其它含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本公开可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本公开范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

在本申请的描述中，需要理解的是，步骤前的数字标号并不标识执行步骤的前后顺序，仅用于方便描述本申请及区别每一步骤，因此不能理解为对本申请的限制。

图1示意性示出了根据本申请实施例的视频生成及播放方法的应用环境示意图。在示例性的实施例中，该应用环境的系统可包括第一终端设备10、服务器20及第二终端设备30。其中，第一终端设备10、第二终端设备30与服务器20形成无线或有线连接。第一终端设备10与第二终端设备30均可以为手机、iPAD，平板电脑等。服务器20可以为一台服务器或多台服务器组成的服务器集群或云计算中心等，具体此处不作限定。用户可以通过第一终端设备10中的视频生成APP(应用程序)生成动画视频文件，并将生成的视频文件上传至服务器20。第二终端设备30可以从服务器20中下载视频文件，并通过第二终端设备30中的视频播放APP对下载的视频文件进行渲染播放。

需要说明的是，上述视频生成APP及视频播放APP可以是网页客户端也可以是本地应用客户端，在本本实施例中不作限定。

参阅图2，其为本申请一实施例的视频文件生成方法的流程示意图。可以理解，本方法实施例中的流程图不用于对执行步骤的顺序进行限定。从图中可以看出，本实施例中所提供的视频文件生成方法包括：

步骤S20、采用预设频率获取待播放视频的视频帧。

具体地，所述待播放视频为由N张视频帧组成的视频，且该N张视频帧中展示的画面内容具有一定的关联性。也就是说，该N张视频帧至少在某一个区域中具有相同的内容画面。在本实施例中，N的具体取值不作限定，比如N＝120。

所述预设频率为用于对待播放视频中的视频帧进行获取的频率，其可以根据实际情况进行灵活设定与修改，通过该预设频率可以确定出需要从待播放视频中获取出多少张视频帧，比如，所述预设频率为15张/秒，待播放视频的时长为2秒钟，则表示需要在时长为2秒钟的待播放视频的所有视频帧中获取出15*2张视频帧。

在一实施方式中，在获取视频帧时，可以通过在播放所述待播放视频的过程中执行截图操作。具体而言，当所述预设频率为15张/秒时，则可以每隔1/15秒就对当前播放的视频帧进行截图，从而得到一张视频帧。

在另一实施方式中，在获取视频帧中，也可以无需真实地播放所述待播放视频，而是可以根据所述预设频率来确定具体需要从所述待播放视频中获取出哪些视频帧。具体而言，假设所述待播放视频的总共时长为2秒钟，帧率为60，即所述待播放视频总共由120帧视频帧组成，则在对所述待播放视频进行获取时，可以获取15*2＝30张视频帧。也就是说，需要每隔4帧视频帧就获取1张视频帧，具体截取的视频帧分别为第1帧视频帧、第5帧视频帧、第9帧视频帧…、第117帧视频帧。

可以理解的是，当所述预设频率与所述待播放视频的帧率相同时，则表明将待播放视频的所有视频帧都进行获取，即待播放视频的所有视频帧都为所述视频帧。

在本实施例中，由于待播放视频中的相邻两张的视频帧的内容变化不大，因此，在本实施例中，为了减少获取的视频帧的数量，可以将预设频率设置为小于待播放视频的帧率。

步骤S21，根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧。

具体地，所述视频动态区域为所述待播放视频中画面内容出现变化的区域。在本实施例中，通过根据首帧视频帧与获取到的所有的视频帧确定所述待播放视频中的视频动态区，从而可以缩小需要制作动图的区域。

其中，所述首帧视频帧可以直接从所述待播放视频对应的视频文件中直接获取。可以理解的是，当获取到的所有的视频帧中存在所述首帧视频帧，则无需再从视频文件中获取所述首帧视频帧。

在一示例性的实施方式中，参阅图3，根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧可以包括：

步骤S30，对所述首帧视频帧进行灰度处理和模糊处理，得到第一灰度图片。

步骤S31，对获取到的所有的视频帧进行灰度处理和模糊处理，得到多张第二灰度图片。

具体地，所述灰度处理为将彩色的(RGB)视频帧转换为灰度的(GRAY)视频帧。在一实施方式中，可以通过如下灰度算法进行图像的灰度处理：

GRAY＝(Red+Green+Blue)/3，其中，Red、Green、Blue分别表示为红、绿、蓝像素点，GRAY为灰度像素点。

可以理解的是，上述灰度算法是示例性的，在其他实施方式中，也可以采用其他灰度算法，在本实施例中不作限定。

所述模糊处理为通过模糊算法对视频帧进行模糊操作，以减少不必要的信息对视频帧的干扰。

所述模糊算法可以为高斯模糊算法、均值模糊算法、中值模糊算法等。在本实施例中，所述模糊算法优选为高斯模糊算法。

在一实施方式中，在对视频帧进行灰度处理和模糊处理时，可以先进行灰度处理，然后将经过灰度处理后的视频帧再进行模糊处理，从而得到灰度图片。在另一实施方式中，在对视频帧进行灰度处理和模糊处理时，也可以先进行模糊处理，然后将经过模糊处理后的视频帧再进行灰度处理，从而得到灰度图片。

步骤S32，分别对所述第一灰度图片的每一个像素点与所有的第二灰度图片的对应像素点进行绝对差值计算，得到多张差值图片。

具体地，所述绝对差值计算指的是计算两个像素点的差值，并将差值求绝对值。

作为示例，第一灰度图片为画面1、所有的第二灰度图片分别为画面2、画面3、…、画面N，则差值图片指的是将画面1的所有像素点分别与画面2、画面3、…、画面N中的所有像素点进行绝对差值后得到的画面。

需要说明的是，在对像素点进行绝对差值计算时，是将两个相对应的像素点进行绝对差值计算的，比如，画面1中的第一排的第一个像素点和画面2中的第一排的第一个像素点进行绝对差值计算。

在本实施例中，在完成将画面1中的所有像素点和画面2中的所有像素点进行对应绝对差值计算后，将计算后得到的结果组成第一张差值图片。同理，在完成将画面1中的所有像素点和画面N中的所有像素点进行对应绝对差值计算后，将计算后得到的结果组成第N-1张差值图片。

步骤S33，对所有的差值图片进行二值化处理及膨胀处理，得到多张二值化图片。

具体地，二值化处理指的是将差值图片中的像素点的灰度值设置为0或255，也就是将整个差值图片呈现出明显的黑白效果的过程，即将256个亮度等级的灰度差值图片通过适当的阈值选取而获得仍然可以反映图像整体和局部特征的二值化图像。

作为示例，可以选取阈值为5，即当差值图片中的像素点的灰度值大于或者等于5，则可以将该像素点的灰度值赋值为1；当差值图片中的像素点的灰度值小于5，则可以将该像素点的灰度值赋值为0。经过对差值图片中的所有像素点的灰度值进行重新赋值后，可以得到一张反映图像整体和局部特征的二值化图像。

所述膨胀处理指的是在图像的边缘添加像素值，使得整体的像素值扩张，进而达到图像的膨胀效果。通俗来说，膨胀处理为：如果某个黑色像素的相邻像素点中有白色像素，就把这个黑色像素变成白色，否则保持不变。

作为示例，参阅图4所示，对图4左边的图像进行膨胀处理后，可以得到如图4右边所示的图像，其中，黑色格子代表一个黑色像素点，白色格子代表一个白色像素点。

在本实施例中，在对差值图片进行膨胀处理时，可以进行多次膨胀处理，比如，预先设置迭代次数为2，则表示需要对差值图片进行2次膨胀处理。

在本实施例中，通过对N-1张差值图片进行二值化处理及膨胀处理后，可以得到N-1张二值化图片。

需要说明的是，本实施例中膨胀处理需要在对差值图片进行二值化处理后，才会进行膨胀处理。

步骤S34，对所有的二值化图片进行边缘检测，并对检测到的边缘区域进行边缘矩形提取，得到所有的二值化图片的边缘矩形。

具体地，可以采用边缘检测算法从二值化图片中检测出包含有白色像素点的边缘区域。

所述边缘矩形提取指的是对边缘区域进行外接矩形提取。作为示例，参阅图5，对二值化图片中的边缘区域进行边缘矩形提取后，可以得到边缘矩形A。

在本实施例中，对每一个二值化图片进行边缘检测和边缘矩阵提取后，可以得到一个或者多个边缘矩形，其中，每一个边缘矩形可以由都白像素点组成；每一个边缘矩形也可以只有矩形的各条边由白色像素点组成，矩形的内部由黑色像素点组成。

步骤S35，将所有的边缘矩形聚合在同一张图像上，得到边缘矩形图像。

具体地，用于聚合的图像的尺寸和所有的二值化图片的尺寸相同。

在本实施例中，对所有边缘矩形的聚合可以理解为将所有边缘矩形按照其在二值化图片的位置将其提取处理后放置在聚合的图像的相应位置中。在一具体实施方式中，聚合得到的边缘矩形图像如图6所示。

步骤S36，对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

具体地，可以通过边缘检测算法将所有的边缘矩形从边缘矩形图像中检测出来。

在一具体场景中，参阅图7，假设检测到的所有边缘矩形如图7中的左图所示，则在进行合并处理后，可以得到图7中右图所示的矩形区域B。

在一示例性的实施方式中，参阅图8，对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像可以包括：步骤S80，对所述边缘矩形图像进行边缘检测，得到所述边缘矩形图像中包含的所有的边缘矩形；S81，将所有的边缘矩形中面积小于第一预设阈值的边缘矩形删除，并将剩余的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

具体地，所述第一预设阈值可以根据实际情况进行灵活设定与修改，比如，所述第一预设阈值设定为9，则表明当边缘矩形的面积小于9个像素点时，即边缘矩形组成的像素点小于9个像素点时，可以将该边缘矩形删除，然后将其余的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

在一实施方式中，当从边缘矩形图像中检测出边缘矩形后，可以对检测到的边缘矩形做适当的膨胀处理，之后再将面积小于第一预设阈值的边缘矩形删除，并将剩余的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

步骤S37，将处理后的边缘矩形图像中包含的矩形区域作为所述待播放视频中的视频动态区域。

作为示例，处理后的边缘矩形图像如图7中右图所示，则可以将矩形区域B作为所述待播放视频中的动态区域。

步骤S22，根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片。

具体地，所述位置信息用于描述视频动态区域对应于视频帧上的位置，以便可以根据这些位置信息对视频帧中的相应区域进行裁剪。在一实施例中，可以通过坐标的方式来描述所述位置信息。

在本实施例中，所述视频动态区域可以包括一个矩形区域，也可以包括多个矩形区域，若所述视频动态区域包括多个矩形区域，则所述位置信息为多个矩形区域的第一位置信息，每一个第一位置信息用于描述该矩形区域对应于视频帧上的位置。

在本实施例中，由于得到的视频动态区域可能包括多个矩形区域，因此，在对所有的视频帧进行截取操作后，即可以得到至少一组截图图片。也就是说，截图图片的组数与矩形区域的个数相关，若矩形区域存在5个，则得到的截图图片也存在5组。

在一示例性的实施方式中，参阅图9，当所述视频动态区域包括多个矩形区域时，所述根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片可以包括：

步骤S90，判断每一个矩形区域的面积是否大于第二预设阈值。

具体地，具体地，所述第二预设阈值可以根据实际情况进行灵活设定与修改，比如，所述第二预设阈值设定为100，则表明只有当矩形区域中包含有100及以上个像素点时，才会对该矩形区域进行切分。当视频动态区域中包含的像素点个数小于100时，则不会对该矩形区域进行切分，而只是会将该矩形区域作为一个视频动态区域块。

步骤S91，若矩形区域的面积超过第二预设阈值，则采用预设的切分规则将矩形区域切分为多个视频动态区域块，及若矩形区域的面积不超过所述第二预设阈值，则将矩形区域作为一个视频动态区域块。

具体地，所述切分规则为将大尺寸的矩形区域切分为至少一个小尺寸的视频动态区域块规则。所述切分规则可以预先根据实际情况进行灵活设定与修改，比如，所述切分规则可以为按照固定宽度进行切分，比如，为当矩形区域的宽度大于100个像素点，则可以将该矩形区域切分为宽度为50个像素点的多个视频动态区域块。

步骤S92，根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片。

具体地，所述第一位置信息为用于描述视频动态区域块对应的视频帧中相应区域的坐标。

作为示例，参阅图10，经过对一个大面积的矩形区域进行切分处理后可以得到视频动态区域块1、2、3、4、5、6，即可以得到6个视频动态区域块。

在一示例性的实施方式中，参阅图11，根据所述首帧视频帧及所述至少一组截图图片生成视频文件可以包括：步骤S110，根据第一个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第一组截图图片；步骤S111，根据第i个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第i组截图图片，其中，1＜i≤N，i为正整数，N为视频动态区域块的数量。

作为示例，假设总共获取到30帧视频帧。结合图10所示，则可以根据视频动态区域块1的位置信息对30帧视频帧进行截取操作，得到图12中所示的序列1中的30张截图图片。同理，可以根据视频动态区域块2的位置信息对30帧视频帧进行裁剪，得到图12中所示的序列2中的30张截图图片；根据视频动态区域块3的位置信息对30帧视频帧进行裁剪，得到图12中所示的序列3中的30张截图图片；根据视频动态区域块4的位置信息对30帧视频帧进行裁剪，得到图12中所示的序列4中的30张截图图片；根据视频动态区域块5的位置信息对30帧视频帧进行裁剪，得到图12中所示的序列5中的30张截图图片；根据视频动态区域块6的位置信息对30帧视频帧进行裁剪，得到图12中所示的序列6中的30张截图图片。

步骤S23，根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

具体地，在进行视频文件合成时，为了后续可以方便进行视频文件的下载，在本实施例中，根据所述首帧视频帧及所述至少一组截图图片生成视频文件可以包括：将所述至少一组截图图片进行图片合成，得到至少一张序列帧图片；根据所述首帧视频帧及所述至少一张序列帧图片生成视频文件。

具体地，在进行视频合成时，可以先将每一组截图图片合成一张大的序列帧图片。结合图12所示，可以将6组截图图片合成图12所示的序列1-序列6的序列帧图片。

可以理解的是，为了可以达到最佳文件体积和显示效果，在进行图片合成时，可以将图片每一个截图图片进行竖直排布，并且可以合成格式为JPEG的序列帧图片。

在一示例性的实施方式中，在合成视频文件后，可以将该视频文件上传至服务器中，以供终端设备进行下载播放。

本实施例通过预先对待播放视频的视频动态区域进行检测；然后，根据视频动态区域块的位置信息对获取到的所有的视频帧执行截图操作，从而可以得到至少一组截图图片；最后，根据该至少一组截图图片及首帧视频帧合成视频文件。在本申请中，由于截图得到的一组截图图片的尺寸比待播放视频中的除首帧视频帧的其他所有视频帧的总体尺寸小了很多，因此，在本实施例中，生成的视频文件的大小比原始的待播放视频文件的大小将小很多。这样，在通过网页播放视频文件时，由于视频文件的尺寸小了很多，因此，在播放视频文件时，将可以快速下载到视频文件，从而可以减少因网络影响导致出现卡顿及黑屏等异常现象的概率，提高用户体验。

参阅图13，其为本申请一实施例的视频文件播放方法的流程示意图。可以理解，本方法实施例中的流程图不用于对执行步骤的顺序进行限定。从图中可以看出，本实施例中所提供的视频文件生成方法包括：

步骤S130，响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成。

具体地，当接收到用户通过客户端触发的视频文件播放操作后，会从服务器下载所述播放操作对应的视频文件。

在本实施例中，该视频文件是通过上述实施例中的视频文件生成方法所生成的。

步骤S131，以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

在一实施方式中，当视频文件包括首帧视频帧、至少一组截图图片时，则在进行视频文件的播放时，可以将该首帧视频帧作为背景图，然后，在该背景图中对应于各个视频动态区域块(各个视频动态区域块组成所述视频动态区域)的位置上进行相应的截图图片的展示。具体而言，对于该背景图上对应于视频动态区域块1的位置上可以按照预设的播放进度来展示与该视频动态区域块1所关联的一组截图图片。同理，该背景图上对应于视频动态区域块2的位置上可以按照预设的播放进度来展示与该视频动态区域块2所关联的一组截图图片。

在本实施例中，所述预设播放进度与上述实施例中对视频帧的截取频率相对应，比如，对于视频帧的截取频率为10张/秒，则在第3.3秒时需要在视频动态区域块中展示第33张截图图片。

在另一实施方式中，当视频文件包括首帧视频帧、至少一张序列帧图片时，则在进行视频文件的播放时，可以将该首帧视频帧作为背景图，然后，在该背景图中对应于各个视频动态区域块的位置上进行相应的序列帧图片中包含的截图图片的展示。具体而言，对于该背景图上对应于视频动态区域块1的位置上可以按照预设的播放进度来展示与该视频动态区域块1所关联的一张序列帧图片。同理，该背景图上对应于视频动态区域块2的位置上可以按照预设的播放进度来展示与该视频动态区域块2所关联的一张序列帧图片。

在本实施例中，所述预设播放进度与上述实施例中对视频帧的截取频率相对应，比如，对于视频帧的截取频率为10张/秒，则在第3.3秒时需要在视频动态区域块中展示序列帧图片中所包含的第33张截图图片。在进行截图图片的展示时，可以将当前序列帧图片中的除待展示的截图图片进行遮掩，只让当前需要展示的截图图片在视频动态区域块的位置上进行显示。

在一示例性的实施方式中，当采用滚动容器来对视频文件进行播放时，参阅图14，所述以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片可以包括：步骤S140，获取处于当前屏幕播放区域中的视频动态区域块；步骤S141，以所述首帧视频帧作为背景图，并根据获取到的视频动态区域块的第一位置信息在所述首帧视频帧中与所述第一位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

作为示例，参阅图15，假设在首帧视频帧中对应于5组截图图片或者5张序列帧图片(统称为5个动图)，当前屏幕播放区域为区域c，则在对视频文件进行播放时，可以先判断处于区域c中的动态区域块有哪些，经过判定，可以判断出当前处于屏幕播放区域的视频动态区域块包括动图2、动图3及动图4，则在进行视频播放时，只会对动图2、动图3及动图4中的截图图片进行展示，对于动图1及动图5中的截图图片不会进行展示，而是处于静止状态，从而减少终端设备的性能消耗。

参阅图16所示，是本申请视频文件生成装置160一实施例的程序模块图。

本实施例中，所述视频文件生成装置160包括一系列的存储于存储器上的计算机程序指令，当该计算机程序指令被处理器执行时，可以实现本申请各实施例的视频文件生成功能。在一些实施例中，基于该计算机程序指令各部分所实现的特定的操作，视频文件生成装置160可以被划分为一个或多个模块，具体可以划分的模块如下：

获取模块161，用于采用预设频率获取待播放视频的视频帧；

确定模块162，用于根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；

截图模块163，用于根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；

生成模块164，用于根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

在一示例性的实施方式中，确定模块162，还用于对所述首帧视频帧进行灰度处理和模糊处理，得到第一灰度图片；对获取到的所有的视频帧进行灰度处理和模糊处理，得到多张第二灰度图片；分别对所述第一灰度图片的每一个像素点与所有的第二灰度图片的对应像素点进行绝对差值计算，得到多张差值图片；对所有的差值图片进行二值化处理及膨胀处理，得到多张二值化图片；对所有的二值化图片进行边缘检测，并对检测到的边缘区域进行边缘矩形提取，得到所有的二值化图片的边缘矩形；将所有的边缘矩形聚合在同一张图像上，得到边缘矩形图像；对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像；将处理后的边缘矩形图像中包含的矩形区域作为所述待播放视频中的视频动态区域。

在一示例性的实施方式中，确定模块162，还用于对所述边缘矩形图像进行边缘检测，得到所述边缘矩形图像中包含的所有的边缘矩形；将所有的边缘矩形中面积小于第一预设阈值的边缘矩形删除，并将剩余的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

在一示例性的实施方式中，所述视频动态区域包括多个矩形区域，截图模块163，还用于判断每一个矩形区域的面积是否大于第二预设阈值；若矩形区域的面积超过第二预设阈值，则采用预设的切分规则将矩形区域切分为多个视频动态区域块，及若矩形区域的面积不超过所述第二预设阈值，则将矩形区域作为一个视频动态区域块；根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片。

在一示例性的实施方式中，截图模块163，还用于根据第一个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第一组截图图片；根据第i个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第i组截图图片，其中，1＜i≤N，i为正整数，N为视频动态区域块的数量。

在一示例性的实施方式中，生成模块164，还用于将所述至少一组截图图片进行图片合成，得到至少一张序列帧图片；根据所述首帧视频帧及所述至少一张序列帧图片生成视频文件。

本实施例通过预先对待播放视频的视频动态区域进行检测；然后，根据视频动态区域块的位置信息对获取到的所有的视频帧执行截图操作，从而可以得到至少一组截图图片；最后，根据该至少一组截图图片及首帧视频帧合成视频文件。在本申请中，由于截图得到的一组截图图片的尺寸比待播放视频中的除首帧视频帧的其他所有视频帧的总体尺寸小了很多，因此，在本实施例中，生成的视频文件的大小比原始的待播放视频文件的大小将小很多。这样，在通过网页播放视频文件时，由于视频文件的尺寸小了很多，因此，在播放视频文件时，将可以快速下载到视频文件，从而可以减少因网络影响导致出现卡顿及黑屏等异常现象的概率，提高用户体验。

参阅图17所示，是本申请视频文件播放装置170一实施例的程序模块图。

本实施例中，所述视频文件播放装置170包括一系列的存储于存储器上的计算机程序指令，当该计算机程序指令被处理器执行时，可以实现本申请各实施例的视频文件播放功能。在一些实施例中，基于该计算机程序指令各部分所实现的特定的操作，视频文件播放装置170可以被划分为一个或多个模块，具体可以划分的模块如下：

响应模块171，用于响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成；

播放模块172，用于以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

在一示例性的实施方式中，播放模块172，还用于获取处于当前屏幕播放区域中的视频动态区域块；以所述首帧视频帧作为背景图，并根据获取到的视频动态区域块的第一位置信息在所述首帧视频帧中与所述第一位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

图18示意性示出了根据本申请实施例的适于实现视频文件生成、播放方法的计算机设备18的硬件架构示意图。本实施例中，计算机设备18是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。例如，可以是平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图18所示，计算机设备18至少包括但不限于：可通过系统总线相互通信链接存储器120、处理器121、网络接口122。其中：

存储器120至少包括一种类型的计算机可读存储介质，该可读存储介质可以是易失性的，也可以是非易失性的，具体而言，可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器120可以是计算机设备18的内部存储模块，例如该计算机设备18的硬盘或内存。在另一些实施例中，存储器120也可以是计算机设备18的外部存储设备，例如该计算机设备18上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，存储器120还可以既包括计算机设备18的内部存储模块也包括其外部存储设备。本实施例中，存储器120通常用于存储安装于计算机设备18的操作系统和各类应用软件，例如视频文件生成、播放方法的程序代码等。此外，存储器120还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器121在一些实施例中可以是中央处理器(Central Processing Unit，简称为CPU)、控制器、微控制器、微处理器、或其它视频文件生成芯片。该处理器121通常用于控制计算机设备18的总体操作，例如执行与计算机设备18进行数据交互或者通信相关的控制和处理等。本实施例中，处理器121用于运行存储器120中存储的程序代码或者处理数据。

网络接口122可包括无线网络接口或有线网络接口，该网络接口122通常用于在计算机设备18与其它计算机设备之间建立通信链接。例如，网络接口122用于通过网络将计算机设备18与外部终端相连，在计算机设备18与外部终端之间的建立数据传输通道和通信链接等。网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(GlobalSystem of Mobile communication，简称为GSM)、宽带码分多址(Wideband Code DivisionMultiple Access，简称为WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。

需要指出的是，图18仅示出了具有部件120～122的计算机设备，但是应理解的是，并不要求实施所有示出的部件，可以替代的实施更多或者更少的部件。

在本实施例中，存储于存储器120中的视频文件生成、播放方法可以被分割为一个或者多个程序模块，并由一个或多个处理器(本实施例为处理器121)所执行，以完成本申请。

本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质其上存储有计算机程序，计算机程序被处理器执行时实现实施例中的视频文件生成、播放方法的步骤。

本实施例中，计算机可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，计算机可读存储介质可以是计算机设备的内部存储单元，例如该计算机设备的硬盘或内存。在另一些实施例中，计算机可读存储介质也可以是计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，计算机可读存储介质还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中，计算机可读存储介质通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例中的视频文件生成、播放方法的程序代码等。此外，计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的各类数据。

以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到至少两个网络单元上。可以根据实际的需要筛选出其中的部分或者全部模块来实现本申请实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域普通技术人员可以清楚地了解到各实施方式可借助软件加通用硬件平台的方式来实现，当然也可以通过硬件。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory，ROM)或随机存储记忆体(RandomAccessMemory，RAM)等。

最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (12)

1.一种视频文件生成方法，其特征在于，包括：

采用预设频率获取待播放视频的视频帧；

根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；

根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；

根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

2.根据权利要求1所述的视频文件生成方法，其特征在于，根据首帧视频帧与获取到的所有的视频帧确定视频动态区域包括：

对所述首帧视频帧进行灰度处理和模糊处理，得到第一灰度图片；

对获取到的所有的视频帧进行灰度处理和模糊处理，得到多张第二灰度图片；

分别对所述第一灰度图片的每一个像素点与所有的第二灰度图片的对应像素点进行绝对差值计算，得到多张差值图片；

对所有的差值图片进行二值化处理及膨胀处理，得到多张二值化图片；

对所有的二值化图片进行边缘检测，并对检测到的边缘区域进行边缘矩形提取，得到所有的二值化图片的边缘矩形；

将所有的边缘矩形聚合在同一张图像上，得到边缘矩形图像；

对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像；

将处理后的边缘矩形图像中包含的矩形区域作为所述待播放视频中的视频动态区域。

3.根据权利要求2所述的视频文件生成方法，其特征在于，对所述边缘矩形图像进行边缘检测，并对检测到的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像包括：

对所述边缘矩形图像进行边缘检测，得到所述边缘矩形图像中包含的所有的边缘矩形；

将所有的边缘矩形中面积小于第一预设阈值的边缘矩形删除，并将剩余的边缘矩形中具有重合区域的边缘矩形进行合并处理，得到处理后的边缘矩形图像。

4.根据权利要求1所述的视频文件生成方法，其特征在于，所述视频动态区域包括多个矩形区域，所述根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片包括：

判断每一个矩形区域的面积是否大于第二预设阈值；

若矩形区域的面积超过第二预设阈值，则采用预设的切分规则将矩形区域切分为多个视频动态区域块，及若矩形区域的面积不超过所述第二预设阈值，则将矩形区域作为一个视频动态区域块；

根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片。

5.根据权利要4所述的视频文件生成方法，其特征在于，所述根据所有的视频动态区域块的第一位置信息对获取到的所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得至少一组截图图片包括：

根据第一个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第一组截图图片；

根据第i个视频动态区域块的第一位置信息分别对所有的视频帧中与所述第一位置信息相匹配的区域执行截图操作，获得第i组截图图片，其中，1＜i≤N，i为正整数，N为视频动态区域块的数量。

6.根据权利要1至5任一项所述的视频文件生成方法，其特征在于，根据所述首帧视频帧及所述至少一组截图图片生成视频文件包括：

将所述至少一组截图图片进行图片合成，得到至少一张序列帧图片；

根据所述首帧视频帧及所述至少一张序列帧图片生成视频文件。

7.一种视频文件播放方法，其特征在于，包括：

响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成；

以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

8.根据权利要7所述的视频文件播放方法，其特征在于，所述视频动态区域包括多个视频动态区域块，所述以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片包括：

获取处于当前屏幕播放区域中的视频动态区域块；

以所述首帧视频帧作为背景图，并根据获取到的视频动态区域块的第一位置信息在所述首帧视频帧中与所述第一位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

9.一种视频文件生成装置，其特征在于，包括：

获取模块，用于采用预设频率获取待播放视频的视频帧；

确定模块，用于根据首帧视频帧与获取到的所有的视频帧确定视频动态区域，其中，所述首帧视频帧为所述待播放视频的第一帧视频帧；

截图模块，用于根据所述视频动态区域的位置信息对获取到的所有的视频帧中与所述位置信息相匹配的区域执行截图操作，获得至少一组截图图片；

生成模块，用于根据首帧视频帧及所述至少一组截图图片生成视频文件，并将所述视频动态区域的位置信息写入至所述视频文件中。

10.一种视频文件播放装置，其特征在于，包括：

响应模块，用于响应于视频文件播放操作，获取所述播放操作对应的视频文件，所述视频文件包括待播放视频的首帧视频帧、至少一组截图图片及视频动态区域的位置信息，或所述视频文件包括待播放视频的首帧视频帧、至少一张序列帧图片及视频动态区域的位置信息，其中，每一张序列帧图片由一组截图图片合成；

播放模块，用于以所述首帧视频帧作为背景图，并根据所述位置信息在所述首帧视频帧中与所述位置信息相匹配的区域上按照预设播放进度叠加展示对应的截图图片。

11.一种计算机设备，所述计算机设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现权利要求1至8任一项所述的方法的步骤。

12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至8任一项所述的方法的步骤。

Images