直播画面的显示方法、装置、终端及存储介质制造方法及图纸

本申请实施例公开了一种直播画面的显示方法、装置、终端及存储介质，属于计算机技术领域。该方法包括：显示直播画面，直播画面包括第一画面元素和第二画面元素；接收对目标画面元素的元素调整指令，目标画面元素属于第二画面元素；根据元素调整指令所指示的调整方式，调整目标画面元素在直播画面中的布局。本申请实施例中，通过两路视频流分别对直播画面中不同的画面元素进行传输，其中一路视频流用于传输主播画面中的可调画面元素，从而使用户在观看直播时，可以根据自己的需求对直播画面的布局进行自定义调整，提高了直播画面布局的灵活性。

【技术实现步骤摘要】
直播画面的显示方法、装置、终端及存储介质
本申请实施例涉及计算机
，特别涉及一种直播画面的显示方法、装置、终端及存储介质。
技术介绍
随着互联网技术的快速发展，网络直播已经成为重要的休闲娱乐方式之一。用户可以选择进入感兴趣的直播间，观看主播的直播视频，并通过直播间的评论区与主播进行互动。相关技术中，主播在直播过程中通常会设置小窗口、固定图片或文字等元素，方便为观众展示信息，主播可以根据自己的意愿调整各个元素在直播画面中的位置，观众通过终端观看到的直播画面为主播调整后的画面。然而，采用相关技术中的画面显示方法，只能由主播决定直播画面的布局，观众无法决定各个元素是否展示，也无法调整各个元素在画面中的位置。
技术实现思路
本申请实施例提供了一种直播画面的显示方法、装置、终端及存储介质。所述技术方案如下：一方面，本申请实施例提供了一种直播画面的显示方法，所述方法包括：显示直播画面，所述直播画面包括第一画面元素和第二画面元素，所述第一画面元素通过对第一视频流中的视频帧渲染得到，所述第二画面元素通过对第二视频流中的视频帧渲染得到，且所述第二画面元素为可调画面元素，所述第一视频流与所述第二视频流对应同一推流端；接收对目标画面元素的元素调整指令，所述目标画面元素属于所述第二画面元素；根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局。在一种可能的实施方式中，所述显示直播画面之前，所述方法包括：拉取所述第一视频流和所述第二视频流；获取所述第一视频流中的第一视频帧，以及所述第二视频流中的第二视频帧，所述第一视频帧和所述第二视频帧对应同一时刻；根据所述第一视频帧在所述直播画面中渲染所述第一画面元素；根据所述第二视频帧中所述第二画面元素的原始布局，在所述直播画面中渲染所述第二画面元素。在一种可能的实施方式中，所述根据所述第二视频帧中所述第二画面元素的原始布局，在所述直播画面中渲染所述第二画面元素，包括：从所述第二视频流中获取补充增强信息(SupplementalEnhancementInformation，SEI)，所述SEI用于指示所述第二画面元素在所述第二视频帧中的第一位置，以及所述第二画面元素在所述直播画面中的第二位置；根据所述第一位置从所述第二视频帧中提取所述第二画面元素；在所述直播画面中的所述第二位置渲染所述第二画面元素。在一种可能的实施方式中，所述调整方式包括位置调整和尺寸调整中的至少一种；所述根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局，包括：获取所述元素调整指令所指示的目标位置和/或目标尺寸，所述目标位置用于指示所述目标画面元素经过布局调整后在所述直播画面中的位置，所述目标尺寸用于指示所述目标画面元素经过布局调整后的尺寸；根据所述目标位置和/或所述目标尺寸，在所述直播画面中渲染所述目标画面元素。在一种可能的实施方式中，所述接收对目标画面元素的元素调整指令之后，所述方法还包括：存储所述目标画面元素对应的目标布局，所述目标布局包括所述目标位置和所述目标尺寸中的至少一种；所述方法还包括：响应于存储有所述目标布局，根据所述目标布局显示所述直播画面。在一种可能的实施方式中，所述接收对目标画面元素的元素调整指令之前，所述方法还包括：接收对直播界面中元素调整控件的触发操作；对所述直播画面中的所述第二画面元素增加预设显示效果。在一种可能的实施方式中，所述方法还包括：响应于接收到对所述目标画面元素的拖拽操作，且所述拖拽操作的拖拽终点位于预设区域，停止显示所述目标画面元素；或，显示各个第二画面元素对应的元素关闭控件；响应于接收到对所述目标画面元素对应的所述元素关闭控件的触发操作，停止显示所述目标画面元素。另一方面，本申请实施例提供了一种直播画面的显示装置，所述装置包括：第一显示模块，用于显示直播画面，所述直播画面包括第一画面元素和第二画面元素，所述第一画面元素通过对第一视频流中的视频帧渲染得到，所述第二画面元素通过对第二视频流中的视频帧渲染得到，且所述第二画面元素为可调画面元素，所述第一视频流与所述第二视频流对应同一推流端；第一接收模块，用于接收对目标画面元素的元素调整指令，所述目标画面元素属于所述第二画面元素；调整模块，用于根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局。另一方面，本申请实施例提供了一种终端，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现上述方面所述的直播画面的显示方法。另一方面，本申请实施例提供了一种计算机可读存储介质，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现上述方面所述的直播画面的显示方法。本申请实施例提供的技术方案的有益效果至少包括：本申请实施例中，通过两路视频流分别对直播画面中不同的画面元素进行传输，其中一路视频流用于传输直播画面中的可调画面元素，从而使用户在观看直播时，可以根据自己的需求对直播画面的布局进行自定义调整，提高了直播画面布局的灵活性。附图说明图1是根据本申请一示例性实施例提供的实施环境的示意图；图2是根据本申请一示例性实施例示出的直播画面的显示方法的流程图；图3是根据本申请一示例性实施例示出的调整目标画面元素的示意图；图4是根据本申请另一示例性实施例示出的直播画面的显示方法的流程图；图5是根据本申请一示例性实施例示出的直播画面的示意图；图6是根据本申请一示例性实施例示出的对第二画面元素增加预设显示效果的示意图；图7是根据本申请一示例性实施例示出的预设区域的示意图；图8是根据本申请一示例性实施例示出的元素关闭控件的示意图；图9是根据本申请一示例性实施例示出的直播画面的显示装置的结构框图；图10是根据本申请另一示例性实施例示出的直播画面的显示装置的结构框图；图11是根据本申请一示例性实施例示出的终端的结构框图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。请参考图1，其示出了本申请一个实施例提供的实施环境的示意图。该实施环境可以包括：第一终端110、服务器120和第二终端130。第一终端110安装和运行有具有直播观看功能的应用程序111，第一终端110是第一用户112使用的终端，第一用户11本文档来自技高网...

