CN111913711A - 视频渲染方法和装置 - Google Patents
视频渲染方法和装置 Download PDFInfo
- Publication number
- CN111913711A CN111913711A CN202010888917.5A CN202010888917A CN111913711A CN 111913711 A CN111913711 A CN 111913711A CN 202010888917 A CN202010888917 A CN 202010888917A CN 111913711 A CN111913711 A CN 111913711A
- Authority
- CN
- China
- Prior art keywords
- rendering
- drawing area
- video data
- component
- updated
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 146
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000004891 communication Methods 0.000 claims abstract description 60
- 230000004044 response Effects 0.000 claims abstract description 22
- 230000015654 memory Effects 0.000 claims description 22
- 238000013507 mapping Methods 0.000 claims description 7
- 238000011161 development Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 11
- 238000012545 processing Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 238000007781 pre-processing Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000009466 transformation Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了视频渲染方法和装置,涉及云计算领域,该方法的一具体实施方式包括:响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域;调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;将更新后的第一绘制区域渲染上屏。该实施方式实现了在网页视图层对视频数据的渲染,提升了开发的灵活性。
Description
技术领域
本申请涉及云计算领域,具体涉及视频处理技术领域,尤其涉及一种视频渲染方法和装置。
背景技术
视频渲染技术是指将视频媒体数据渲染到屏幕上进行显示的技术。视频渲染过程涉及流程度复杂,通常,终端系统向用户提供独立封装、功能完善的上层渲染控件,基于该上层渲染控件,用户可轻松实现从本地拍摄头采集或远端接收等的媒体数据渲染上屏。
传统的小程序实时视通信频渲染通常采用上述基于系统原生渲染控件的方法实现,具体包括:(1)创建小程序网页视图Webview页面作为视图基础层;(2)加载网页,构建相关的HTML5(HyperText Markup Language,超文本标记语言)组件元素并更新布局,需要使用系统原生渲染控件的位置使用HTML5组件元素占位并进行标识;(3)创建原生控件叠加层,叠加层承载原生渲染控件覆盖在基础层之上。叠加层上的原生控件将与基础层的HTML5占用元素一一对应;(4)视频数据直接渲染到叠加层的原生渲染控件上,实现上屏显示。
发明内容
本申请实施例提供了一种视频渲染方法、装置、设备以及存储介质。
第一方面,本申请实施例提供了一种视频渲染方法,该方法包括:响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域;调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;将更新后的第一绘制区域渲染上屏。
在一些实施例中,调用多媒体通信组件对所述第一绘制区域进行视频数据更新,得到更新后的第一绘制区域包括:将第一绘制区域映射到多媒体通信组件中,得到第二绘制区域;响应于接收到多媒体通信组件在完成对第二绘制区域的视频数据填充后发送的填充完成的消息,获取视频数据对第一绘制区域进行更新,得到更新后的第一绘制区域。
在一些实施例中,填充完成的消息包括:存储视频数据的地址信息,以及获取所述视频数据对第一绘制区域进行更新,得到更新后的第一绘制区域包括:基于存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
在一些实施例中,逻辑操作还包括:在在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
在一些实施例中,响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
第二方面,本申请实施例提供了一种视频渲染装置,该装置包括:创建模块,被配置成响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域;更新模块,被配置成调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;渲染模块,被配置成将更新后的第一绘制区域渲染上屏。
在一些实施例中,更新模块包括:映射单元,被配置成将第一绘制区域映射到多媒体通信组件中,得到第二绘制区域;获取单元,被配置成响应于接收到多媒体通信组件在完成对第二绘制区域的视频数据填充后发送的填充完成的消息,获取视频数据对第一绘制区域进行更新,得到更新后的第一绘制区域。
在一些实施例中,填充完成的消息包括:存储视频数据的地址信息,以及获取单元进一步被配置成:基于存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
在一些实施例中,创建模块进一步被配置成:在在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
在一些实施例中,该装置还包括:上屏模块,被配置成响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
第三方面,本申请实施例提供了一种电子设备,该电子设备包括一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被该一个或多个处理器执行,使得一个或多个处理器实现如第一方面的任一实施例的视频渲染方法。
第四方面,本申请实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面的任一实施例的视频渲染方法。
本申请通过响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域;调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;将更新后的第一绘制区域渲染上屏,使得渲染扩展组件与H5组件具有相同的属性信息,解决了现有技术中原生组件无法直接在网页视图层对视频数据进行渲染的问题,进一步提升了开发的灵活性。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其他特征将通过以下的说明书而变得容易理解。
附图说明
图1是本申请可以应用于其中的示例性系统架构图;
图2是根据本申请的视频渲染方法的一个实施例的流程图;
图3是根据本申请的视频渲染方法的一个应用场景的示意图;
图4是根据本申请的视频渲染方法的又一个实施例的流程图;
图5是根据本申请的视频渲染方法的另一个实施例的流程图;
图6是根据本申请的视频渲染装置的一个实施例的示意图;
图7是适于用来实现本申请实施例的服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的视频渲染方法的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101,终端设备101中包括浏览内核102和多媒体通信组件103,其中,浏览内核102中设置有网页视图webview层104,浏览内核102在webveiw层104对HTML5组件105、106和渲染扩展组件107进行渲染。这里,HTML5组件105、106,即H5组件,是指满足通用标准语言HTML5标准的UI(User Interface,用户接口)组件,H5组件105、106可以包括:图像视图imageview、按钮、菜单栏、标签页、选择器等UI元素。
多媒体通信组件103用于获取并解析视频数据,并将解析后的视频数据更新至第一绘制区域。
本申请实施例所提供的视频渲染方法一般由浏览内核102执行,浏览内核102设置于终端设备101中,终端设备101安装有包括浏览内核和多媒体通信组件的客户端框架的客户端。
这里,终端设备可以是硬件,也可以是软件。当终端设备101为硬件时,可以是具有显示屏的各种电子设备,包括但不限于手机、个人电脑、平板电脑、可穿戴设备及车载终端。当终端设备101为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供视频渲染服务),也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本申请实施例所提供的视频渲染方法一般由设置于终端设备中的浏览内核执行,相应地,视频渲染装置一般设置于终端设备中。
图2示出了可以应用于本申请的视频渲染方法的实施例的流程示意图200。视频渲染方法包括以下步骤:
步骤201,响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作。
在本实施例中,执行主体(例如,图1中浏览内核103)在获取到当前组件后,识别当前组件是否为渲染扩展组件,若当前组件为渲染扩展组件,则执行与当前渲染扩展组件对应的逻辑操作,逻辑操作包括:在网页视图层,即webview层,根据从布局文件中获取的第一绘制区域的位置信息创建第一绘制区域surface。
其中,渲染扩展组件可以基于对H5组件进行扩展得到,与H5组件具有相同的属性信息,即客户端可对渲染扩展组件进行与H5组件相同的显示控制和位置更新等操作,例如,可将渲染扩展组件嵌套在H5组件的滚动布局里随布局整体滚动,可将H5组件的样式修饰应用于渲染扩展组件等。
这里,执行主体识别当前组件是否为渲染扩展组件的方式可以为根据预先设置于组件中的标识进行识别。
在本实施例的一些可选的方式中,响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
在本实现方式中,执行主体在获取到当前组件后,识别当前组件是否为渲染扩展组件,若当前组件不是渲染扩展组件,即当前组件为标准H5组件,则执行主体可以在webview层直接对当前组件进行渲染上屏。
该实现方式通过响应于当前组件不是渲染扩展组件,直接对当前组件进行渲染上屏,实现了对H5组件即时有效的渲染。
步骤202,调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域。
在本实施例中,执行主体在创建第一绘制区域后,调用多媒体通信组件对第一绘制区域中的数据进行视频数据更新,得到更新后的第一绘制区域。
这里,多媒体通信组件是一种即时通信组件,主要用于获取远端或本地的图像采集设备,例如,摄像机、手机等,采集的视频数据,对视频视频数据进行预处理,得到预处理之后的视频数据,以及将预处理之后的视频数据更新至第一绘制区域。
其中,预处理之后的视频数据可以包括视频纹理,预处理过程可以包括获取视频帧数据,并提取视频纹理。
需要指出的是,执行主体调用多媒体通信组件对第一绘制区域进行视频数据更新的方式可以是执行主体直接将第一绘制区域发送至多媒体通信组件进行视频数据填充,并接收多媒体组件发送的填充完成的第一绘制区域作为更新后的第一绘制区域;也可以是执行主体将第一绘制区域映射至多媒体组件中,得到第二绘制区域,基于多媒体组件发送的填充完成的第二绘制区域对第一绘制区域进行更新,得到更新完成的第一绘制区域,本申请对此不作限定。
在一些可选的方式中,逻辑操作还包括:在在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
在本实现方式中,执行主体响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作。这里逻辑操作包括:创建独立线程以及渲染上下文,进而创建第一绘制区域。
这里,渲染上下文是一种用于存储渲染信息的数据结构,其中,渲染信息可以包括顶点信息、着色器信息等,执行主体可依据渲染上下文对第一绘制区域中的视频数据进行渲染。通常一个线程只能拥有一个渲染上下文。
该实现方式通过在创建第一绘制区域之前创建独立线程以及渲染上下文,有助于保障执行主体在更新第一绘制区域视频数据的有效性和安全性。
步骤203,将更新后的第一绘制区域进行渲染上屏。
在本实施例中,执行主体在获取到更新后的第一绘制区域后,对第一绘制区域进行渲染并上屏显示。
继续参见图3,图3是根据本实施例的视频渲染方法的应用场景的一个示意图。
在图3的应用场景中,在一个具体的示例中,执行主体301中设置有网页视图webview层,执行主体在webveiw层对H5组件和渲染扩展组件302进行渲染。首先,执行主体对当前组件进行识别,响应于识别当前组件为渲染扩展组件302,则执行与渲染扩展组件302相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域303;然后,调用多媒体通信组件304对第一绘制区域进行视频数据更新305,得到更新后的第一绘制区域。这里,多媒体通信组件304用于向远端或本地的图像采集设备,例如,摄像机,获取视频数据,并对视频数据进行预处理,如提取视频纹理。进一步地,执行主体301将更新后的第一绘制区域渲染上屏306。
本公开的实施例提供的视频渲染方法,通过响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域;调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;将更新后的第一绘制区域渲染上屏,实现了在网页视图层对视频数据的渲染,提升了开发的灵活性。
进一步参考图4,其示出了视频渲染方法的又一个实施例的流程400。视频渲染方法可包括以下步骤:
步骤401,响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作。
在本实施例中,步骤401的实现细节和技术效果,可以参考对步骤201的描述,在此不再赘述。
步骤402,将第一绘制区域映射到多媒体通信组件中,得到第二绘制区域。
在本实施例中,在本实施例中,执行主体在创建将第一绘制区域后,将第一绘制区域映射到多媒体通信组件创建的第二绘制区域,即第一绘制区域对应的内存空间和第二绘制的区域的内存空间呈映射关系。多媒体通信组件用于对视频数据进行预处理,并将预处理之后的视频数据填充至第二绘制区域。
具体地,多媒体通信组件获取本地或远端的视频帧数据,并提取视频帧数据的视频纹理,进而将视频纹理填充至第二绘制区域。这里,多媒体通信组件可以将视频纹理存储至第二绘制区域对应的内存空间,这里,内存空间可以为多媒体通信组件和执行主体所共享。
多媒体通信组件在视频纹理填充完成后可以即时向执行主体发送填充完成的消息,使得执行主体可以即时对视频数据进行处理,实现对视频数据的实时渲染。
需要指出的是,多媒体通信组件在创建第二绘制区域之前还可以包括创建独立线程以及渲染上下文以保证视频数据处理的有效性和安全性。
步骤403,响应于接收到多媒体通信组件在完成对第二绘制区域的视频数据填充后发送的填充完成的消息,获取视频数据对第一绘制区域进行更新,得到更新后的第一绘制区域。
在本实施例中,执行主体在接收到多媒体通信组件发送的视频数据填充完成的消息后,向多媒体通信组件获取填充至第二绘制区域的视频数据以对第一绘制区域进行更新。
这里,执行主体向多媒体通信组件获取视频数据的方式,可以是在接收到视频数据填充完成的消息后,主动向多媒体通信组件获取填充至第二绘制区域的视频数据,如直接从共享的内存空间读取上述视频数据;也可以是在接收到视频数据填充完成的消息后,进一步接收多媒体通信组件发送的填充至第二绘制区域的视频数据,本申请对此不作限定。
需要指出的是,执行主体向多媒体通信组件获取的视频数据可以是多媒体通信组件填充至第二绘制区域中的全部视频数据,也可以是部分视频数据,本申请对此不作限定。
具体地,部分视频数据可以是多媒体通信组件当前填充在第二绘制区域中的视频数据与上一次填充至第二绘制区域中的视频数据存在差异的视频数据,即发生变化的视频数据。
此外,执行主体在获取到上述视频数据后,还首先对上述视频数据进行裁剪、变换等处理,进而基于裁剪、变换等处理操作后的视频数据对第一绘制区域进行视频数据更新。
在一些可选的方式中,获取视频数据对第一绘制区域进行更新,包括:基于存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
在本实施例中,多媒体通信组件发送的填充完成的消息包括存储视频数据的地址信息。执行主体在接收到多媒体组件发送的存储视频数据的地址信息后,可以根据视频数据的地址信息获取视频数据。
该实现方式通过将存储视频数据的地址信息直接包含在填充完成的消息,使得执行主体可根据地址信息直接获取视频数据,提高视频数据获取的有效性,同时保障了视频数据获取的安全性。
步骤404,基于更新后的第一绘制区域进行渲染上屏。
在本实施例中,步骤404的实现细节和技术效果,可以参考对步骤203的描述,在此不再赘述。
在一个具体地示例中,如图5所示,在小程序应用场景中,小程序开发者501在组件布局中添加渲染扩展组件,小程序应用框架502对开发者组件布局进行解析和判断。其中,解析和判断的结果包括当前组件是否为渲染扩展组件。进一步地,执行主体503基于上述解析和判断的结果进行组件渲染,响应于识别当前组件为H5组件504,则直接进行渲染上屏;响应于识别当前组件为渲染扩展组件505,则执行与渲染扩展组件相对应的逻辑操作,具体包括:在网页视图层创建第一绘制区域506等。执行主体将第一绘制区域映射到多媒体通信组件507中,得到第二绘制区域508。这里,多媒体通信组件507获取本地视频数据509或远端视频数据510进行预处理获取视频纹理511,并将视频纹理填充至第二绘制区域512,并且,多媒体通信组件507在填充完成之后向第一绘制区域506发送填充完成的消息。执行主体响应于接收到填充完成的消息对第一绘制区域507进行更新,并进一步将更新完成的第一绘制区域506渲染上屏,使得渲染后的H5组件513、514、515和渲染后的渲染扩展组件516均可以在小程序客户端517进行显示。小程序客户端517可对渲染扩展组件516进行与H5组件513、514、515相同的显示控制和位置更新等操作。
本申请的上述实施例,通过将第一绘制区域映射到多媒体通信组件中,得到第二绘制区域,响应于接收到多媒体通信组件在完成对第二绘制区域视频数据填充后发送的填充完成的消息,获取所述视频数据对所述第一绘制区域进行更新,得到更新完成的第一绘制区域,进而基于更新后的第一绘制区域进行渲染上屏,有助于解决当前执行主体无法直接对视频数据进行渲染的问题,并且由于执行主体在接收到第二绘制区域填充的完成的消息后可即时对视频数据进行渲染,提高了视频数据渲染的实时性。
进一步参考图6,作为对上述各图所示方法的实现,本申请提供了一种视频渲染装置的一个实施例,该装置实施例与图1所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图6所示,本实施例的视频渲染装置600包括:创建模块601、更新模块602和渲染模块603。
其中,创建模块601,可被配置成响应于识别当前组件为渲染扩展组件,执行与渲染扩展组件相对应的逻辑操作,该逻辑操作包括:在网页视图层创建第一绘制区域。
更新模块602,可被配置成调用多媒体通信组件对第一绘制区域进行视频数据更新,得到更新后的第一绘制区域。
渲染模块603,可被配置成将更新后的第一绘制区域渲染上屏。
在本实施例的一些可选的方式中,更新模块包括:映射单元,被配置成将第一绘制区域映射到多媒体通信组件中,得到第二绘制区域;获取单元,被配置成响应于接收到多媒体通信组件在完成对第二绘制区域的视频数据填充后发送的填充完成的消息,获取视频数据对第一绘制区域进行更新,得到更新后的第一绘制区域。
在本实施例的一些可选的方式中,填充完成的消息包括:存储视频数据的地址信息,以及获取单元进一步被配置成:基于存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
在本实施例的一些可选的方式中,创建模块进一步被配置成:在在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
在本实施例的一些可选的方式中,该装置还包括:上屏模块,被配置成响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图7所示,是根据本申请实施例的视频渲染方法的电子设备的框图。
700是根据本申请实施例的视频渲染方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图7所示,该电子设备包括:一个或多个处理器701、存储器702,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图7中以一个处理器701为例。
存储器702即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的视频渲染方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的视频渲染方法。
存储器702作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的视频渲染方法对应的程序指令/模块(例如,附图6所示的创建模块601、更新模块602和渲染模块603)。处理器701通过运行存储在存储器702中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的视频渲染方法。
存储器702可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储视频渲染的电子设备的使用所创建的数据等。此外,存储器702可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器702可选包括相对于处理器701远程设置的存储器,这些远程存储器可以通过网络连接至视频渲染的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
视频渲染方法的电子设备还可以包括:输入装置703和输出装置704。处理器701、存储器702、输入装置703和输出装置704可以通过总线或者其他方式连接,图7中以通过总线连接为例。
输入装置703可接收输入的数字或字符信息,以及产生与直播视频流的质量监控的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的技术方案,,使得渲染扩展组件与H5组件具有相同的属性信息,解决了现有技术中原生组件无法直接在网页视图层对视频数据进行渲染的问题,进一步提升了开发的灵活性。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (12)
1.一种视频渲染方法,所述方法包括:
响应于识别当前组件为渲染扩展组件,执行与所述渲染扩展组件相对应的逻辑操作,所述逻辑操作包括:在网页视图层创建第一绘制区域;
调用多媒体通信组件对所述第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;
将所述更新后的第一绘制区域渲染上屏。
2.根据权利要求1所述的方法,其中,所述调用多媒体通信组件对所述第一绘制区域进行视频数据更新,得到更新后的第一绘制区域包括:
将所述第一绘制区域映射到多媒体通信组件中,得到第二绘制区域;
响应于接收到所述多媒体通信组件在完成对所述第二绘制区域的视频数据填充后发送的填充完成的消息,获取所述视频数据对所述第一绘制区域进行更新,得到更新后的第一绘制区域。
3.根据权利要求2所述的方法,其中,所述填充完成的消息包括:存储所述视频数据的地址信息,以及所述获取所述视频数据对所述第一绘制区域进行更新,得到更新后的第一绘制区域包括:
基于所述存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
4.根据权利要求1所述的方法,其中,所述逻辑操作还包括:
在所述在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
5.根据权利要求1所述的方法,所述方法还包括:
响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
6.一种视频渲染装置,所述装置包括:
创建模块,被配置成响应于识别当前组件为渲染扩展组件,执行与所述渲染扩展组件相对应的逻辑操作,所述逻辑操作包括:在网页视图层创建第一绘制区域;
更新模块,被配置成调用多媒体通信组件对所述第一绘制区域进行视频数据更新,得到更新后的第一绘制区域;
渲染模块,被配置成将所述更新后的第一绘制区域渲染上屏。
7.根据权利要求6所述的装置,其中,所述更新模块包括:
映射单元,被配置成将所述第一绘制区域映射到多媒体通信组件中,得到第二绘制区域;
获取单元,被配置成响应于接收到所述多媒体通信组件在完成对所述第二绘制区域的视频数据填充后发送的填充完成的消息,获取所述视频数据对所述第一绘制区域进行更新,得到更新后的第一绘制区域。
8.根据权利要求7所述的装置,其中,所述填充完成的消息包括:存储所述视频数据的地址信息,以及获取单元进一步被配置成:
基于所述存储视频数据的地址信息获取视频数据对第一绘制区域进行更新。
9.根据权利要求6所述的装置,其中,所述创建模块进一步被配置成:
在所述在网页视图层创建第一绘制区域之前,创建独立线程以及渲染上下文。
10.根据权利要求6所述的装置,所述装置还包括:
上屏模块,被配置成响应于识别当前组件不是渲染扩展组件,直接在网页视图层对当前组件进行渲染上屏。
11.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-5中任一项所述的方法。
12.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1-5中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010888917.5A CN111913711B (zh) | 2020-08-28 | 2020-08-28 | 视频渲染方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010888917.5A CN111913711B (zh) | 2020-08-28 | 2020-08-28 | 视频渲染方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111913711A true CN111913711A (zh) | 2020-11-10 |
CN111913711B CN111913711B (zh) | 2024-04-09 |
Family
ID=73266470
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010888917.5A Active CN111913711B (zh) | 2020-08-28 | 2020-08-28 | 视频渲染方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111913711B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112416461A (zh) * | 2020-11-25 | 2021-02-26 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10452868B1 (en) * | 2019-02-04 | 2019-10-22 | S2 Systems Corporation | Web browser remoting using network vector rendering |
CN110704136A (zh) * | 2019-09-27 | 2020-01-17 | 北京百度网讯科技有限公司 | 小程序组件的渲染方法、客户端、电子设备及存储介质 |
-
2020
- 2020-08-28 CN CN202010888917.5A patent/CN111913711B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10452868B1 (en) * | 2019-02-04 | 2019-10-22 | S2 Systems Corporation | Web browser remoting using network vector rendering |
CN110704136A (zh) * | 2019-09-27 | 2020-01-17 | 北京百度网讯科技有限公司 | 小程序组件的渲染方法、客户端、电子设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
JAKUB STANKOWSKI: "Processing Pipeline for Real-Time Remote Delivery of Virtual View in FTV Systems", IEEE, 25 October 2018 (2018-10-25) * |
乔少杰;王有为;倪胜巧;彭京;: "基于OpenGL的快速图像渲染方法", 计算机应用研究, no. 05, 15 May 2008 (2008-05-15) * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112416461A (zh) * | 2020-11-25 | 2021-02-26 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
CN112416461B (zh) * | 2020-11-25 | 2024-04-12 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111913711B (zh) | 2024-04-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110704136B (zh) | 小程序组件的渲染方法、客户端、电子设备及存储介质 | |
CN107992301B (zh) | 用户界面实现方法、客户端及存储介质 | |
CN111433743B (zh) | 一种app远程控制方法及相关设备 | |
CN110795195A (zh) | 一种网页渲染方法、装置、电子设备及存储介质 | |
CN110989878B (zh) | 小程序中的动画展示方法、装置、电子设备及存储介质 | |
CN107832108A (zh) | 3D canvas网页元素的渲染方法、装置及电子设备 | |
CN111158799A (zh) | 一种页面渲染方法、装置、电子设备及存储介质 | |
CN111680230B (zh) | 搜索结果页的展示方法、装置、电子设备及存储介质 | |
CN111679738B (zh) | 一种屏幕切换方法、装置、电子设备及存储介质 | |
CN111897619A (zh) | 浏览器页面的显示方法、装置、电子设备及存储介质 | |
CN113220571B (zh) | 移动网页的调试方法、系统、设备和存储介质 | |
CN113655975B (zh) | 图像显示方法、装置、电子设备和介质 | |
CN111610972B (zh) | 页面生成方法、装置、设备及存储介质 | |
US20110001753A1 (en) | Method, module, and device for displaying graphical information | |
CN115309470A (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN110727383A (zh) | 基于小程序的触控交互方法、装置、电子设备与存储介质 | |
CN111913711B (zh) | 视频渲染方法和装置 | |
CN113536755A (zh) | 用于生成海报的方法、装置、电子设备、存储介质及产品 | |
CN112947916A (zh) | 用于实现在线画布的方法、装置、设备以及存储介质 | |
CN112363725A (zh) | 基于web端配置电视主场景并可视化渲染的系统 | |
CN106383705A (zh) | 在应用瘦客户端中设置鼠标显示状态的方法及装置 | |
CN112035210B (zh) | 用于输出颜色信息的方法、装置、设备和介质 | |
CN111708475B (zh) | 虚拟键盘的生成方法和装置 | |
CN111177558B (zh) | 频道业务构建方法及装置 | |
CN114546343A (zh) | 活动页面的生成方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |