CN113360708B - 视频播放方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种视频播放方法、装置、电子设备、存储介质和计算机程序产品。所述方法包括：接收视频列表并采用M个渲染组件分别渲染前M个视频；响应于用户在视频播放界面上的上滑操作，触发M个渲染组件依次运行；响应于用户在视频播放界面上的上滑操作，触发在视频播放界面上播放第B个视频，以及，触发与视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频；响应于用户在视频播放界面上的上滑操作，触发与第(B+1)个视频对应的渲染组件运行，以在视频播放界面上播放第(B+1)个视频。采用上述方法避免了由于加载过多渲染组件而导致视频卡顿的问题。

Description

视频播放方法、装置、电子设备及存储介质

技术领域

本公开涉及视频播放技术，尤其涉及一种视频播放方法、装置、电子设备、存储介质和计算机程序产品。

背景技术

目前，越来越多的用户通过小程序平台提供的视频小程序来浏览视频，例如，用户可以通过社交应用启动视频小程序来观看各种短视频。

用户通常会通过滑动手势在视频小程序内切换视频，例如，用户可以在视频播放界面上做上滑或下滑的滑动操作，随着滑动操作，当前的视频则会向上或下滑动以拖滑出上一个或下一个视频。在视频小程序内切换视频的场景中，用户每下滑一个新视频时，则会自动加载一个渲染组件，以渲染新视频并播放。当用户滑动了大量视频后，则会加载相应数量的渲染组件。

然而，加载过多的渲染组件需要占用较多内存，经常会导致视频卡顿甚至闪退的现象。因此，目前通过小程序播放视频的技术中存在着容易视频卡顿的问题。

发明内容

本公开提供一种视频播放方法、装置、电子设备、存储介质和计算机程序产品，以至少解决相关技术中通过小程序播放视频的技术中存在着容易视频卡顿的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种视频播放方法，包括：

接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频；

响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频；

响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频；

响应于用户在所述视频播放界面上的上滑操作，触发与第(B+1)个视频对应的渲染组件运行，以在所述视频播放界面上播放第(B+1)个视频。

在一个实施例中，所述触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频，包括：

触发第(B％M+1)个渲染组件渲染第(B+1)个视频；其中，N-1＞B≥M≥2。

在一个实施例中，所述采用M个渲染组件分别渲染所述视频列表中的前M个视频，包括：

从所述视频列表中提取前M个所述视频的视频链接；

将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

在一个实施例中，所述触发第(B％M+1)个渲染组件渲染第(B+1)个视频，包括：

从所述视频列表中提取第(B+1)个视频的视频链接；

将第(B％M+1)个渲染组件的数据源位置上的视频链接更改为第(B+1)个视频的视频链接。

在一个实施例中，在触发第(B％M+1)个渲染组件渲染第(B+1)个视频之后，还包括：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；

响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

在一个实施例中，在触发第(B％M+1)个渲染组件渲染第(B+1)个视频之后，还包括：

生成第(B％M+1)个渲染组件的组件蒙层；

当第(B％M+1)个渲染组件被触发运行、且第(B％M+1)个渲染组件对第(B+1)个视频的渲染未完成时，在第(B％M+1)个渲染组件已渲染的视频上覆盖所述组件蒙层；

当第(B％M+1)个渲染组件对第(B+1)个视频的渲染完成时，删除第(B％M+1)个渲染组件的组件蒙层。

在一个实施例中，在所述触发M个所述渲染组件依次运行之前，还包括：

生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

在所述响应于用户在视频播放界面上的上滑操作之后，还包括：

当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第(B+1)个视频对应的渲染组件运行。

根据本公开实施例的第二方面，提供一种视频播放装置，包括：

渲染单元，配置为执行接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频；

第一响应单元，配置为执行响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频；

第二响应单元，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频；

第三响应单元，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发与第(B+1)个视频对应的渲染组件运行，以在所述视频播放界面上播放第(B+1)个视频。

在一个实施例中，所述第二响应单元，还配置为执行：

触发第(B％M+1)个渲染组件渲染第(B+1)个视频；其中，N-1＞B≥M≥2。

在一个实施例中，所述渲染单元，还配置为执行：

从所述视频列表中提取前M个所述视频的视频链接；

将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

