CN113055750A

CN113055750A - 直播方法、装置、终端及存储介质

Info

Publication number: CN113055750A
Application number: CN202110250604.1A
Authority: CN
Inventors: 韦恒
Original assignee: Guangzhou Fanxing Huyu IT Co Ltd
Current assignee: Guangzhou Fanxing Huyu IT Co Ltd
Priority date: 2021-03-08
Filing date: 2021-03-08
Publication date: 2021-06-29
Anticipated expiration: 2041-03-08
Also published as: CN113055750B

Abstract

本申请实施例提供一种直播方法、装置、终端及存储介质。该方法包括：在当前用户界面中的目标卡片预览展示目标直播频道的第一直播画面；响应于接收到对应于目标卡片的打开指示，将第一直播画面对应的第一视图的显示层级设置为顶层层级，将目标直播频道的第二视图设置为不可见状态，第二视图是指目标直播频道的视图中除第一视图之外的视图；在当前用户界面跳转播放目标直播频道的第二直播画面。本申请实施例提供的技术方案，可以避免观众终端跳转目标直播频道的完整直播画面的过程中，聊天内容的显示被中断。

Description

直播方法、装置、终端及存储介质

技术领域

本申请实施例涉及互联网技术领域，特别涉及一种直播方法、装置、终端及存储介质。

背景技术

目前，直播平台提供有各式各样的直播内容，观众用户可以在直播平台提供的直播内容中选择一项来观看，也可以在观看直播时进行互动交流，比如聊天、发表评论、发表弹幕等等。

相关技术中，终端显示卡片列表，卡片列表中的卡片预览展示直播频道的直播画面，当用户期望观看某一直播画面时，可以触发该直播画面的对应的卡片，此时，终端由卡片列表跳转播放上述被选择的直播频道的完整直播画面。

相关技术中，观众用户仅能够在观众终端播放完整直播画面时，才能够查看互动交流内容(比如聊天内容)。

发明内容

本申请实施例提供一种直播方法、装置、终端及存储介质，使用户能够预览聊天内容，且在由卡片列表跳转至目标直播频道的完整直播画面的过程中，避免聊天内容的显示被中断。所述技术方案如下：

一方面，本申请实施例提供一种直播方法，所述方法包括：

在目标卡片预览展示目标直播频道的第一直播画面，所述第一直播画面包括聊天区控件，所述聊天区控件用于展示聊天内容；

响应于接收到对应于所述目标卡片的打开指示，将所述第一直播画面对应的第一视图的显示层级设置为顶层层级，将所述目标直播频道的第二视图设置为不可见状态，所述第二视图是指所述目标直播频道的视图中除所述第一视图之外的视图；

播放所述目标直播频道的第二直播画面，所述第二直播画面包括所述聊天区控件。

另一方面，本申请实施例提供一种直播装置，所述装置包括：

预览模块，用于在目标卡片预览展示目标直播频道的第一直播画面，所述第一直播画面包括聊天区控件，所述聊天区控件用于展示聊天内容；

显示层级设置模块，用于响应于接收到对应于所述目标卡片的打开指示，将所述第一直播画面对应的第一视图的显示层级设置为顶层层级；

状态设置模块，用于将所述目标直播频道的第二视图设置为不可见状态，所述第二视图是指所述目标直播频道的视图中除所述第一视图之外的视图；

直播画面播放模块，用于播放所述目标直播频道的第二直播画面，所述第二直播画面包括所述聊天区控件。

又一方面，本申请实施例提供了一种终端，所述终端包括处理器和存储器，所述存储器存储有计算机程序，所述计算机程序由所述处理器加载并执行以实现如上所述的直播方法。

又一方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序由处理器加载并执行以实现如上所述的直播方法。

又一方面，本申请实施例提供了一种计算机程序产品，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行如上所述的直播方法。

本申请实施例提供的技术方案可以带来的有益效果至少包括：

通过在目标卡片预览目标直播频道的直播画面时，在目标卡片上添加用于显示聊天内容的聊天区控件，在观众用户触发打开目标直播频道时，目标卡片所显示的直播画面对应的第一视图的显示层级被设置为顶层层级，并且目标直播频道的其他视图被设置为不可见状态，此时观众终端跳转目标直播频道的完整直播画面时，聊天内容始终显示在最上层，且不会被其他视图所影响，因此观众终端跳转目标直播频道的完整直播画面的过程中，聊天内容的显示不会被中断。

