CN114339415A - 客户端视频播放方法、装置、电子设备和可读介质 - Google Patents

Abstract

本公开提供一种客户端视频播放方法、装置、电子设备和可读介质，其中，客户端视频播放方法包括：监控视频的状态是否为可见状态或隐藏状态；若确定视频的状态为隐藏状态，则暂停对视频的渲染；对隐藏状态的视频进行解码至达到预设条件为止。通过本公开实施例，缩短了视频恢复播放的时延，提升了视频播放的流畅性。

Description

客户端视频播放方法、装置、电子设备和可读介质

技术领域

本公开涉及视频播放技术领域，具体而言，涉及一种客户端视频播放方法、装置、电子设备和可读介质。

背景技术

目前，浏览器端的视频播放一般基于HTML5(构建Web内容的一种语言描述方式)的视频标签实现，而随着近年来视频编解码技术的发展，HEVC(High Efficiency VideoCoding，高效率视频编码)、VVC(Versatile Video Coding，通用视频编码)、AVS2(第二代数字音视频编解码技术标准工作组)和AVS3(第三代数字音视频编解码技术标准工作组)等新的编码标准的出现进一步压缩视频的码率，提高了视频的主观体验。这些编码格式的视频在Web浏览器上的播放，成为行业的一个重要需求。为了在浏览器端的播放这些新型编码格式的点播或直播视频，目前业界的主流做法是通过Web端软解方案。

在相关技术中，Web端软解方案标准的做法是通过WebAssembly(网络组件，简称为wasm)技术将C/C++编写的对应解码器编译为wasm库，wasm文件是以二进制形式存在的，其中包含平台无关的虚拟指令(类似汇编指令)，再通过JavaScript调用该wasm解码库进行解码，并做音视频同步渲染播放。

但是，当用户观看视频期间切换到多任务系统的其他用户界面时，如果用户回到视频播放页面时恢复视频的播放，就需要要重启解码器或播放器，重启时必然需要完成下载视频数据填充缓冲区、解码关键帧、音视频同步渲染等一系列动作才能恢复播放，一般要1s以上的延迟，严重影响了视频播放的流畅性和用户体验。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种客户端视频播放方法、装置、电子设备和可读介质，用于至少在一定程度上克服由于相关技术的限制和缺陷而导致的恢复视频播放的时延高的问题。

根据本公开实施例的第一方面，提供一种客户端视频播放方法，包括：监控视频的状态是否为可见状态或隐藏状态；若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染；对所述隐藏状态的视频进行解码至达到预设条件为止。

在本公开的一种示例性实施例中，对所述隐藏状态的视频进行解码至达到预设条件为止包括：对所述隐藏状态的视频进行解码，并检测待渲染队列的长度是否达到预设最大长度；若检测到所述待渲染队列的长度达到所述预设最大长度，则确定达到所述预设条件；在检测达到所述预设条件时，暂停对所述隐藏状态的视频进行解码。

在本公开的一种示例性实施例中，还包括：若确定所述视频的状态为所述可见状态，则恢复对所述视频进行播放。

在本公开的一种示例性实施例中，还包括：在确定对所述视频恢复播放后，恢复对所述视频进行渲染。

在本公开的一种示例性实施例中，还包括：在对所述隐藏状态的视频进行解码时，将所述视频的音量降低至第一预设音量以下。

在本公开的一种示例性实施例中，还包括：在确定对所述视频进行播放后，将所述视频的音量提高至第二预设音量以上。

在本公开的一种示例性实施例中，在监控视频的状态是否为可见状态或隐藏状态前，还包括：检测是否产生切换界面的动作；若检测到产生所述切换界面的动作，则触发监控所述视频的状态。

根据本公开实施例的第二方面，提供一种客户端视频播放装置，包括：监控模块，设置为监控视频的状态是否为可见状态或隐藏状态；

渲染模块，设置为若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染；解码模块，设置为对所述隐藏状态的视频进行解码至达到预设条件为止。