在一个实施例中，所述第二响应单元，还配置为执行：

从所述视频列表中提取第(B+1)个视频的视频链接；

将第(B％M+1)个渲染组件的数据源位置上的视频链接更改为第(B+1)个视频的视频链接。

在一个实施例中，配置为执行：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；

响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

在一个实施例中，还包括：

蒙层生成单元，配置为执行生成第(B％M+1)个渲染组件的组件蒙层；

蒙层覆盖单元，配置为执行当第(B％M+1)个渲染组件被触发运行、且第(B％M+1)个渲染组件对第(B+1)个视频的渲染未完成时，在第(B％M+1)个渲染组件已渲染的视频上覆盖所述组件蒙层；

蒙层删除单元，配置为执行当第(B％M+1)个渲染组件对第(B+1)个视频的渲染完成时，删除第(B％M+1)个渲染组件的组件蒙层。

在一个实施例中，还包括：

组件列表单元，配置为执行生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

指针返回单元，配置为执行当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第(B+1)个视频对应的渲染组件运行。

根据本公开实施例的第三方面，提供一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如第一方面或第一方面的任一种可能实现方式所述的视频播放方法。

根据本公开实施例的第四方面，提供一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面或第一方面的任一种可能实现方式所述的视频播放方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序被处理器执行时实现如第一方面的任一项实施例中所述的视频播放方法。

本公开的实施例提供的技术方案至少带来以下有益效果：通过首先采用M个渲染组件分别渲染视频列表中前M个视频，并响应于用户的上滑操作触发M个渲染组件依次运行，以播放已由M个渲染组件渲染的前M个视频，在响应于用户的上滑操作触发已渲染第B个视频的渲染组件运行以播放第B个视频时，可以触发对应的渲染组件渲染第(B+1)的视频，由此，在用户再次进行上滑操作时，可以触发对应的渲染组件运行，以播放第(B+1)个视频。因此，无须加载新的渲染组件，通过复用原有的渲染组件，避免了由于加载过多渲染组件而导致视频卡顿的问题。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种视频播放方法的应用环境图。

图2是根据一示例性实施例示出的一种视频播放方法的流程图。

图3A是根据一示例性实施例示出的一种播放视频的示意图。

图3B是根据一示例性实施例示出的一种播放下一个视频的示意图。

图3C是根据一示例性实施例示出的一种复用渲染组件渲染视频的示意图。

图3D是根据一示例性实施例示出的一种基于衔接滑动机制播放视频的示意图。

图3E是根据一示例性实施例示出的一种通过三个渲染组件分别渲染三个视频的示意图。

图3F是根据一示例性实施例示出的另一种复用渲染组件渲染视频的示意图。

图3G是根据一示例性实施例示出的另一种基于衔接滑动机制播放视频的示意图。

图4是根据一示例性实施例示出的一种视频播放装置的框图。

图5是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开所提供的视频播放方法，可以应用于如图1所示的应用环境中。其中，终端110通过网络与服务器120进行交互。其中，终端110可以是但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器120可以是独立的服务器或者是多个服务器组成的服务器集群。终端110可以用于向服务器120请求视频数据，服务器120响应于请求反馈视频数据，终端110可以根据视频数据进行渲染并播放已渲染的视频。

图2是根据一示例性实施例示出的一种视频播放方法的流程图，如图2所示，视频播放方法，包括以下步骤。

在步骤S210中，接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频。

其中，渲染组件可以为用于对视频数据进行渲染得到在视频播放界面上播放的视频画像的组件。

其中，视频列表可以为记录有各个视频的视频标识以及各个视频之间的播放顺序的列表。例如，视频列表中可以记录有视频_1、视频_2、视频_3…视频_N等视频标识及其视频链接，各个视频按序在列表中排列，渲染组件则会根据播放顺序进行播放。

具体地，终端110可以安装有某个小程序平台应用，用户可以在终端110上启动该小程序平台应用，然后在小程序平台应用上启动视频小程序，视频小程序则可以向服务器120请求视频列表，服务器120则可以返回视频列表给终端110。

在启动视频小程序后，终端110还可以加载至少两个渲染组件，终端110可以根据加载的至少两个渲染组件生成组件列表。其中，组件列表可以为记录有各个渲染组件以及各个渲染组件的排列顺序的列表。例如，组件列表可以记录有渲染组件_A、渲染组件_B、渲染组件_C…渲染组件_M等，各个渲染组件按序在列表中排列。