附图说明

图1是本申请一个实施例提供的实施环境的示意图；

图2是本申请一个实施例提供的直播方法的流程图；

图3是图2实施例涉及的界面示意图；

图4是本申请一个实施例提供的显示第一直播画面的流程图；

图5是本申请另一个实施例提供的直播方法的流程图；

图6是本申请一个实施例示出的直播装置的结构框图；

图7是本申请一个实施例示出的终端的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

图1是本申请一个实施例提供的实施环境的示意图。该实施环境包括：观众终端11、至少一个主播终端12、服务器13。

观众终端11具有直播观看功能。观众终端11是智能手机、平板电脑、个人计算机(Personal Computer，PC)、智能可穿戴设备等等。

可选地，观众终端11安装有直播客户端，通过该直播客户端实现上述直播观看功能。直播客户端对应的直播平台提供有各式各样的直播内容，观众终端11显示卡片列表，卡片列表中的每张卡片用于预览展示一项直播内容，观众用户可以选择一张卡片打开，此时观众终端由卡片列表跳转至观众用户选择的直播内容。此外，观众用户在观看直播内容时，还可以与主播用户以及其他观众用户进行交流，比如发表聊天消息、发表弹幕、发表评论等等。

主播终端12用于提供直播内容。主播终端12是智能手机、平板电脑、个人计算机、智能可穿戴设备等等。可选地，主播终端12安装有直播客户端，通过该直播客户端提供直播内容。

服务器13是上述直播客户端对应的后台服务器，用于将主播终端12提供的直播内容推流至观众终端11。服务器13可以是一台服务器，也可以是多台服务器组成的服务器集群，还可以是一个云计算服务中心。

主播终端12与服务器13之间通过有线或无线网络建立通信连接。观众终端11与服务器13之间通过有线或无线网络建立通信连接。

上述的无线网络或有线网络使用标准通信技术和/或协议。网络通常为因特网、但也可以是其它任何网络，包括但不限于局域网(Local Area Network，LAN)、城域网(Metropolitan Area Network，MAN)、广域网(Wide Area Network，WAN)、移动、有线或者无线网络、专用网络或者虚拟专用网络的任何组合)。在一些实施例中，使用包括超文本标记语言(Hyper Text Mark-up Language，HTML)、可扩展标记语言(Extensible MarkupLanguage，XML)等的技术和/或格式来代表通过网络交换的数据。此外还可以使用诸如安全套接字层(Secure Socket Layer，SSL)、传输层安全(Transport Layer Security，TLS)、虚拟专用网络(Virtual Private Network，VPN)、网际协议安全(Internet ProtocolSecurity，IPsec)等常规加密技术来加密所有或者一些链路。在另一些实施例中，还可以使用定制和/或专用数据通信技术取代或者补充上述数据通信技术。

本申请实施例提供一种直播方法，通过在目标卡片预览目标直播频道的直播画面时，在目标卡片上添加用于显示聊天内容的聊天区控件，在观众用户触发打开目标直播频道时，目标卡片所显示的直播画面对应的第一视图的显示层级被设置为顶层层级，并且目标直播频道的其他视图被设置为不可见状态，此时观众终端跳转目标直播频道的完整直播画面时，聊天内容始终显示在最上层，且不会被其他视图所影响，因此观众终端跳转目标直播频道的完整直播画面的过程中，聊天内容的显示不会被中断。

图2是本申请一个实施例提供的直播方法的流程图。该方法应用于图1中的观众终端。该方法包括：

步骤201，在目标卡片预览展示目标直播频道的第一直播画面。

终端当前显示的用户界面包括卡片列表，卡片列表包括至少一张卡片。上述卡片用于预览展示直播频道的直播画面。卡片所展示的直播画面可以是静态或者动态的，比如对于未被选择的卡片(也即目标卡片之外的卡片)，其展示的是静态的直播画面，比如主播用户设置的封面图片、身份信息等等，比如对于被选择的卡片(也即目标卡片)，其展示的是动态的直播画面。