根据本公开的第三方面，提供一种电子设备，包括：存储器；以及耦合到所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如上述任意一项所述的方法。

根据本公开的第四方面，提供一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现如上述任意一项所述的客户端视频播放方法。

本公开实施例，通过在确定所述视频的状态为所述隐藏状态时，暂停对所述视频的渲染，并对所述隐藏状态的视频进行解码至达到预设条件为止，缩短了视频恢复播放的时延，提升了视频播放的流畅性。

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

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了可以应用本发明实施例的客户端视频播放方法或装置的示例性系统架构的示意图

图2是本公开示例性实施例中一种客户端视频播放方法的流程图；

图3是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图4是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图5是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图6是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图7是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图8是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图9是本公开示例性实施例中另一种客户端视频播放方法的流程图；

图10是本公开示例性实施例中一种客户端视频播放装置的方框图；

图11是本公开示例性实施例中一种电子设备的方框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

此外，附图仅为本公开的示意性图解，图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

图1示出了可以应用本发明实施例的客户端视频播放方法或装置的示例性系统架构的示意图。

如图1所示，系统架构100可以包括终端设备101、102、103中的一种或多种，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。比如服务器105可以是多个服务器组成的服务器集群等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、便携式计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器。例如用户利用终端设备103(也可以是终端设备101或102)可以从服务器105中获取客户端视频播放信息和播放内容。

在一些实施例中，本发明实施例所提供的客户端视频播放方法一般由终端105执行，相应地，客户端视频播放装置一般设置于终端设备103(也可以是终端设备101或102)中。在另一些实施例中，某些服务器可以具有与终端设备相似的功能从而执行本方法。因此，本发明实施例所提供的客户端视频播放方法不限定在终端设备执行。

下面结合附图对本公开示例实施方式进行详细说明。

图2是本公开示例性实施例中客户端视频播放方法的流程图。

参考图2，客户端视频播放方法可以包括：

步骤S202，监控视频的状态是否为可见状态或隐藏状态。

步骤S204，若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染。

步骤S206，对所述隐藏状态的视频进行解码至达到预设条件为止。

本公开实施例，通过在确定所述视频的状态为所述隐藏状态时，暂停对所述视频的渲染，并对所述隐藏状态的视频进行解码至达到预设条件为止，缩短了视频恢复播放的时延，提升了视频播放的流畅性。

在本公开的一个实施例中，视频可以为视频流或视频文档，但不限于此。

下面，对客户端视频播放方法的各步骤进行详细说明。

在本公开的一种示例性实施例中，如图3所示，对所述隐藏状态的视频进行解码至达到预设条件为止包括：

步骤S302，对所述隐藏状态的视频进行解码，并检测待渲染队列的长度是否达到预设最大长度。

步骤S304，若检测到所述待渲染队列的长度达到所述预设最大长度，则确定达到所述预设条件。

步骤S306，在检测达到所述预设条件时，暂停对所述隐藏状态的视频进行解码。

在上述实施例中，通过对渲染处理设置预设最大长度，可以降低播放器的数据存储压力和数据冲突。

在本公开的一种示例性实施例中，如图4所示，客户端视频播放方法还包括：

步骤S402，若确定所述视频的状态为所述可见状态，则恢复对所述视频进行播放。

在上述实施例中，若确定所述视频的状态为所述可见状态，即可认为用户切换回播放器界面，则恢复对所述视频进行播放。

在本公开的一种示例性实施例中，如图5所示，客户端视频播放方法还包括：

步骤S502，在确定对所述视频恢复播放后，恢复对所述视频进行渲染。

在上述实施例中，通过在确定对所述视频恢复播放后，恢复对所述视频进行渲染，降低了播放器的运算压力，且不影响恢复播放的流畅性。

在本公开的一种示例性实施例中，如图6所示，客户端视频播放方法还包括：

步骤S602，在对所述隐藏状态的视频进行解码时，将所述视频的音量降低至第一预设音量以下。