在后续的处理中，当终端110响应用户在视频播放界面上的上滑操作时，终端110可以根据渲染组件在组件列表中的排序依次运行各个渲染组件。

例如，终端110加载了三个渲染组件，终端110可以根据视频列表中各个视频的播放顺序，确定在视频列表排序前三个视频为视频_1、视频_2、视频_3，控制组件列表中的渲染组件_A、渲染组件_B、渲染组件_C分别渲染视频_1、视频_2、视频_3。

在步骤S220中，响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频。

需要说明的是，在实际应用中，可以通过终端110的播放控制程序控制视频的播放。播放控制程序可以为小程序平台提供的用于控制视频播放的程序。播放控制程序可以根据组件列表中各个渲染组件的排序控制渲染组件的运行。例如，首先运行组件列表中的排序第一的渲染组件_A，以播放该渲染组件_A所渲染的视频_1，在用户通过上滑操作切换播放下一个视频时，则运行组件列表中排序第二的渲染组件_B，以播放该渲染组件_B所渲染的视频_2，如此类推。

终端110可以调用小程序内置的播放控制程序，获取组件列表，根据组件列表中记录的渲染组件，控制各个渲染组件运行。

其中，上滑操作可以为根据用户在视频播放界面上进行向上滑动、以切换下一视频的操作。

具体地，用户在浏览视频播放界面的视频时，可以进行向上滑动的手势操作，以拖滑出下一个视频。终端110的触控屏可以感应到上滑操作，由此终端110可以检测到该上滑操作。终端110可以将上滑操作转换成相应的指令传递给播放控制程序，播放控制程序在接收到指令后，根据组件列表中的组件排序，可以确定下一个渲染组件，因此，播放控制程序可以下滑至下一个渲染组件的位置，控制下一个渲染组件运行。下一个渲染组件运行时，视频播放界面上当前播放的视频，则会切换为下一个渲染组件渲染的视频。如此类推，响应于用户的若干次上滑操作，则可以相应地触发M个渲染组件依次运行。

图3A是根据一示例性实施例示出的一种播放视频的示意图。参考图3A，终端110启动视频小程序，加载渲染组件_A和渲染组件_B，渲染组件_A渲染视频_1，渲染组件_B渲染视频_2。用户可以请求播放视频，视频小程序的视频播放界面上响应于请求，播放渲染组件_A所渲染的视频_1。

图3B是根据一示例性实施例示出的一种播放下一个视频的示意图。参考图3B，用户在浏览视频播放界面的视频_1时，可以在视频播放界面进行上滑操作，以拖滑出下一个视频_2。播放控制程序则将组件列表的运行位置，从渲染组件_A下滑至渲染组件_B。在视频播放界面上，渲染组件_A所渲染的视频_1则会向上滑出，渲染组件_B所渲染的视频_2则会向上滑进视频播放界面，并开始播放。

在步骤S230中，响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频。

具体地，终端110可以在响应于上滑操作而触发播放第B个视频时，触发与第(B+1)个视频对应的渲染组件渲染第(B+1)个视频。第(B+1)个视频对应的渲染组件可以为组件列表中已渲染第B个视频之前的视频、且已运行完毕的渲染组件。例如，终端110响应于上滑操作，在视频播放界面上从视频_2切换至播放视频_3时，触发已渲染视频_1的、且已运行完毕(视频_1已播放)的渲染组件_A，渲染视频_4。

终端110可以通过更改渲染组件的数据源来实现渲染组件渲染其他视频。更具体地，渲染组件是通过其在数据源位置记录的视频链接从服务器120加载视频数据并渲染的，终端110可以将渲染组件的数据源位置上所记录的原有的视频的视频链接，修改为另一个视频的视频链接，从而使得渲染组件加载另一个视频的视频数据并渲染。

在步骤S240中，响应于用户在所述视频播放界面上的上滑操作，触发与第(B+1)个视频对应的渲染组件运行，以在所述视频播放界面上播放第(B+1)个视频。