在一种可能的实现方式中，卡片的尺寸小于当前用户界面的尺寸。卡片数量较多时，当前由用户界面仅显示部分卡片，观众终端根据对应于当前用户界面的滑动信号，或者，对应于进度条的拖动信号来切换显示不同卡片。在另一种可能的实现方式中，卡片的尺寸等于当前用户界面的尺寸，也即终端全屏显示卡片。

目标卡片是被观众用户选择的卡片。目标直播频道的第一直播画面用于预览展示目标直播频道的部分直播内容，其包括聊天区控件，该聊天区控件用于显示聊天内容。可选地，该聊天区控件还用于显示以下一项或多项的组合：工会信息、礼物信息、比赛信息、连麦信息、广告信息等等。

参考图3，观众终端在当前用户界面显示目标卡片31，目标卡片31显示有第一直播画面，第一直播画面包括用于显示聊天内容的聊天区控件32。

步骤202，响应于接收到对应于目标卡片的打开指示，将第一直播画面的第一视图的显示层级设置为顶层层级。

打开指示用于触发打开目标卡片对应的目标直播频道。可选地，观众终端接收到对应于目标卡片的触发信号时，接收到打开指示。触发信号可以是单击信号、双击信号、长按信号、滑动信号、拖动信号中的任意一种，在本申请实施例中，仅以触发信号为双击信号为例进行说明。

将第一直播画面的第一视图的显示层级设置为顶层层级，也即是将第一视图显示在最上层。可选地，观众终端通过预设函数来设置第一视图的显示层级为顶层层级。可选地，预设函数为viewDidLoad()函数。

需要说明的是，观众终端还将第一视图传递进目标直播频道，并将其放置在目标直播频道的根视图。

步骤203，将目标直播频道的第二视图设置为不可见状态。

第二视图是指目标直播频道的视图中除第一视图之外的视图。第二视图包括目标直播频道的根视图，以及目标直播频道的完整直播画面中除第一直播画面之外的其它界面元素对应的视图，比如虚拟道具栏对应的视图等等。

为避免在跳转目标直播频道的完整直播画面的过程中，第二视图对第一直播画面中的聊天区控件造成影响，因此需要将第二视图设置为不可见状态。

可选地，观众终端设置第二视图的透明度为第一预设值，以使得第二视图处于不可见状态。第一预设值由观众终端预先设定。可选地，观众终端通过设置第二视图的背景色的alpha值，来设置第二视图的透明度，比如将alpha值设为0，此时第二视图完全透明，不会影响聊天区控件的显示。

步骤204，播放目标直播频道的第二直播画面。

第二直播画面是目标直播频道的完整直播画面，其除了包括第一直播画面中的聊天区控件之外，还包括其他界面元素，比如虚拟道具栏等。

可选地，观众终端取消显示目标卡片，并对目标卡片所显示的第一直播画面进行调整，直至调整后的第一直播画面匹配观众终端中的播放窗口。调整包括放大操作以及位移操作中的前一种或全部两种。播放窗口可以是当前用户界面的完整界面或者是预先设定的部分界面。

参考图3，观众终端在当前用户界面跳转播放第二直播画面，第二直播画面也包括用于显示聊天内容的聊天区控件32。

在本申请实施例中，在观众用户触发打开目标直播频道时，目标卡片所显示的包括聊天内容的第一直播画面对应的第一视图的显示层级被设置为顶层层级，并且目标直播频道的其他视图被设置为不可见状态，此时观众终端跳转目标直播频道的完整直播画面时，聊天内容始终显示在最上层，且不会被其他视图所影响，因此时观众终端跳转目标直播频道的完整直播画面的过程中，聊天内容的显示不会被中断。

需要说明的是，若从卡片列表跳转至目标直播频道的完整直播画面时存在转场动画，本申请实施例提供的技术方案，还需要在跳转第二直播画面之前，取消显示转场动画，以避免转场动画对聊天内容造成遮挡。

综上所述，本申请实施例提供的技术方案，通过在目标卡片预览目标直播频道的直播画面时，在目标卡片上添加用于显示聊天内容的聊天区控件，在观众用户触发打开目标直播频道时，目标卡片所显示的直播画面对应的第一视图的显示层级被设置为顶层层级，并且目标直播频道的其他视图被设置为不可见状态，此时观众终端跳转目标直播频道的完整直播画面时，聊天内容始终显示在最上层，且不会被其他视图所影响，因此观众终端跳转目标直播频道的完整直播画面的过程中，聊天内容的显示不会被中断。

