页面视频渲染方法及装置制造方法及图纸

本发明专利技术公开一种页面视频渲染方法及装置。由主线程创建至少一个子线程，在播放页面视频时，当主线程接收到多个视频窗口的视频原始码流时，主线程调用子线程分别对每个视频窗口的视频原始码流进行视频解码，以获得每个视频窗口的图像数据；然后，主线程接收子线程回调的每个所述视频窗口的图像数据，当页面刷新时，主线程将多个所述视频窗口的图像数据合并提交至图形处理器。进而，主线程还将基于多个所述视频窗口的图像数据，向所述图形处理器合并提交绘制指令。本技术方案由于将视频解码的过程分配到子线程中，从而提高了多核CPU的利用率，并且通过合并提交图像数据以及合并绘制指令，降低了多视频窗口下的操作耗时及系统开销。

【技术实现步骤摘要】
页面视频渲染方法及装置
本专利技术涉及网页视频渲染
，尤其涉及一种页面视频渲染方法及装置。
技术介绍
Web图形库(WebGraphicsLibrary，简称WebGL)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，以使Web开发人员可以借助系统显卡在浏览器里更流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化。可见，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏。图1A是现有技术中的一种页面视频渲染方法的信令时序示意图。参考图1A，在视频播放过程中，流媒体服务101向页面发送视频原始码流，JS(即JavaScript)页面线程102接收到视频原始码流后进行视频解码，并将解码后的纹理数据以及绘制指令发送至图形处理器103(GraphicsProcessingUnit本文档来自技高网...

【技术保护点】
1.一种页面视频渲染方法，其特征在于，包括：/n当播放页面视频时，若主线程接收到多个视频窗口的视频原始码流，所述主线程调用子线程分别对每个视频窗口的视频原始码流进行视频解码，以获得每个视频窗口的图像数据；/n所述主线程接收子线程回调的每个所述视频窗口的图像数据；/n当页面刷新时，所述主线程将多个所述视频窗口的图像数据合并提交至图形处理器。/n

【技术特征摘要】
1.一种页面视频渲染方法，其特征在于，包括：
当播放页面视频时，若主线程接收到多个视频窗口的视频原始码流，所述主线程调用子线程分别对每个视频窗口的视频原始码流进行视频解码，以获得每个视频窗口的图像数据；
所述主线程接收子线程回调的每个所述视频窗口的图像数据；
当页面刷新时，所述主线程将多个所述视频窗口的图像数据合并提交至图形处理器。


2.如权利要求1所述的方法，其特征在于，还包括：
所述主线程基于多个所述视频窗口的图像数据，向所述图形处理器合并提交绘制指令。


3.如权利要求1所述的方法，其特征在于，所述主线程调用子线程分别对每个视频窗口的视频原始码流进行视频解码，以获得每个视频窗口的图像数据包括：
所述主线程创建至少一个子线程；其中，一个所述子线程对应一个或多个所述视频窗口；
所述主线程分别调用各个子线程分别对相应的一个或多个视频窗口的视频原始码流进行视频解码，以分别得到每个视频窗口的图像数据；
基于每个所述视频窗口的显示尺寸对相应的图像数据的实际尺寸进行调整，以使所述图像数据调整后的尺寸与对应的视频窗口的显示尺寸相匹配。


4.如权利要求1所述的方法，其特征在于，在所述主线程接收子线程回调的每个所述视频窗口的图像数据之后还包括：
所述主线程根据各个所述视频窗口的编号顺序确定各个所述视频窗口对应的图像数据的内存存储地址；
依照所述内存存储地址将各个所述视频窗口对应的图像数据存储至对应的内存区域。


5.如权利要求1所述的方法，其特征在于，所述当页面刷新时，所述主线程将多个所述视频窗口的图像数据合并提交至图形处理器包括：
当页面刷新时，若所有视频窗口对应的图像数据都有更新，则所述主线程将所有视频窗口对应的图像数据合并提交至所述图形处理器。


6.如权利要求4所述的方法，其特征在于，所述当页面刷新时，所述主线程将多个所述视频窗口的图像数据合并提交至图形处理器包括：
当页面刷新时，若部分视频窗口对应的图像数据有更新，则基于所述图像数据有更新的视频窗口对应的内存存储地址确定待选取内存区域；其中，所述待选取内存区域内的图像数据至少包含所有有更新的视频窗口的图像数据；
将所述待选取内存区域内的图像数据合并提交至图形处理器。


7.如权利要求6所述的方法，其特征在于，所述基于所述图像数据有更新的视频窗口对应的内存存储地址确定待选取内存区域包括：
将所有所述图像数据有更新的视频窗口中对应的最小内存存储地址作为所述待选取内存区域的起始地址；
将所有所述图像数据有更新的视频窗口中对应的最大内存存储地址作为所述待选取内存区域的结束地址；
依照所述起始地址和所述结束地址确定所述待选取内存区域。


8.如权利要求1所述的方法，其特征在于，所述页面刷新的周期基于所有视频窗口的帧周期中的最小帧周期来确定。


9.如权利要求1所述的方法，其特征在于，所述主线程为JS页面线程，所述子线程为Webworker线程。


10.一种页面视频渲染装置，其特征在于，包括：
视频解码处理模块，用于当播放页面视频时，若主线程接收到多个视频窗口的视频原始码流，所述主线程调用子线程分别对每个视频窗口的视频原始码流进行视频解码，以获得每个视频窗口的图像数据；
图像数据接收模块，用于...

【专利技术属性】
技术研发人员：王浩东，朱珍，
申请(专利权)人：杭州海康威视数字技术股份有限公司，
类型：发明
国别省市：浙江;33