具体地，用户针对视频播放界面正在播放的第B个视频进行上滑操作时，终端110可以触发已渲染第(B+1)个视频的渲染组件运行，以在视频播放界面上播放第(B+1)个视频。

上述的视频播放方法中，通过首先采用M个渲染组件分别渲染视频列表中前M个视频，并响应于用户的上滑操作触发M个渲染组件依次运行，以播放已由M个渲染组件渲染的前M个视频，在响应于用户的上滑操作触发已渲染第B个视频的渲染组件运行以播放第B个视频时，可以触发对应的渲染组件渲染第(B+1)的视频，由此，在用户再次进行上滑操作时，可以触发对应的渲染组件运行，以播放第(B+1)个视频。因此，无须加载新的渲染组件，通过复用原有的渲染组件，避免了由于加载过多渲染组件而导致视频卡顿的问题。

在一个实施例中，所述触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频，可以具体包括：

触发第(B％M+1)个渲染组件渲染第(B+1)个视频；其中，N-1＞B≥M≥2。

具体地，在触发M个渲染组件分别渲染视频列表中的前M个视频之后，终端110可以按照一定的机制来进行视频渲染，使得组件列表中的第(B％M+1)个渲染组件渲染视频列表中的第(B+1)个视频。

在一个例子中，参考图3A和图3B，假设B＝M＝2，即终端110加载了2个渲染组件：渲染组件_A和渲染组件_B。渲染组件_A、渲染组件_B分别渲染视频列表中的前两个视频，即渲染视频_1、视频_2。

当用户请求视频播放时，触发渲染组件_A运行，以在视频播放界面播放视频_1；当用户在视频播放界面上针对当前播放的视频_1进行上滑操作时，触发渲染组件_B运行，以在视频播放界面上从视频_1切换至播放视频_2。渲染组件B运行时，视频_1以上滑的方式滑出视频播放界面，相应地，视频_2以上滑的方式滑进视频播放界面。此外，还可以触发第(B％M+1)个渲染组件渲染视频_3(即第(B+1)个视频)。由于B＝M＝2，可得2％2+1＝1，即，触发第1个渲染组件(即渲染组件_A)渲染视频_3。

在一个实施例中，在所述触发M个所述渲染组件依次运行之前，还包括：生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

在所述响应于用户在视频播放界面上的上滑操作之后，还包括：当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第(B+1)个视频对应的渲染组件运行。

需要说明的是，视频小程序的播放控制程序通常预设有滑动衔接机制。该滑动衔接机制中，当运行至列表中最后一个组件时(列表尾部)，则会自动返回至列表的第一组件(列表首部)并运行，由此使得视频的滑动之间实现无缝衔接，避免出现无视频可播放的情况。

利用播放控制程序通常预设有滑动衔接机制，使得在组件列表的最后一个渲染组件运行完毕后，利用播放控制程序的衔接滑动机制返回至组件列表的第一个渲染组件，而此时第一个渲染组件已经渲染了下一个视频，运行第一个渲染组件时，则可以在视频播放界面上播放已渲染的下一个视频，而并非重复播放第一个视频。通过滑动衔接机制，实现了触发第(B％M+1)个渲染组件渲染第(B+1)个视频的视频渲染规则，不断地复用渲染组件来渲染待渲染的下一个视频。

本领域技术人员可以根据本申请提供的技术思路，基于上述的视频渲染机制复用多个渲染组件来渲染待渲染的下多个视频，而并不限制于仅仅复用一个渲染组件来渲染下一个视频。

图3C是根据一示例性实施例示出的一种复用渲染组件渲染视频的示意图。参考图3C，基于B＝M＝2的例子，用户进行上滑操作以从视频_1切换至播放视频_2时，终端110将渲染组件_A的数据源从视频_1更改为视频_3，使得渲染组件_A开始渲染视频_3。

图3D是根据一示例性实施例示出的一种基于衔接滑动机制播放视频的示意图。参考图3D，用户在浏览视频_2的过程中再次进行上滑操作，渲染组件_B处于组件列表的列表尾部，为最后一个渲染组件，此时播放控制程序则会根据衔接滑动机制，返回至组件列表的列表首部，运行组件列表中的第一个渲染组件，即渲染组件_A。此时，渲染组件_A已经渲染了视频_3，因此，运行渲染组件_A时，则会在视频播放界面上播放视频_3。