下面对在目标卡片显示第一直播画面的过程进行讲解。在基于图2所示实施例提供的可选实施例中，参考图4，步骤201可以实现为如下子步骤：

步骤201a，在卡片列表中确定目标卡片。

卡片列表中的卡片用于预览展示直播频道的直播画面。可选地，观众终端将显示时长达到预设时长的卡片确定为目标卡片。预设时长根据实验或经验设定，示例性地，预设时长为2秒。可选地，观众终端接收对应于当前用户界面的滑动信号，根据该滑动信号切换显示当前显示的卡片，若观众终端在预设时长内未接收到滑动信号，则将当前显示的卡片确定为目标卡片。

步骤201b，获取目标卡片对应的目标直播频道的直播画面。

可选地，观众终端确定目标卡片后，调用查询接口获取目标直播频道的频道标识(比如虚拟房间号)，并基于频道标识获取目标直播频道的拉流地址，在判断出拉流地址与获取到的频道标识匹配时，获取目标直播频道的直播画面。

步骤201c，基于目标卡片的尺寸调整目标直播频道的直播画面。

由于目标卡片的尺寸通常小于播放窗口的尺寸，因此要按照目标卡片的尺寸来缩小目标直播频道的直播画面。

步骤201d，在目标卡片播放调整后的目标直播频道的直播画面。

步骤201e，在目标卡片显示聊天区控件。

观众终端在目标卡片播放调整后的目标直播频道的直播画面后，在目标卡片上创建聊天区控件。聊天区控件用于显示聊天内容，其在目标卡片上的显示位置可以预先设定，比如设置在目标卡片的右侧。

步骤201f，调用预设接口从目标直播频道获取聊天内容，并在聊天区控件显示聊天内容。

预设接口是指目标直播频道的socket，通过该socket来获取目标直播频道的聊天内容，并在聊天区控件进行显示。

图5是本申请一个实施例提供的直播方法的流程图，该方法应用于观众客户端，该方法包括：

步骤501，在目标卡片预览展示目标直播频道的第一直播画面。

第一直播画面包括聊天区控件，聊天区控件用于展示聊天内容。

步骤502，响应于接收到对应于目标卡片的打开指示，将第一直播画面对应的第一视图的显示层级设置为顶层层级。

步骤503，设置第二视图的透明度为第一预设值，以使得第二视图处于不可见状态。

步骤504，播放目标直播频道的第二直播画面。

第二直播画面包括聊天区控件。

步骤505，在跳转播放第二直播画面的过程中，将第二视图的透明度由第一预设值调整至第二预设值。

第一预设值小于第二预设值。第二预设值根据第二视图的原始透明度实际设定。可选地，观众终端通过设置第二视图的背景色的alpha值，来设置第二视图的透明度。在跳转第二直播画面的过程中，将第二视图的透明度渐变恢复，使得观众用户能查看到目标直播频道的完整直播画面。

需要说明的是，由于第一视图的层级始终位于最上层，即使透明度恢复，也不会对第一直播画面造成遮挡。

步骤506，将第一视图的显示层级由顶层层级调整至原始层级。

原始层级可以由观众终端预先设置。可选地，观众终端在跳转播放第二直播画面完成后，将第一视图的显示层级调整至原始层级，使得观众用户能查看到完整直播画面。可选地，观众终端通过预设函数来设置第一视图的显示层级为原始层级。可选地，预设函数为viewDidLoad()函数。

还通过在跳转第二直播画面的过程中，将第二视图的透明度逐渐恢复，并在跳转完成后，将第一视图的显示层级由顶层层级调整至原始层级，使得观众用户能顺利观看目标直播频道的完整直播画面。

以下为本申请装置实施例，对于装置实施例中未详细阐述的部分，可以参考上述方法实施例中公开的技术细节。

请参考图6，其示出了本申请一个示例性实施例提供的直播装置的框图。该直播装置可以通过软件、硬件或者两者的组合实现成为终端的全部或一部分。该直播装置包括：

预览模块601，用于在目标卡片预览展示目标直播频道的第一直播画面，所述第一直播画面包括聊天区控件，所述聊天区控件用于展示聊天内容。