在上述实施例中，在对所述隐藏状态的视频进行解码时，将所述视频的音量降低至第一预设音量以下，以降低切换至后台的播放器对其他程序的音量干扰，第一预设音量可以是静音音量或其他音量。

在本公开的一种示例性实施例中，如图7所示，客户端视频播放方法还包括：

步骤S702，在确定对所述视频进行播放后，将所述视频的音量提高至第二预设音量以上。

在上述实施例中，通过在确定对所述视频进行播放后，将所述视频的音量提高至第二预设音量以上，可以在播放器切换至用户界面后，直接向用户播放影音信息，减少了用户的操作步骤。

在本公开的一种示例性实施例中，如图8所示，在监控视频的状态是否为可见状态或隐藏状态前，还包括：

步骤S802，检测是否产生切换界面的动作。

步骤S804，若检测到产生所述切换界面的动作，则触发监控所述视频的状态。

在本公开的一种示例性实施例中，如图9所示，客户端视频播放方案包括以下具体步骤：

步骤S902，监听视频可见性事件。

步骤S904，切换用户界面。

步骤S906，判断文档是否可见，若是，则执行步骤S908，若否，则执行步骤S910。

步骤S908，触发播放器恢复播放。

步骤S910，暂停渲染，解码器在后台worker中继续运行。

步骤S912，是否达到待渲染队列最大长度，若是，则执行步骤S914，若否，则执行步骤S910。

步骤S914，暂停解码器。

步骤S916，直接恢复渲染。

具体地，首先需要监听文档的可见性“visibilitychange”，当用户切换界面时，判断文档是否可见，即可以通过“document.visibilityState”是否等于“visible”或“document.hidden”是否为“true”来判断。

如果文档不可见，表明用户将视频播放页面切换到了后台，此时暂停渲染，避免视频渲染在后台继续执行，而解码器在后台worker中继续运行，直到达到待渲染队列的最大长度再暂停解码器。

解码器继续工作时为了不干扰用户，可以选择将视频静音，恢复播放时可以关闭静音或保持静音。如果监听到页面的文档可见性状态变为可见，表明用户将视频播放页面切回前台，此时恢复播放器的播放，这时由于播放器的待渲染队列中有已经解码的视频帧数据，可以直接恢复渲染播放，本公开的技术方案恢复播放的时延缩小到20ms以下，用户无法察觉，不仅提升了视频播放的流畅性，而且提升了用户的使用体验。

对应于上述方法实施例，本公开还提供一种客户端视频播放装置，可以用于执行上述方法实施例。

图10是本公开示例性实施例中一种客户端视频播放装置的方框图。

参考图10，客户端视频播放装置1000可以包括：

监控模块1002，设置为监控视频的状态是否为可见状态或隐藏状态。

渲染模块1004，设置为若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染。

解码模块1006，设置为对所述隐藏状态的视频进行解码至达到预设条件为止。

本公开实施例，通过在确定所述视频的状态为所述隐藏状态时，暂停对所述视频的渲染，并对所述隐藏状态的视频进行解码至达到预设条件为止，缩短了视频恢复播放的时延，提升了视频播放的流畅性。

在本公开的一种示例性实施例中，解码模块1006还设置为：对所述隐藏状态的视频进行解码，并检测待渲染队列的长度是否达到预设最大长度；若检测到所述待渲染队列的长度达到所述预设最大长度，则确定达到所述预设条件；在检测达到所述预设条件时，暂停对所述隐藏状态的视频进行解码。

在本公开的一种示例性实施例中，客户端视频播放装置1000还用于：若确定所述视频的状态为所述可见状态，则恢复对所述视频进行播放。

在本公开的一种示例性实施例中，客户端视频播放装置1000还用于：在确定对所述视频恢复播放后，恢复对所述视频进行渲染。

在本公开的一种示例性实施例中，客户端视频播放装置1000还用于：在对所述隐藏状态的视频进行解码时，将所述视频的音量降低至第一预设音量以下。