在另一个例子中，参考图3E所示的通过三个渲染组件分别渲染三个视频的示意图。假设B＝M＝3，即终端110加载了3个渲染组件，分别为渲染组件_A、渲染组件_B、渲染组件_C。渲染组件_A、渲染组件_B、渲染组件_C分别渲染视频列表中的前三个视频，即渲染视频_1、视频_2、视频_3。

在用户请求播放时，触发渲染组件_A运行，以在视频播放界面播放视频_1；当用户在视频播放界面上针对当前播放的视频_1进行上滑操作时，触发渲染组件_B运行，以在视频播放界面上从视频_1切换至播放视频_2。渲染组件B运行时，视频_1以上滑的方式滑出视频播放界面，相应地，视频_2以上滑的方式滑进视频播放界面。

当用户在视频播放界面上针对当前播放视频_2(即第(B-1)个视频)进行上滑操作，此时，触发渲染组件_C运行，以在视频播放界面上从视频_2切换至播放视频_3(即第B个视频)，此外，还可以触发第(B％M+1)个渲染组件渲染视频_4(即第(B+1)个视频)。由于B＝M＝3，可得3％3+1＝1，即，触发第1个渲染组件(即渲染组件_A)渲染视频_4。

图3F是根据一示例性实施例示出的另一种复用渲染组件渲染视频的示意图。参考图3F，用户进行上滑操作以将视频_2切换至视频_3时，终端110将渲染组件_A的数据源从视频_1更改为视频_4，使得渲染组件_A开始渲染视频_4。

用户在浏览视频_3的过程中，可以通过上滑操作以拖滑出视频_4。利用播放控制程序的滑动衔接机制，使得在组件列表的渲染组件_C运行完毕后，通过衔接滑动机制返回至组件列表的第一个渲染组件(渲染组件_A)，而此时渲染组件_A已经渲染了视频_4，其运行时则可以在视频播放界面上播放已渲染的视频_4，而并非重复播放视频_4。

图3G是根据一示例性实施例示出的另一种基于衔接滑动机制播放视频的示意图。参考图3G，用户在浏览视频_3的过程中再次进行上滑操作，渲染组件_C处于组件列表的列表尾部，为最后一个渲染组件，此时播放控制程序则会根据衔接滑动机制，返回至组件列表的列表首部，运行组件列表中的第一渲染组件，即渲染组件_A。此时，渲染组件_A已经渲染了视频_4，因此，运行渲染组件_A时，则会在视频播放界面上播放视频_4。

在上述例子的基础上，但B假设为4，响应于上滑操作以运行渲染组件_A，从而播放视频_4的过程中，此外，还可以触发第(B％M+1)个渲染组件渲染视频_5(即第(B+1)个视频)。由于B＝4，M＝3，可得4％3+1＝2，即，触发第2个渲染组件(即渲染组件_B)渲染视频_5。

从上述各个例子可见，在视频播放过程中基于触发第(B％M+1)个渲染组件渲染第(B+1)个视频的视频渲染规则进行视频渲染，可以保证各个视频依据其在视频列表中的排序依次进行渲染，并不会由于复用渲染组件而影响视频原有的播放顺序。

上述的视频播放方法中，通过在响应于用户的上滑操作触发播放第B个视频的同时，基于触发第(B％M+1)个渲染组件渲染第(B+1)个视频的视频渲染机制，不断地复用M个渲染组件中可用的渲染组件渲染视频列表中待播放的下一个视频，无须加载新的渲染组件。从而在保证了视频列表中的各个视频可以按序播放的同时，避免了由于加载过多渲染组件而导致视频卡顿的问题。

此外，上述的视频渲染机制适用于加载任意数量的渲染组件和任意数量的视频的场景，提升了视频播放方法的通用性。

在一个实施例中，步骤S210中的采用M个渲染组件分别渲染所述视频列表中的前M个视频，可以具体包括：

从所述视频列表中提取前M个所述视频的视频链接；将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

具体地，终端110可以从视频列表中获取到视频的视频链接，并在渲染组件的数据源位置上，加入对应的视频的视频链接，从而使得渲染组件从服务器120加载视频的视频数据，用以渲染视频。针对视频列表中前M个视频进行上述的处理，得到M个视频的视频链接并相应写入M个渲染组件的数据源位置，从而使得M个渲染组件分别渲染了前M个视频。