显示层级设置模块602，用于响应于接收到对应于所述目标卡片的打开指示，将所述第一直播画面对应的第一视图的显示层级设置为顶层层级。

状态设置模块603，用于将所述目标直播频道的第二视图设置为不可见状态，所述第二视图是指所述目标直播频道的视图中除所述第一视图之外的视图。

直播画面播放模块604，用于播放所述目标直播频道的第二直播画面，所述第二直播画面包括所述聊天区控件。

在基于图6所示实施例提供的可选实施例中，所述状态设置模块603，用于：

设置所述第二视图的透明度为第一预设值，以使得所述第二视图处于所述不可见状态。

可选地，所述状态设置模块603，还用于：

在跳转播放所述第二直播画面的过程中，将所述第二视图的透明度由所述第一预设值调整至第二预设值，其中，所述第一预设值小于所述第二预设值。

在基于图6所示实施例提供的可选实施例中，所述显示层级设置模块602，用于：将所述第一视图的显示层级由所述顶层层级调整至原始层级。

在基于图6所示实施例提供的可选实施例中，所述预览模块601，用于：

在卡片列表中确定所述目标卡片，所述卡片列表中的卡片用于预览展示直播频道的直播画面；

获取所述目标卡片对应的所述目标直播频道的直播画面；

基于所述目标卡片的尺寸调整所述目标直播频道的直播画面；

在所述目标卡片播放调整后的所述目标直播频道的直播画面；

在所述目标卡片显示所述聊天区控件；

调用预设接口从所述目标直播频道获取聊天内容，并在所述聊天区控件显示所述聊天内容。

在基于图6所示实施例提供的可选实施例中，所述装置还包括：转场动画播放模块(图6未示出)。

转场动画播放模块，用于取消播放转场动画。

需要说明的是，上述实施例提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图7示出了本申请一个示例性实施例提供的终端700的结构框图。该终端700可以是：智能手机、平板电脑、MP3播放器、MP4播放器、笔记本电脑或台式电脑。终端700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端700包括有：处理器701和存储器702。

处理器701可以包括一个或多个处理核心，比如4核心处理器、7核心处理器等。处理器701可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable LogicArray，PLA)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称中央处理器(CentralProcessing Unit，CPU)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以在集成有图像处理器(Graphics Processing Unit，GPU)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。

存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储计算机程序，该计算机程序用于被处理器701所执行以实现本申请中方法实施例提供的直播方法。

在一些实施例中，终端700还可选包括有：外围设备接口703和至少一个外围设备。处理器701、存储器702和外围设备接口703之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口703相连。具体地，外围设备包括：射频电路704、触摸显示屏705、摄像头组件706、音频电路707、定位组件708和电源709中的至少一种。

本领域技术人员可以理解，图7中示出的结构并不构成对终端700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令，所述至少一条指令由终端的处理器加载并执行以实现上述方法实施例中的直播方法。

可选地，上述计算机可读存储介质可以是ROM、RAM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述直播方法。

以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims

1.一种直播方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述将所述目标直播频道的第二视图设置为不可见状态，包括：

3.根据权利要求2所述的方法，其特征在于，所述方法还包括：

4.根据权利要求1所述的方法，其特征在于，所述播放所述目标直播频道的第二直播画面之后，还包括：

将所述第一视图的显示层级由所述顶层层级调整至原始层级。

5.根据权利要求1至4任一项所述的方法，其特征在于，所述在当目标卡片预览展示目标直播频道的第一直播画面，包括：

获取所述目标卡片对应的所述目标直播频道的直播画面；

在所述目标卡片显示所述聊天区控件；

6.根据权利要求1至4任一项所述的方法，其特征在于，所述播放所述目标直播频道的直播画面之前，还包括：

取消播放转场动画。

7.一种直播装置，其特征在于，所述装置包括：

8.根据权利要求7所述的装置，其特征在于，所述状态设置模块，用于：

9.根据权利要求8所述的装置，其特征在于，所述状态设置模块，还用于：

10.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器存储有计算机程序，所述计算机程序由所述处理器加载并执行如权利要求1至6任一项所述的直播方法。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序由处理器加载并执行以实现如权利要求1至6任一项所述的直播方法。