在本公开的一种示例性实施例中，客户端视频播放装置1000还用于：在确定对所述视频进行播放后，将所述视频的音量提高至第二预设音量以上。

在本公开的一种示例性实施例中，在监控视频的状态是否为可见状态或隐藏状态前，还包括：检测是否产生切换界面的动作；若检测到产生所述切换界面的动作，则触发监控所述视频的状态。

由于客户端视频播放装置1000的各功能已在其对应的方法实施例中予以详细说明，本公开于此不再赘述。

综上，通过本公开的技术方案，至少包括以下技术效果：

1.在用户将视频播放界面切到后台时主动通知渲染器停止渲染，不依赖于不同浏览器对requestAnimationFrame(请求动画画面)的刷新控制，减少了视频在后台继续渲染造成的运算压力。

2.恢复播放时不需要解码，直接渲染待渲染队列里的画面即可播放，降低了恢复播放的起播时延。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

下面参照图11来描述根据本发明的这种实施方式的电子设备1100。图11显示的电子设备1100仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图11所示，电子设备1100以通用计算设备的形式表现。电子设备1100的组件可以包括但不限于：上述至少一个处理单元1110、上述至少一个存储单元1120、连接不同系统组件(包括存储单元1120和处理单元1110)的总线1130。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元1110执行，使得所述处理单元1110执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元1110可以执行如本公开实施例所示的方法。

存储单元1120可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)11201和/或高速缓存存储单元11202，还可以进一步包括只读存储单元(ROM)11203。

存储单元1120还可以包括具有一组(至少一个)程序模块11205的程序/实用工具11204，这样的程序模块11205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线1130可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备1100也可以与一个或多个外部设备1140(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1100交互的设备通信，和/或与使得该电子设备1100能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1150进行。并且，电子设备1100还可以通过网络适配器1160与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器1160通过总线1130与电子设备1100的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1100使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。

根据本发明的实施方式的用于实现上述方法的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

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

Claims (10)

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

监控视频的状态是否为可见状态或隐藏状态；

若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染；

对所述隐藏状态的视频进行解码至达到预设条件为止。

2.如权利要求1所述的客户端视频播放方法，其特征在于，对所述隐藏状态的视频进行解码至达到预设条件为止包括：

对所述隐藏状态的视频进行解码，并检测待渲染队列的长度是否达到预设最大长度；

若检测到所述待渲染队列的长度达到所述预设最大长度，则确定达到所述预设条件；

在检测达到所述预设条件时，暂停对所述隐藏状态的视频进行解码。

3.如权利要求1或2所述的客户端视频播放方法，其特征在于，还包括：

若确定所述视频的状态为所述可见状态，则恢复对所述视频进行播放。

4.如权利要求1或2所述的客户端视频播放方法，其特征在于，还包括：

在确定对所述视频恢复播放后，恢复对所述视频进行渲染。

5.如权利要求1或2所述的客户端视频播放方法，其特征在于，还包括：

在对所述隐藏状态的视频进行解码时，将所述视频的音量降低至第一预设音量以下。

6.如权利要求1或2所述的客户端视频播放方法，其特征在于，还包括：

在确定对所述视频进行播放后，将所述视频的音量提高至第二预设音量以上。

7.如权利要求1或2所述的客户端视频播放方法，其特征在于，在监控视频的状态是否为可见状态或隐藏状态前，还包括：

检测是否产生切换界面的动作；

若检测到产生所述切换界面的动作，则触发监控所述视频的状态。

8.一种客户端视频播放装置，其特征在于，包括：

监控模块，设置为监控视频的状态是否为可见状态或隐藏状态；

渲染模块，设置为若确定所述视频的状态为所述隐藏状态，则暂停对所述视频的渲染；

解码模块，设置为对所述隐藏状态的视频进行解码至达到预设条件为止。

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

存储器；以及

耦合到所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如权利要求1-7中任一项所述的客户端视频播放方法。

10.一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现如权利要求1-7中任一项所述的客户端视频播放方法。

Images