上述的视频播放方法中，通过同时提取M个视频的视频链接并将提取的视频链接分别写入M个渲染组件的数据源位置，以便可以在后续处理中仅通过简单的数据源位置的视频链接修改即可复用渲染组件，提升了视频播放的效率。

在一示例性实施例中，所述触发第(B％M+1)个渲染组件渲染第(B+1)个视频，可以具体包括：

从所述视频列表中提取第(B+1)个视频的视频链接；将第(B％M+1)个渲染组件的数据源位置上的视频链接更改为第(B+1)个视频的视频链接。

具体地，终端110可以从视频列表中获取到第(B+1)个视频的视频链接，然后将第(B％M+1)个渲染组件的数据源位置上原记录视频链接，修改为第(B+1)个视频的视频链接，从而使得渲染组件从服务器120加载相应的视频数据用以渲染视频。

上述的视频播放方法中，通过修改渲染组件的数据源位置以控制渲染组件加载相应的视频数据进行渲染，利用简单的数据修改操作即可实现对原有渲染组件的复用，降低了渲染组件复用处理对终端的处理资源负担。

在一示例性实施例中，在触发第(B％M+1)个渲染组件渲染第(B+1)个视频之后，还包括：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

其中，下滑操作可以为根据用户在视频播放界面上进行向下滑动、以切换回上一视频的操作。

具体地，用户在浏览视频播放界面的第Q个视频时，可以进行向下滑动的手势操作，以拖滑出上一个视频。播放控制程序则根据下滑操作，从当前的渲染组件返回至上一个渲染组件并运行，以将视频播放界面上的第Q个视频切换至上一个渲染组件渲染的第(Q-1)个视频。此外，在检测到该第一下滑操作时，还可以判断视频列表中的第(Q-2)个视频是否被渲染，如果第(Q-2)个视频未被渲染，则触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频。

当用户再次进行下滑操作以拖滑出上一个视频(即第(Q-2)个视频)时，则可以触发目标渲染组件运行，以在视频播放界面上播放已由目标渲染组件所渲染的第(Q-2)个视频。

需要说明的是，当用户通过下滑操作以切换回第(Q-2)个视频时，由于之前渲染第(Q-2)个视频的渲染组件已更改为渲染其他视频，从而无法切换至第(Q-2)个视频，导致播放异常的问题。因此，通过触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，使得用户可以返回至已经播放过的视频，避免了播放异常的问题。

在一个实施例中，在触发第(B％M+1)个渲染组件渲染第(B+1)个视频之后，还包括：

生成第(B％M+1)个渲染组件的组件蒙层；当第(B％M+1)个渲染组件被触发运行、且第(B％M+1)个渲染组件对第(B+1)个视频的渲染未完成时，在第(B％M+1)个渲染组件已渲染的视频上覆盖所述组件蒙层；当第(B％M+1)个渲染组件对第(B+1)个视频的渲染完成时，删除第(B％M+1)个渲染组件的组件蒙层。

具体地，终端110可以在在触发第(B％M+1)个渲染组件渲染第(B+1)个视频之后，针对该第(B％M+1)个渲染组件生成相应的组件蒙层。该组件蒙层可以为一张纯色图，例如，黑色纯色图。当第(B％M+1)个渲染组件被触发运时，判断第(B％M+1)个渲染组件对第(B+1)个视频的渲染是否已完成。如未完成渲染，则在第(B％M+1)个渲染组件已渲染的视频上覆盖组件蒙层。然后，持续地执行上述判断处理，当渲染完成时，则删除该组件蒙层。

需要说明的是，由于渲染组件比较消耗终端的处理资源，更改视频链接后，无法即时加载相应的视频数据，从而无法即时渲染出新视频，导致一定许延迟。如果用户快速地进行滑动操作，可能会看到渲染组件此前所渲染的视频，导致视频闪动播放的问题。因此，通过在渲染组件已渲染的原有视频上覆盖组件蒙层、并在新的视频渲染完毕后删除组件蒙层，避免了视频播放闪动的异常问题。

应该理解的是，虽然图2的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图4是根据一示例性实施例示出的一种视频播放装置框图。参照图4，该装置包括：

