CN113825016B - 视频渲染方法、装置、设备、存储介质及计算机程序产品 - Google Patents

Abstract

本公开提供了一种视频渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品，涉及媒体云。该方法包括：接收通过网页浏览器传入的目标视频的播放请求；响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；根据播放请求对目标视频进行解封装，得到待解码数据；控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；控制网页汇编组件将渲染后数据显示于目标画布窗口。该方法由网页端处理框架将任务转交给网页汇编组件，借助其可直接与播放端底层硬件进行交互的汇编代码执行解码和渲染操作，减少了性能开销、缩短了执行耗时、提升了渲染效率。

Description

视频渲染方法、装置、设备、存储介质及计算机程序产品

技术领域

本公开涉及数据处理技术领域，具体涉及媒体云技术领域，尤其涉及一种视频渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品。

背景技术

随着网速的不断提升，个人用户逐渐拥有了可在线观看高清视频的带宽，因此视频观看的方式逐渐从下载后观看到通过网页端在线观看。

即使是通过网页端在线观看的方式，观看的视频文件的解封装、解码、渲染等操作仍需要借助播放端的运算能力。

随着视频编码标准的不断升级，如何更高效的调动播放端的运算能力来提升单位时间内的运算效率，是本领域技术人员亟待解决的问题。

发明内容

本公开实施例提出了一种视频渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品。

第一方面，本公开实施例提出了一种视频渲染方法，包括：接收通过网页浏览器传入的目标视频的播放请求；响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；根据播放请求对目标视频进行解封装，得到待解码数据；控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；控制网页汇编组件将渲染后数据显示于目标画布窗口。

第二方面，本公开实施例提出了一种视频渲染装置，包括：播放请求接收单元，被配置成接收通过网页浏览器传入的目标视频的播放请求；绑定关系建立单元，被配置成响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；解封装单元，被配置成根据播放请求对目标视频进行解封装，得到待解码数据；解码及渲染单元，被配置成控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；渲染后数据显示单元，被配置成控制网页汇编组件将渲染后数据显示于目标画布窗口。

第三方面，本公开实施例提供了一种电子设备，该电子设备包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，该指令被至少一个处理器执行，以使至少一个处理器执行时能够实现如第一方面中任一实现方式描述的视频渲染方法。

第四方面，本公开实施例提供了一种存储有计算机指令的非瞬时计算机可读存储介质，该计算机指令用于使计算机执行时能够实现如第一方面中任一实现方式描述的视频渲染方法。

第五方面，本公开实施例提供了一种包括计算机程序的计算机程序产品，该计算机程序在被处理器执行时能够实现如第一方面中任一实现方式描述的视频渲染方法。

本公开实施例提供的视频渲染方法包括：接收通过网页浏览器传入的目标视频的播放请求；响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；根据播放请求对目标视频进行解封装，得到待解码数据；控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；控制网页汇编组件将渲染后数据显示于目标画布窗口。

在网页端处理框架接收到目标视频的播放请求时，本公开通过预先与网页汇编组件建立有的数据传输通路，将待解码数据发至网页汇编组件，以借助其可直接与播放端底层硬件进行交互的汇编代码执行解码和渲染操作，省去了使用封装的上层应用程序编程接口来间接调动底层硬件中间的各种转换、协调步骤，减少了性能开销、缩短了执行耗时、提升了渲染效率。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本公开的其它特征、目的和优点将会变得更明显：

图1是本公开可以应用于其中的示例性系统架构；

图2为本公开实施例提供的一种视频渲染方法的流程图；

图3为本公开实施例提供的一种确定目标画布窗口的方法的流程图；

图4为本公开实施例提供的一种将目标画布窗口绑定于网页汇编组件的方法的流程图；

图5为本公开实施例提供的一种控制网页汇编组件进行解码、渲染操作的方法的流程图；

图6为本公开实施例提供的一种视频渲染装置的结构框图；

图7为本公开实施例提供的一种适用于执行视频渲染方法的电子设备的结构示意图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