【技术保护点】
1.一种直播画面的显示方法，其特征在于，所述方法包括：/n显示直播画面，所述直播画面包括第一画面元素和第二画面元素，所述第一画面元素通过对第一视频流中的视频帧渲染得到，所述第二画面元素通过对第二视频流中的视频帧渲染得到，且所述第二画面元素为可调画面元素，所述第一视频流与所述第二视频流对应同一推流端；/n接收对目标画面元素的元素调整指令，所述目标画面元素属于所述第二画面元素；/n根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局。/n

【技术特征摘要】
1.一种直播画面的显示方法，其特征在于，所述方法包括：
显示直播画面，所述直播画面包括第一画面元素和第二画面元素，所述第一画面元素通过对第一视频流中的视频帧渲染得到，所述第二画面元素通过对第二视频流中的视频帧渲染得到，且所述第二画面元素为可调画面元素，所述第一视频流与所述第二视频流对应同一推流端；
接收对目标画面元素的元素调整指令，所述目标画面元素属于所述第二画面元素；
根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局。


2.根据权利要求1所述的方法，其特征在于，所述显示直播画面之前，所述方法包括：
拉取所述第一视频流和所述第二视频流；
获取所述第一视频流中的第一视频帧，以及所述第二视频流中的第二视频帧，所述第一视频帧和所述第二视频帧对应同一时刻；
根据所述第一视频帧在所述直播画面中渲染所述第一画面元素；
根据所述第二视频帧中所述第二画面元素的原始布局，在所述直播画面中渲染所述第二画面元素。


3.根据权利要求2所述的方法，其特征在于，所述根据所述第二视频帧中所述第二画面元素的原始布局，在所述直播画面中渲染所述第二画面元素，包括：
从所述第二视频流中获取补充增强信息SEI，所述SEI用于指示所述第二画面元素在所述第二视频帧中的第一位置，以及所述第二画面元素在所述直播画面中的第二位置；
根据所述第一位置从所述第二视频帧中提取所述第二画面元素；
在所述直播画面中的所述第二位置渲染所述第二画面元素。


4.根据权利要求2所述的方法，其特征在于，所述调整方式包括位置调整和尺寸调整中的至少一种；
所述根据所述元素调整指令所指示的调整方式，调整所述目标画面元素在所述直播画面中的布局，包括：
获取所述元素调整指令所指示的目标位置和/或目标尺寸，所述目标位置用于指示所述目标画面元素经过布局调整后在所述直播画面中的位置，所述目标尺寸用于指示所述目标画面元素经过布局调整后的尺寸；
根据所述目标位置和/或所述目标尺寸，在所述直播画面中渲染所述目标画面元素。


5.根据权利要求4所述的方法，其特征在于，所述接收对目标画面元素的元素调整指令之后，所述方法还包括：
存储所述目标画面元素对应的目标布局，所述目标布局包括所述目标位置和所述目标尺寸中的至少一种；
所述方法还包括：
响应于存储有所述目标布局，根据所述目标布局显示所述直播画面。


6.根据权利要求1至5任一所述的方法，其特征在于，所述接收对目标画面元素的元素调整指令之前，所述方法还包...

【专利技术属性】
技术研发人员：陈文琼，
申请(专利权)人：广州酷狗计算机科技有限公司，
类型：发明
国别省市：广东;44