视频支持元素插入的渲染处理方法、电子终端及存储介质技术

本申请公开了视频支持元素插入的渲染处理方法、电子终端及存储介质，所述方法包括：获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，以及混合元素对应于当前源视频帧中相应位置的第一位置数据；获取与混合元素对应的插入元素的第二纹理图像；将第一纹理图像和第二纹理图像进行混合渲染得到混合纹理图像；将混合纹理图像按照第一位置数据渲染在当前源视频帧的第三纹理图像中，直到源视频的所有源视频帧的渲染完成。通过上述方式，本申请能够在直播过程中渲染播放视频时有效地在视频帧中插入元素，以在视频中实现元素动态的效果。效果。效果。

【技术实现步骤摘要】
视频支持元素插入的渲染处理方法、电子终端及存储介质


[0001]本申请涉及直播
，特别是涉及视频支持元素插入的渲染处理方法、电子终端及存储介质。

技术介绍

[0002]随着互联网技术和通信技术的发展，社会进入了智能互联的时代，在互联网进行互动、娱乐和工作也越来越普遍，其中较为普遍的就是直播技术，人们能够通过智能设备能够随时随地观看直播或者进行直播，极大地丰富人们的生活以及拓宽了人们的视野。
[0003]在直播过程中，通过在直播界面呈现各种各样不同的动态效果来吸引用户的观看。在直播中往往也会涉及到视频的播放，例如礼物动效可以视频的方式播放，通过视频动效的方式能够呈现更多的细节，但是视频制作完成后在渲染中一般是难以插入相应的元素。

技术实现思路

[0004]本申请主要解决的技术问题是提供视频支持元素插入的渲染处理方法、电子终端及存储介质，能够在源视频帧中插入元素。
[0005]为解决上述技术问题，本申请采用的一个技术方案是：提供一种视频支持元素插入的渲染处理方法，该方法包括：获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，以及混合元素对应于当前源视频帧中相应位置的第一位置数据；获取与混合元素对应的插入元素的第二纹理图像；将第一纹理图像和第二纹理图像进行混合渲染得到混合纹理图像；将混合纹理图像按照第一位置数据渲染在当前源视频帧的第三纹理图像中，直到源视频的所有源视频帧的渲染完成。
[0006]为解决上述技术问题，本申请采用的另一个技术方案是：提供一种电子终端，该电子终端包括处理器、存储器和通信电路；存储器和通信电路耦接处理器，存储器存储有计算机程序，处理器能够执行计算机程序以实现如上述本申请提供的视频支持元素插入的渲染处理方法。
[0007]为解决上述技术问题，本申请采用的另一个技术方案是：提供一种计算机可读的存储介质，该存储介质存储有计算机程序，计算机程序能够被处理器执行以实现如上述本申请提供的视频支持元素插入的渲染处理方法。
[0008]本申请的有益效果是：区别于现有技术的情况，获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，获取与混合元素对应的插入元素的第二纹理图像，将第一纹理图像和第二纹理图像进行混合渲染得到混合纹理图像，将混合纹理图像按照第一位置数据渲染在当前源视频帧的第三纹理图像中，直到源视频的所有源视频帧的渲染完成，由于第一位置数据可以表示插入元素在源视频帧中需要插入的位置，第三纹理图像可以是当前源视频帧经过渲染得到的纹理图像，通过将混合元素的第一纹理图像和插入元素的第二纹理图像混合渲染得到的混合纹理图像，然后再将混合纹理图像和第三纹理图像混合渲染
于第一位置数据所对应的位置，如此能够较好且有效地实现在源视频帧渲染时动态插入元素，而且由于预先获取混合元素对应于当前源视频帧中相应位置的第一位置数据，使得在渲染时能够快速地将图像渲染至相应的位置中，进而能够降低在动态插入元素过程中的不同步现象，提高用户在观看动态插入图像时的体验感，有利于提高用户粘性。
附图说明
[0009]图1是本申请视频支持元素插入的渲染处理方法实施例应用的直播系统的系统组成示意图；
[0010]图2是本申请视频支持元素插入的渲染处理方法实施例的流程示意图；
[0011]图3是本申请视频支持元素插入的显示处理方法实施例的素材图像的示意图；
[0012]图4是本申请视频支持元素插入的渲染处理方法实施例输出视频帧的示意图；
[0013]图5是本申请视频支持元素插入的渲染处理方法实施例的时序示意图；
[0014]图6是本申请视频支持元素插入的渲染处理方法实施例第一纹理图像和第二纹理图像混合渲染得到混合纹理图像的示意图；
[0015]图7是本申请视频支持元素插入的渲染处理方法实施例渲染有混合纹路图像的第三空白纹理图像和控制元素混合渲染得到第三纹理图像的示意图；
[0016]图8是本申请电子终端实施例的电路结构的示意框图；
[0017]图9是本申请计算机可读的存储介质的电路结构示意框图。
具体实施方式
[0018]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0019]本申请的专利技术人在长期研发过程中发现，在直播等场景中为了丰富直播效果，需要在MP4视频动效里面添加文字和图片这些动态的元素，但目前的做法是在播放MP4资源的时候，在播放器视图上叠加一个原生的视图，或者使用MP4+SVGA/Y2A的方式来实现，这样往往会存在两个不同的视图，在播放资源时存在不同步的情况，从而降低了用户在观看直播过程中的体验感。为了实现在视频渲染过程中插入动态元素，本申请提出以下实施例。
[0020]如图1所示，本申请视频支持元素插入的渲染处理方法描述的渲染处理方法可以应用于直播系统1中，具体地，直播系统1可以包括服务器10、主播终端20、观众终端30以及配置终端40。主播终端20、观众终端30、配置终端40可以为电子终端，具体地，主播终端20和观众终端30为安装有相应客户端程序的电子终端，也即客户终端。电子终端可以是移动终端、计算机、服务器或者其他终端等，移动终端可以是手机、笔记本电脑、平板电脑、智能穿戴设备等，计算机可以是台式电脑等。
[0021]服务器10可以从主播终端20中对直播数据流拉流，并可以将获取的直播数据流进行相应的处理后推流到观众终端30。观众终端30获取到直播数据流后即可观看主播或者嘉宾的直播过程。直播数据流的混流可以发生在服务器10、主播终端20和观众终端30中的至少一方。主播终端20和主播终端20之间、主播终端20和观众终端30之间均可以进行视频连
麦或语音连麦。在视频连麦中，连麦方可以将包括视频流在内的直播数据流推送到服务器10，进而将相应的直播数据推送至相应的连麦方以及观众终端30。主播终端20和观众终端30能够在直播间中显示到相应的直播画面。
[0022]当然，主播终端20和观众终端30是相对而言的，处于在直播过程中的终端为主播终端20，处于观看直播过程的终端为观众终端30。配置终端40用于对客户端以及服务器等进行配置，例如对客户端内显示的界面布局、礼物特效、动画等各项功能进行配置。配置终端40可以将相应的项目制作完成后发送给服务器10，由服务器10发送给客户终端，以实现客户端的后台配置。同样，客户终端也可以在接收到服务器10发出的数据后，对数据进行处理并显示，以供观众进行观看。
[0023]如图2所示，本申请视频支持元素插入的渲染处理方法实施例可以以客户终端为执行主体。本实施例可以包括如下步骤：S100：获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，以及混合元素对应于当前源视频帧中相应位置的第一位置数据。S200：获取与混合元素对本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种视频支持元素插入的渲染处理方法，其特征在于，包括：获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，以及所述混合元素对应于所述当前源视频帧中相应位置的第一位置数据；获取与所述混合元素对应的插入元素的第二纹理图像；将所述第一纹理图像和所述第二纹理图像进行混合渲染得到混合纹理图像；将所述混合纹理图像按照所述第一位置数据渲染在所述当前源视频帧的第三纹理图像中，直到所述源视频的所有所述源视频帧的渲染完成。2.根据权利要求1所述的渲染处理方法，其特征在于：所述将所述第一纹理图像和所述第二纹理图像进行混合渲染得到混合纹理图像，包括：将所述第二纹理图像处理成其形状与所述第一纹理图像的形状相匹配，得到所述混合纹理图像。3.根据权利要求2所述的渲染处理方法，其特征在于：所述将所述第二纹理图像处理成其形状与所述第一纹理图像的形状相匹配，得到所述混合纹理图像，包括：利用所述第一纹理图像的各像素的像素值所对应的透明度信息对所述第二纹理图像的各像素进行处理，以使得所述第二纹理图像的形状与所述第一纹理图像的形状相匹配。4.根据权利要求1
‑
3任一项所述的渲染处理方法，其特征在于：所述获取源视频的当前源视频帧所对应的混合元素的第一纹理图像，包括：创建第一空白纹理图像；获取所述混合元素的RGB数据，并将所述混合元素的RBG数据渲染在所述第一空白纹理图像上，得到所述第一纹理图像。5.根据权利要求4所述的渲染处理方法，其特征在于：所述获取所述混合元素的RGB数据，包括：获取与所述当前源视频帧对应的当前输出视频帧，以及所述混合元素在所述当前输出视频帧的第二位置数据；其中，所述当前输出视频帧上间隔设置有当前源视频帧的图像和所述混合元素的图像；利用所述第二位置数据在所述当前输出视频帧中获取所述混合元素的图像的各像素的RGB像素值。6.根据权利要求5所述的渲染处理方法，其特征在于：所述将所述混合纹理图像按照所述第一位置数据渲染在所述当前源视频帧的第三纹理图像中，包括：创建第三空白纹理图像；获取所述当前源视频帧的RGB数据，并将所述当前源视频帧的RGB数据渲染于所述第三空白纹理图像上，得到所述第三纹理图像。7.根据权利要求6所述的渲染处理方法，其特征在于：所述获取所述当前源视频帧的RGB数据，包括：在所述当前输出视频帧中获取所述当前源视频帧的图像的各像素的RGB像素值。8.根据权利要求7所述的渲染处理方法，其特征在于：
所述获取所述源视频帧的RGB数据，并将所述源视频帧的RBG数据渲染于所述第三空白纹理图像上，得到所述第三纹理图像，包括：从所述当前输出视频帧中获取与所述当前源视频帧对应的控制元素的各像素的像素值；其中，所...

【专利技术属性】
技术研发人员：利进龙，郭亚斌，袁小明，甘鹏龙，
申请(专利权)人：广州方硅信息技术有限公司，
类型：发明
国别省市：