图1示出了可以应用本公开的视频渲染方法、装置、电子设备及计算机可读存储介质的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括显示器101和主机102，以及在显示器101和主机102之间提供通信链路的介质，可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

显示器101作为主机102输出内容的窗口展现为显示器101前的用户，用户可以根据查看自显示器101的内容向主机102下发其它操作指令，以控制主机102调用其构成的功能硬件来完成相应的操作，例如视频文件的获取、解码、渲染等。主机102上可以安装有各种用于实现上述功能的应用，例如浏览器类应用、视频点播类应用等。

主机102通过内置的各种应用可以提供各种服务，以可以为通过浏览器在线点播的视频提供高效率渲染服务的浏览器类应用为例，主机102在运行该浏览器类应用时可实现如下效果：首先，接收用户通过连接至主机102上的输入设备发来的针对网页浏览器中显示的目标视频的播放请求；然后，在确定目标视频采用了预设编码标准时，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；接下来，根据播放请求对目标视频进行解封装，得到待解码数据；下一步，控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；最后，控制网页汇编组件将渲染后数据显示于目标画布窗口。

本公开后续各实施例所提供的视频渲染方法一般由播放端的主机102来执行，相应地，视频渲染装置一般也设置于主机102中。

应该理解，图1中的显示屏、主机的数目仅仅是示意性的。根据实现需要，可以具有任意数目的显示屏、主机。

请参考图2，图2为本公开实施例提供的一种视频渲染方法的流程图，其中流程200包括以下步骤：

步骤201：接收通过网页浏览器传入的目标视频的播放请求；

本步骤旨在由视频渲染方法的执行主体(例如图1所示的主机102)接收通过网页浏览器传入的目标视频的播放请求。即该播放请求是用户针对通过网页浏览器呈现出的视频点播页面(网站)(例如通过图1所示的显示器101所呈现)所进行选择产生的，指向所选择的目标视频。

具体的，指向目标视频的选择信息可以表现为多种形式，例如目标视频在当前网页中的编号、代码、位置信息等，还可以是在视频点播网站全网的唯一身份编号等。

步骤202：响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；

在步骤201的基础上，本步骤旨在由上述执行主体首先判别目标视频所采用的编码标准是否为预设编码标准，并在确认目标视频采用了预设编码标准后，根据指示播放目标视频的播放请求建立目标画布窗口与网页汇编组件之间的绑定关系，以通过该绑定关系使得后续经网页汇编组件处理后得到的待显示视频流正确的呈现在目标画布窗口，进而正确的展示给查看者。

其中，预设编码标准为预先设定的至少一种视频编码标准，本公开之所以要进行此种判断，是为了将在网页端视频处理框架以先通过经封装的上层API(应用程序编码接口，Application Programming Interface)再最终达到底层硬件的常规处理方式下处理效率较低的视频编码产物筛选出来，以为其选择能够带来更高处理效率的处理方式，例如H.265这种升级自H.264编码标准的新编码标准，在H.264标准的基础上可以进一步的改善码流、编码质量、延时和算法复杂度之间的关系，以及在仅需原先的一半带宽下即可播放相同质量的视频，因此其在编码方式上有了较大的改进。为了更高的效率处理这种遵循新式编码标准或其它类似标准的视频产物，本公开选择仅让网页端处理框架接收播放请求，并将大部分的运算任务直接通过网页汇编组件调用底层硬件来进行处理，以避免API接口夹在中间所打来的无效性能开销和转换步骤，进而提升效率。

具体的，目标视频所采用的编码标准可以通过多种方式进行确定，例如从目标视频的文件拓展名、文件头所记录的相关字段信息来确定。

其中，目标画布窗口为网页浏览器提供的用于呈现目标视频的播放界面，该目标画布窗口的构建参数可根据实际情况自行设定，以尺寸为例，通常情况下目标画布窗口的尺寸与所指示的目标视频的实际分辨率版本相对应，即刚好容纳实际分辨率版本的目标视频的画面。但考虑到初始选择目标视频进行播放时无法对期望的分辨率或清晰度进行设定，或者后续因网络质量波动需要切换分辨率，也可以将目标画布窗口的尺寸一开始就设置于目标视频的最高分辨率版本的画面一致，并通过放大的方式使实际分辨率较小的画面充满整个目标画布窗口即可，从而避免每次清晰度切换都需要销毁原画布和重建新画布。

其中，本公开所描述的网页汇编组件的英文全称为WebAssembly、英文缩写为：WASM，指运行在Web(网页)平台上的Assembly，而Assembly指汇编代码—直接操作CPU的指令代码。汇编代码相当于CPU执行的机器码能够转换成的人类适合读的一种语言。一个典型的编译执行链路是Cpp、Rust等编译型语言编译成汇编指令，再转换成二进制机器码由CPU读取，其他例如Java、Python等语言是使用运行在x86一类的通用硬件指令集的虚拟机，再执行自己的“汇编语言”(例如Java Bytecode)。Web平台在浏览器上是类似于Java、Python的虚拟机环境，浏览器提供虚拟机环境执行一些JavaScript(缩写为JS)或者其他脚本语言。WebAssembly可以看做是Web平台的x86硬件通用指令集，作为一层中间语言，上层对接Java、Python、Rust、Cpp，让这些语言都能编译成统一的格式，用于Web平台运行。

即在常规方式，网页浏览器接收到的指令先由诸如JS等其它脚本语言进行理解，并通过基于JS语言编写的上层API来将目标视频的播放请求下发至WASM组件，这中间涉及上层脚本语言与底层汇编语言的语言转换、命令转换、数据内容转换、存储位置转换等等中间操作，因此效率较低。

而本公开则是针对包括按照H.265编码标准编码的视频来直接与WASM取得通信，以通过WASM在使用中取代部分JavaScript代码，来更高效执行CPU的运算。为此，就需要预先建立有网页段处理框架(例如JS)与WASM之间的数据传输通路，以便于通过该数据传输通路传输指令、实际待处理的数据等。

步骤203：根据播放请求对目标视频进行解封装，得到待解码数据；

在步骤202的基础上，本步骤旨在根据播放请求对目标视频进行解封装，得到待解码数据。其中，解封装是为了去除对视频文件所封装的“外壳”，例如将其格式转换为FLV、MP4等格式就等同于对渲染后视频数据进行了一次封装，封装的目的是为了让播放器快速选择正确的播放内核来进行解码、渲染。

步骤204：控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；

在步骤203的基础上，本步骤旨在由上述执行主体将待解码数据通过数据传输通路传输至网页汇编组件(WASM)，并指示WASM依次对待解码数据进行解码和渲染，以得到最终的渲染后数据。

步骤205：控制网页汇编组件将渲染后数据显示于目标画布窗口。

在步骤204的基础上，本步骤旨在由上述执行主体控制网页汇编组件将渲染后数据显示于目标画布窗口，从而使得用户在网页浏览器所准备的目标画布窗口看到所呈现于此的目标视频的画面。

在网页端处理框架接收到目标视频的播放请求时，本公开实施例所提供的视频渲染方法，通过预先与网页汇编组件建立有的数据传输通路，将待解码数据发至网页汇编组件，以借助其可直接与播放端底层硬件进行交互的汇编代码执行解码和渲染操作，省去了使用封装的上层应用程序编程接口来间接调动底层硬件中间的各种转换、协调步骤，减少了性能开销、缩短了执行耗时、提升了渲染效率。

为了加深对本公开如何确定目标画布窗口的过程，本公开还通过图3提供了一种确定目标画布窗口的方法，其中流程300包括以下步骤：

步骤301：根据播放请求确定目标视频的分辨率可选范围；

其中，分辨率可选范围由所有指向目标视频的各清晰度版本确定，例如实际包含有360P版本、720P版本、1080P版本，那么分辨率可选范围就可以为：360P～1080P。

步骤302：根据分辨率可选范围确定网页浏览器上用于呈现目标视频画面的目标画布窗口；

在步骤301的基础上，本步骤旨在由上述执行主体根据分辨率可选范围确定网页浏览器上用于呈现目标视频画面的目标画布窗口，通常情况下，为了避免频繁的画布销毁和重建，可将分辨率可选范围中分辨率较大的、或最大的确定为用于构建的目标画布窗口的尺寸。

步骤303：建立目标画布窗口与网页汇编组件之间的绑定关系。

本实施例通过根据分辨率可选范围中较大的分辨率来确定网页浏览器上用于呈现目标视频画面的目标画布窗口的尺寸，得以尽可能的避免频繁的画布销毁和重建，从而进一步的减少了性能开销。

为了避免先后点播不同目标视频所造成的混乱问题，本公开还通过图4提供了一种将目标画布窗口绑定于网页汇编组件的方法，其中流程400包括以下步骤：

步骤401：接收通过网页浏览器传入的目标视频的播放请求；

本步骤与流程200中的步骤201相同，相同的描述请参见步骤201处，此处不再赘述。

步骤402：通过预先与网页汇编组件建立有的数据传输通路，向网页汇编组件下发初始化指令；

步骤403：控制网页汇编组件根据初始化指令对解码子组件和渲染子组件进行初始化；

在步骤401的基础上，本实施例由上述执行主体先向网页汇编组件下发初始化指令，以使网页汇编组件根据接收到的初始化指令对解码子组件和渲染子组件进行初始化，以通过执行初始化操作去除对之前的其它目标视频文件的相关信息，进而避免混乱和未知异常的出现。

步骤404：响应于目标视频采用了预设编码标准以及渲染子组件初始化完成，根据播放请求建立目标画布窗口的输入端与渲染子组件的输出端间的绑定关系。

区别于流程200中的步骤202，本步骤还在基础的触发条件中增加了渲染子组件初始化完成，并将绑定关系的建立内容具体至目标画布窗口的输入端与渲染子组件的输出端。

请参考图5，图5为本公开实施例提供的一种控制网页汇编组件进行解码、渲染操作的方法的流程图，以加深对网页汇编组件具体如何对传入的待解码数据进行处理并最终输出的这一过程的理解，示出的流程500包括以下步骤：

步骤501：将待解码数据发送至网页汇编组件的解码子组件；

步骤502：控制解码子组件调用第一汇编代码对待解码数据进行解码，得到待渲染数据；

其中，第一编码代码为解码子组件用于直接与CPU或其它底层硬件交互的代码，并具体用于指示CPU或底层硬件对待解码数据进行解码。

步骤503：控制解码子组件将待渲染数据发送至网页汇编组件的渲染子组件；

步骤504：控制渲染子组件调用第二汇编代码对待渲染数据进行渲染，得到渲染后数据。

其中，第二编码代码为渲染子组件用于直接与CPU或其它底层硬件交互的代码，并具体用于指示CPU或底层硬件对待渲染数据进行渲染。

进一步的，在播放请求中包含有渲染参数或能够从浏览器所记载的渲染偏好中确定出渲染参数时，可控制渲染子组件调用第二汇编代码对待渲染数据按渲染参数进行渲染，以使渲染结果满足用户的预期，例如增加了某个滤镜、调整了某个色调等等。

在上述任意实施例的基础上，由于本公开将待播放的目标视频的处理任务都转交给了WASM，网页处理框架(例如JS)只做“传话”和解封装的简单操作，那么在此种情况使得以热更新网页汇编组件的固件的方式来调整解码方式、渲染方式成为了可能。即以热更新的方式将网页汇编组件的原固件文件更新为新固件文件。原先在网页处理框架自己负责解码和渲染时，则需要采用更复杂的方式来实现对解码方式或渲染方式的调整，且同时影响整个浏览器中其它功能的正常运作。

为加深理解，本公开还结合一个具体应用场景，给出了一种具体的实现方案：

1)用户通过浏览器选择在视频点播网站呈现的视频文件，从而向网页端JS处理框架生成待播放的视频文件的播放请求；

2)JS处理框架初始化WASM组件，并未WASM装置绑定浏览器网页提供的播放用画布窗口；

3)JS处理框架对视频文件解封装，得到各视频帧的待解码数据；

4)JS处理框架将待解码数据传入WASM组件下的解码器；

5)解码器对待解码数据进行解码，得到每一视频帧的YUV/RGB(两种不同颜色空间下的像素点)数据；

6)解码器将YUV/RGB数据传入WASM组件的渲染器；

7)渲染器通过OpenGL对YUV/RGB数据进行渲染，并将渲染后数据输出至所绑定的画布窗口上，进而在浏览器的网页上呈现给用户。

进一步参考图6，作为对上述各图所示方法的实现，本公开提供了一种视频渲染装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图6所示，本实施例的视频渲染装置600可以包括：播放请求接收单元601、绑定关系建立单元602、解封装单元603、解码及渲染单元604、渲染后数据显示单元605。其中，播放请求接收单元601，被配置成接收通过网页浏览器传入的目标视频的播放请求；绑定关系建立单元602，被配置成响应于目标视频采用了预设编码标准，根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系；解封装单元603，被配置成根据播放请求对目标视频进行解封装，得到待解码数据；解码及渲染单元604，被配置成控制网页汇编组件依次对待解码数据进行解码和渲染，得到渲染后数据；渲染后数据显示单元605，被配置成控制网页汇编组件将渲染后数据显示于目标画布窗口。

在本实施例中，视频渲染装置600中：播放请求接收单元601、绑定关系建立单元602、解封装单元603、解码及渲染单元604、渲染后数据显示单元605的具体处理及其所带来的技术效果可分别参考图2对应实施例中的步骤201-205的相关说明，在此不再赘述。

在本实施例的一些可选的实现方式中，绑定关系建立单元602可以被进一步配置成：

根据播放请求确定目标视频的分辨率可选范围；

根据分辨率可选范围确定网页浏览器上用于呈现目标视频画面的目标画布窗口；

建立目标画布窗口与网页汇编组件之间的绑定关系。

在本实施例的一些可选的实现方式中，视频渲染装置600还可以包括：

初始化指令下发单元，被配置成在根据播放请求建立目标画布窗口与网页汇编组件之间的绑定关系之前，通过预先与网页汇编组件建立有的数据传输通路，向网页汇编组件下发初始化指令；

初始化单元，被配置成控制网页汇编组件根据初始化指令对解码子组件和渲染子组件进行初始化；

对应的，绑定关系建立单元602可以被进一步配置成：

响应于渲染子组件初始化完成，根据播放请求建立目标画布窗口的输入端与渲染子组件的输出端间的绑定关系。

在本实施例的一些可选的实现方式中，解码及渲染单元604可以包括：

待解码数据下发子单元，被配置成将待解码数据发送至网页汇编组件的解码子组件；

解码子单元，被配置成控制解码子组件调用第一汇编代码对待解码数据进行解码，得到待渲染数据；

待渲染数据发送子单元，被配置成控制解码子组件将待渲染数据发送至网页汇编组件的渲染子组件；

渲染子单元，被配置成控制渲染子组件调用第二汇编代码对待渲染数据进行渲染，得到渲染后数据。

在本实施例的一些可选的实现方式中，渲染子单元可以被进一步配置成：

响应于播放请求中包含有渲染参数，控制渲染子组件调用第二汇编代码对待渲染数据按渲染参数进行渲染。

在本实施例的一些可选的实现方式中，响应于目标视频采用了预设编码标准，包括：响应于目标视频采用了H.265编码标准。

在本实施例的一些可选的实现方式中，视频渲染装置600还可以包括：

热更新单元，被配置成采用热更新的方式将网页汇编组件的原固件文件更新为新固件文件。

本实施例作为对应于上述方法实施例的装置实施例存在。

在网页端处理框架接收到目标视频的播放请求时，本公开实施例所提供的视频渲染装置，通过预先与网页汇编组件建立有的数据传输通路，将待解码数据发至网页汇编组件，以借助其可直接与播放端底层硬件进行交互的汇编代码执行解码和渲染操作，省去了使用封装的上层应用程序编程接口来间接调动底层硬件中间的各种转换、协调步骤，减少了性能开销、缩短了执行耗时、提升了渲染效率。