渲染单元402，配置为执行接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频；

第一响应单元404，配置为执行响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频；

第二响应单元406，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第(B+1)个视频对应的渲染组件渲染第(B+1)个视频；

第三响应单元408，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发与第(B+1)个视频对应的渲染组件运行，以在所述视频播放界面上播放第(B+1)个视频。

在一个实施例中，所述第二响应单元406，还配置为执行：

触发第(B％M+1)个渲染组件渲染第(B+1)个视频；其中，N-1＞B≥M≥2。

在一个实施例中，所述渲染单元402，还配置为执行：

从所述视频列表中提取前M个所述视频的视频链接；将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

在一个实施例中，所述第二响应单元406，还配置为执行：

从所述视频列表中提取第(B+1)个视频的视频链接；将第(B％M+1)个渲染组件的数据源位置上的视频链接更改为第(B+1)个视频的视频链接。

在一个实施例中，所述装置还配置为执行：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

在一个实施例中，所述装置还包括：

蒙层生成单元，配置为执行生成第(B％M+1)个渲染组件的组件蒙层；

蒙层覆盖单元，配置为执行当第(B％M+1)个渲染组件被触发运行、且第(B％M+1)个渲染组件对第(B+1)个视频的渲染未完成时，在第(B％M+1)个渲染组件已渲染的视频上覆盖所述组件蒙层；

蒙层删除单元，配置为执行当第(B％M+1)个渲染组件对第(B+1)个视频的渲染完成时，删除第(B％M+1)个渲染组件的组件蒙层。

在一个实施例中，所述装置还包括：

组件列表单元，配置为执行生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

指针返回单元，配置为执行当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第(B+1)个视频对应的渲染组件运行。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图5是根据一示例性实施例示出的一种用于执行一种视频播放方法的设备500的框图。例如，设备500可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图5，设备500可以包括以下一个或多个组件：处理组件502、存储器504、电源组件506、多媒体组件508、音频组件510、输入/输出(I/O)的接口512、传感器组件514以及通信组件516。

处理组件502通常控制设备500的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在设备500的操作。这些数据的示例包括用于在设备500上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘或光盘。

电源组件506为设备500的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为设备500生成、管理和分配电力相关联的组件。

多媒体组件508包括在所述设备500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当设备500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当设备500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为设备500提供各个方面的状态评估。例如，传感器组件514可以检测到设备500的打开/关闭状态，组件的相对定位，例如所述组件为设备500的显示器和小键盘，传感器组件514还可以检测设备500或设备500一个组件的位置改变，用户与设备500接触的存在或不存在，设备500方位或加速/减速和设备500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。

通信组件516被配置为便于设备500和其他设备之间有线或无线方式的通信。设备500可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器504，上述指令可由设备500的处理器520执行以时限上述的视频播放方法。例如，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时实现上述的视频播放方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (15)

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

接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频；

响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频；

响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第（B+1）个视频对应的渲染组件渲染第（B+1）个视频；

响应于用户在所述视频播放界面上的上滑操作，触发与第（B+1）个视频对应的渲染组件运行，以在所述视频播放界面上播放第（B+1）个视频；

所述触发与所述视频列表中第（B+1）个视频对应的渲染组件渲染第（B+1）个视频，包括：

触发第（B%M+1）个渲染组件渲染第（B+1）个视频；其中，N-1＞B≥M≥2。

2.根据权利要求1所述的视频播放方法，其特征在于，所述采用M个渲染组件分别渲染所述视频列表中的前M个视频，包括：

从所述视频列表中提取前M个所述视频的视频链接；

将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

3.根据权利要求2所述的视频播放方法，其特征在于，所述触发第（B%M+1）个渲染组件渲染第（B+1）个视频，包括：

从所述视频列表中提取第（B+1）个视频的视频链接；

将第（B%M+1）个渲染组件的数据源位置上的视频链接更改为第（B+1）个视频的视频链接。

4.根据权利要求1所述的视频播放方法，其特征在于，在触发第（B%M+1）个渲染组件渲染第（B+1）个视频之后，还包括：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；

响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

5.根据权利要求1所述的视频播放方法，其特征在于，在触发第（B%M+1）个渲染组件渲染第（B+1）个视频之后，还包括：