根据本公开的实施例，本公开还提供了一种电子设备，该电子设备包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，该指令被至少一个处理器执行，以使至少一个处理器执行时能够实现上述任意实施例所描述的视频渲染方法。

根据本公开的实施例，本公开还提供了一种可读存储介质，该可读存储介质存储有计算机指令，该计算机指令用于使计算机执行时能够实现上述任意实施例所描述的视频渲染方法。

本公开实施例提供了一种计算机程序产品，该计算机程序在被处理器执行时能够实现上述任意实施例所描述的视频渲染方法。

图7示出了可以用来实施本公开的实施例的示例电子设备700的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图7所示，设备700包括计算单元701，其可以根据存储在只读存储器(ROM)702中的计算机程序或者从存储单元708加载到随机访问存储器(RAM)703中的计算机程序，来执行各种适当的动作和处理。在RAM 703中，还可存储设备700操作所需的各种程序和数据。计算单元701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

设备700中的多个部件连接至I/O接口705，包括：输入单元706，例如键盘、鼠标等；输出单元707，例如各种类型的显示器、扬声器等；存储单元708，例如磁盘、光盘等；以及通信单元709，例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理，例如视频渲染方法。例如，在一些实施例中，视频渲染方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元708。在一些实施例中，计算机程序的部分或者全部可以经由ROM 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到RAM 703并由计算单元701执行时，可以执行上文描述的视频渲染方法的一个或多个步骤。备选地，在其他实施例中，计算单元701可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行视频渲染方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决传统物理主机与虚拟专用服务器(VPS，Virtual Private Server)服务中存在的管理难度大，业务扩展性弱的缺陷。

在网页端处理框架接收到目标视频的播放请求时，本公开实施例通过预先与网页汇编组件建立有的数据传输通路，将待解码数据发至网页汇编组件，以借助其可直接与播放端底层硬件进行交互的汇编代码执行解码和渲染操作，省去了使用封装的上层应用程序编程接口来间接调动底层硬件中间的各种转换、协调步骤，减少了性能开销、缩短了执行耗时、提升了渲染效率。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (14)

1.一种视频渲染方法，包括：

接收通过网页浏览器传入的目标视频的播放请求；

响应于所述目标视频采用了预设编码标准，根据所述播放请求确定所述目标视频的分辨率可选范围；按所述分辨率可选范围中的最高分辨率对应的画布尺寸创建在网页浏览器上用于呈现所述目标视频画面的目标画布窗口；建立所述目标画布窗口与网页汇编组件之间的绑定关系；

根据所述播放请求对所述目标视频进行解封装，得到待解码数据；

控制所述网页汇编组件依次对所述待解码数据进行解码和渲染，得到渲染后数据；

控制所述网页汇编组件将所述渲染后数据显示于所述目标画布窗口；

响应于呈现于所述目标画布窗口上的渲染后数据的实际分辨率小于所述最高分辨率，将所述渲染后数据的画面放大至所述最高分辨率，以使其充满所述目标画布窗口。

2.根据权利要求1所述的方法，其中，在根据所述播放请求建立目标画布窗口与网页汇编组件之间的绑定关系之前，还包括：

通过预先与所述网页汇编组件建立有的数据传输通路，向所述网页汇编组件下发初始化指令；

控制所述网页汇编组件根据所述初始化指令对解码子组件和渲染子组件进行初始化；

对应的，所述根据所述播放请求建立目标画布窗口与网页汇编组件之间的绑定关系，包括：

响应于所述渲染子组件初始化完成，根据所述播放请求建立所述目标画布窗口的输入端与所述渲染子组件的输出端间的绑定关系。

3.根据权利要求1所述的方法，其中，所述控制所述网页汇编组件依次对所述待解码数据进行解码和渲染，得到渲染后数据，包括：

将所述待解码数据发送至所述网页汇编组件的解码子组件；

控制所述解码子组件调用第一汇编代码对所述待解码数据进行解码，得到待渲染数据；

控制所述解码子组件将所述待渲染数据发送至所述网页汇编组件的渲染子组件；

控制所述渲染子组件调用第二汇编代码对所述待渲染数据进行渲染，得到所述渲染后数据。

4.根据权利要求3所述的方法，其中，所述控制所述渲染子组件调用第二汇编代码对所述待渲染数据进行渲染，得到所述渲染后数据，包括：

响应于所述播放请求中包含有渲染参数，控制所述渲染子组件调用所述第二汇编代码对所述待渲染数据按所述渲染参数进行渲染。

5.根据权利要求1所述的方法，其中，所述响应于所述目标视频采用了预设编码标准，包括：

响应于所述目标视频采用了H.265编码标准。

6.根据权利要求1-5任一项所述的方法，还包括：

采用热更新的方式将所述网页汇编组件的原固件文件更新为新固件文件。

7.一种视频渲染装置，包括：

播放请求接收单元，被配置成接收通过网页浏览器传入的目标视频的播放请求；

绑定关系建立单元，被配置成响应于所述目标视频采用了预设编码标准，根据所述播放请求确定所述目标视频的分辨率可选范围；按所述分辨率可选范围中的最高分辨率对应的画布尺寸创建在网页浏览器上用于呈现所述目标视频画面的目标画布窗口；建立所述目标画布窗口与网页汇编组件之间的绑定关系；

解封装单元，被配置成根据所述播放请求对所述目标视频进行解封装，得到待解码数据；

解码及渲染单元，被配置成控制所述网页汇编组件依次对所述待解码数据进行解码和渲染，得到渲染后数据；

渲染后数据显示单元，被配置成控制所述网页汇编组件将所述渲染后数据显示于所述目标画布窗口；

画面放大处理单元，被配置成响应于呈现于所述目标画布窗口上的渲染后数据的实际分辨率小于所述最高分辨率，将所述渲染后数据的画面放大至所述最高分辨率，以使其充满所述目标画布窗口。

8.根据权利要求7所述的装置，还包括：

初始化指令下发单元，被配置成在根据所述播放请求建立目标画布窗口与网页汇编组件之间的绑定关系之前，通过预先与所述网页汇编组件建立有的数据传输通路，向所述网页汇编组件下发初始化指令；

初始化单元，被配置成控制所述网页汇编组件根据所述初始化指令对解码子组件和渲染子组件进行初始化；

对应的，所述绑定关系建立单元被进一步配置成：

响应于所述渲染子组件初始化完成，根据所述播放请求建立所述目标画布窗口的输入端与所述渲染子组件的输出端间的绑定关系。

9.根据权利要求7所述的装置，其中，所述解码及渲染单元包括：

待解码数据下发子单元，被配置成将所述待解码数据发送至所述网页汇编组件的解码子组件；

解码子单元，被配置成控制所述解码子组件调用第一汇编代码对所述待解码数据进行解码，得到待渲染数据；

待渲染数据发送子单元，被配置成控制所述解码子组件将所述待渲染数据发送至所述网页汇编组件的渲染子组件；

渲染子单元，被配置成控制所述渲染子组件调用第二汇编代码对所述待渲染数据进行渲染，得到所述渲染后数据。

10.根据权利要求9所述的装置，其中，所述渲染子单元被进一步配置成：

响应于所述播放请求中包含有渲染参数，控制所述渲染子组件调用所述第二汇编代码对所述待渲染数据按所述渲染参数进行渲染。

11.根据权利要求7所述的装置，其中，所述响应于所述目标视频采用了预设编码标准，包括：

响应于所述目标视频采用了H.265编码标准。

12.根据权利要求7-11任一项所述的装置，还包括：

热更新单元，被配置成采用热更新的方式将所述网页汇编组件的原固件文件更新为新固件文件。

13.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-6中任一项所述的视频渲染方法。

14.一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行权利要求1-6中任一项所述的视频渲染方法。