生成第（B%M+1）个渲染组件的组件蒙层；

当第（B%M+1）个渲染组件被触发运行、且第（B%M+1）个渲染组件对第（B+1）个视频的渲染未完成时，在第（B%M+1）个渲染组件已渲染的视频上覆盖所述组件蒙层；

当第（B%M+1）个渲染组件对第（B+1）个视频的渲染完成时，删除第（B%M+1）个渲染组件的组件蒙层。

6.根据权利要求1所述的方法，其特征在于，在所述触发M个所述渲染组件依次运行之前，还包括：

生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

在所述响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行之后，还包括：

当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第（B+1）个视频对应的渲染组件运行。

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

渲染单元，配置为执行接收记录有N个视频的视频列表，并采用M个渲染组件分别渲染所述视频列表中的前M个视频；

第一响应单元，配置为执行响应于用户在视频播放界面上的上滑操作，触发M个所述渲染组件依次运行，以在所述视频播放界面上播放由所述渲染组件渲染的视频；

第二响应单元，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发在所述视频播放界面上播放第B个视频，以及，触发与所述视频列表中第（B+1）个视频对应的渲染组件渲染第（B+1）个视频；

第三响应单元，配置为执行响应于用户在所述视频播放界面上的上滑操作，触发与第（B+1）个视频对应的渲染组件运行，以在所述视频播放界面上播放第（B+1）个视频；

所述第二响应单元，还配置为执行：触发第（B%M+1）个渲染组件渲染第（B+1）个视频；其中，N-1＞B≥M≥2。

8.根据权利要求7所述的视频播放装置，其特征在于，所述渲染单元，还配置为执行：

从所述视频列表中提取前M个所述视频的视频链接；

将前M个所述视频的视频链接分别写入M个所述渲染组件的数据源位置，以触发所述渲染组件用于根据所述数据源位置中的视频链接从视频服务器加载视频数据，并渲染加载的视频数据。

9.根据权利要求8所述的视频播放装置，其特征在于，所述第二响应单元，还配置为执行：

从所述视频列表中提取第（B+1）个视频的视频链接；

将第（B%M+1）个渲染组件的数据源位置上的视频链接更改为第（B+1）个视频的视频链接。

10.根据权利要求7所述的视频播放装置，其特征在于，配置为执行：

在所述视频播放界面播放所述视频列表中第Q个视频的过程中，当检测到用户在所述视频播放界面上的第一下滑操作、且所述视频列表中的第(Q-2)个视频未被渲染时,触发已用于渲染第(Q-2+M)个视频的目标渲染组件渲染第(Q-2)个视频，并触发已渲染所述视频列表中的第(Q-1)个视频的渲染组件运行；N＞Q＞2；

响应于用户在所述视频播放界面上的第二下滑操作，触发所述目标渲染组件运行，以在所述视频播放界面上播放采用所述目标渲染组件渲染的第(Q-2)个视频。

11.根据权利要求7所述的视频播放装置，其特征在于，还包括：

蒙层生成单元，配置为执行生成第（B%M+1）个渲染组件的组件蒙层；

蒙层覆盖单元，配置为执行当第（B%M+1）个渲染组件被触发运行、且第（B%M+1）个渲染组件对第（B+1）个视频的渲染未完成时，在第（B%M+1）个渲染组件已渲染的视频上覆盖所述组件蒙层；

蒙层删除单元，配置为执行当第（B%M+1）个渲染组件对第（B+1）个视频的渲染完成时，删除第（B%M+1）个渲染组件的组件蒙层。

12.根据权利要求7所述的装置，其特征在于，还包括：

组件列表单元，配置为执行生成组件列表；所述组件列表包括按序排列的所述M个渲染组件；所述组件列表具有运行组件指针；所述运行组件指针响应于用户在所述视频播放界面上的上滑操作而在所述组件列表中下滑；所述运行组件指针用于指示当前运行的渲染组件；

指针返回单元，配置为执行当所述运行组件指针处于所述组件列表的末尾时，则触发所述运行组件指针上滑返回至所述组件列表的顶部，以触发与第（B+1）个视频对应的渲染组件运行。

13.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的视频播放方法。

14.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6中任一项所述的视频播放方法。

15.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的视频播放方法。