CN114390309A - 直播界面显示方法和系统 - Google Patents

直播界面显示方法和系统 Download PDF

Info

Publication number
CN114390309A
CN114390309A CN202210036973.5A CN202210036973A CN114390309A CN 114390309 A CN114390309 A CN 114390309A CN 202210036973 A CN202210036973 A CN 202210036973A CN 114390309 A CN114390309 A CN 114390309A
Authority
CN
China
Prior art keywords
target container
container control
display window
sliding operation
display
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.)
Pending
Application number
CN202210036973.5A
Other languages
English (en)
Inventor
王清培
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN202210036973.5A priority Critical patent/CN114390309A/zh
Publication of CN114390309A publication Critical patent/CN114390309A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21—Server components or server architectures
    • H04N21/218—Source of audio or video content, e.g. local disk arrays
    • H04N21/2187—Live feed
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/488—Data services, e.g. news ticker
    • H04N21/4884—Data services, e.g. news ticker for displaying subtitles

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种直播界面显示方法，包括：在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；检测针对所述显示窗口的第一手势；及响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。本申请实施例提供的技术方案，可以基于第一手势即可清理覆盖在视频直播画面上的多个功能区的信息，让用户不受干扰地观看内容，提升用户体验。

Description

直播界面显示方法和系统
技术领域
本申请涉及信息处理领域，尤其涉及一种直播界面显示方法、系统、计算机设备及计算机可读存储介质。
背景技术
随着互联网技术的迅速普及，网络直播正在被越来越多的人接收和喜爱。网络直播一般涉及到：直播平台、主播终端和观众终端，其中主播终端可以经由直播平台向观众终端提供多媒体内容(如，视频内容)，还可以经由直播平台接收观众终端提供的多媒体内容(如，评论内容)，从而实现了边直播边互动的效果。由于网络直播有较强的现场性和互动性，因此受到越来越多的观众和主播的青睐。
在网络直播过程中，观众可以通过观众终端向主播赠送虚拟礼物、打赏、发表评论等。在主播终端和各个观众终端的直播间界面上，会实时展示这些互动信息及其他信息(榜单)等，从而实现信息互动，进一步提高主播人气和关注度。然而，这些信息有时会妨碍直播画面的重要内容的显示，从而影响用户的观看体验。
发明内容
本申请实施例的目的是提供一种直播界面显示方法、系统、计算机设备及计算机可读存储介质，解决上述问题。
本申请实施例的一个方面提供了一种直播界面显示方法，包括：
在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；
检测针对所述显示窗口的第一手势；及
响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
可选地，还包括：
预先设置目标容器控件，将所述目标容器控件置于顶层以覆盖在所述视频直播画面上；
将所述目标容器控件的透明度设置为预设值，以透视所述视频直播画面；
在所述目标容器控件中设置所述多个功能区，各个功能区用于承载不同类别的信息。
可选地，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息，包括：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
可选地，所述第一方向为从左至右；所述响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，包括：
响应于所述第一滑动操作中的释放动作，确定所述当前移动距离；其中，所述当前移动距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述当前移动距离和所述显示窗口的宽度之间的比值大于第一阈值，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口；及
在所述目标容器控件完全移出所述显示窗口的情形下，将所述目标容器控件的状态设置为不可用状态。
可选地，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息，包括：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在第一滑动操作的加速度大于第二阈值的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
可选地，还包括：
检测针对所述显示窗口的第二手势；及
响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息。
可选地，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；
所述响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息，包括：
响应于所述第二滑动操作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口；其中相对距离表示所述目标容器控件进入所述显示窗口的程度。
可选地，所述第二方向为从右至左；所述响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口，包括：
响应于所述第二滑动操作中的释放动作，确定所述目标容器控件的相对距离，所述相对距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述相对距离小于第三阈值，继续沿所述第二方向移动所述目标容器控件，直至所述相对距离为零。
可选地，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；
所述响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息，包括：
响应于所述第二滑动操作中的滑动动作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述第二滑动操作的加速度大于第四阈值的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口。
本申请实施例的一个方面又提供了一种直播界面显示系统，包括：
显示模块，用于在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；
检测模块，用于检测针对所述显示窗口的第一手势；及
清屏模块，用于响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
本申请实施例的一个方面又提供了一种直播界面显示方法，包括：
在触摸屏显示器上以全屏模式展示目标直播间的视频直播画面；
在所述触摸屏显示器上展示多个功能区的信息，所述多个功能区分布在目标容器控件的不同位置处，所述目标容器控件处于透明状态并覆盖在所述视频直播画面上；
检测在所述触摸屏显示器上的第一滑动操作，所述第一滑动操作对应第一方向；
响应于在所述触摸屏显示器上的第一滑动操作，沿所述第一方向移动所述目标容器控件；
响应于在所述触摸显示器上释放所述第一滑动操作，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述触摸屏显示器的可视范围。
可选地，所述方法还包括：
检测在所述触摸屏显示器上的第二滑动操作，所述第二滑动操作对应第二方向，所述第一方向与所述第二方向相反；
响应于在所述触摸屏显示器上的第二滑动操作，沿所述第二方向移动所述目标容器控件，以将所述目标容器控件从所述触摸屏显示器的可视范围外移动到可视范围内；
响应于在所述触摸显示器上释放所述第二滑动操作，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述触摸屏显示器的可视范围。
可选地：所述第一滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从左至右的滑动动作；
所述第二滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从右至左的滑动动作。
本申请实施例的一个方面又提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述直播界面显示方法的步骤。
本申请实施例的一个方面又提供了一种计算机可读存储介质，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述直播界面显示方法的步骤。
本申请实施例提供的直播界面显示方法、系统、计算机设备及计算机可读存储介质，可以包括以下技术效果：通过第一手势就可以清理覆盖在视频直播画面上的多个功能区的信息，让用户可以不受干扰地观看内容，提升用户体验。举例而言，立即清理相关展示、互动区域，如弹幕区、评论区、礼物面板、榜单等。
附图说明
图1示意性示出了根据本申请实施例的直播界面显示方法的应用环境图；
图2示意性示出了根据本申请实施例一的直播界面显示方法的流程图；
图3示意性示出了观众终端4A在直播状态下的图形用户界面；
图4示意性示出了观众终端4A在直播状态下的图形用户界面中的多个功能区的分解图；
图5示意性示出了观众终端4A执行清屏操作之后的图形用户界面；
图6示意性示出了根据本申请实施例一的直播界面显示方法的新增步骤流程图；
图7示意性示出了图2中步骤S204的子流程图；
图8示意性示出了观众终端4A在清屏过程中的图形用户界面的状态变化图；
图9示意性示出了图7中步骤S700的子流程图；
图10示意性示出了图2中步骤S204的另一子流程图；
图11A～11C示意性示出了观众终端4A恢复显示过程的图形用户界面的状态变化图；
图12示意性示出了根据本申请实施例一的直播界面显示方法的另一新增步骤流程图；
图13示意性示出了图12中步骤S1202的子流程图；
图14示意性示出了图13中步骤S1304的子流程图；
图15示意性示出了图12中步骤S1202的另一子流程图；
图16示意性示出了清屏的应用示例的流程图；
图17示意性示出了恢复显示的应用示例的流程图；
图18示意性示出了根据本申请实施例二的直播界面显示方法的流程图；
图19示意性示出了根据本申请实施例三的直播界面显示系统的框图；
图20示意性示出了根据本申请实施例四的直播界面显示系统的框图；
图21示意性示出了根据本申请实施例五的适于实现直播界面显示方法的计算机设备的硬件架构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
需要说明的是，在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个申请实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
本发明人发现，在主播终端和各个观众终端的直播间界面上，会实时展示这些信息及其他信息(如榜单)等，从而实现信息互动，进一步提高主播人气和关注度。然而：
1、直播间界面一般有多个功能区。但是有些场景下，用户对这些功能区中的信息并不感兴趣，比如电影录播，用户只想观看内容，而对其他附加内容并不感兴趣。
2、还有一类用户，只想看直播内容，不想被干扰。
有鉴于此，本申请实施例提供Android、iOS、Web等终端的直播间内动态识别、呈现技术，并基于该技术实现新的直播界面显示方案，在该新的直播界面显示方案中：
(1)立即清理直播间的相关展示、互动区域，如弹幕区、评论区、礼物面板、榜单等。
(2)可以通过手势控制实现上述清理，如往左或往右滑动来打开、关闭屏幕互动区域。
以下提供本申请涉及的术语解释：
打开清屏，是指将视频画面之外的其他附属信息均从显示窗口中清理掉，如评论等。
关闭清屏，是从显示窗口中仅显示视频画面切换为同时显示视频画面和其他附属信息。
可用状态，又称允许状态，是指将控件的可视属性参数设置为enable。
不可用状态，又称禁用状态，是指将控件的可视属性参数设置为disable。
图1示意性示出了根据本申请实施例的环境应用示意图。
在直播场景下，主播终端2可以将直播数据实时推送至观众终端(如，4A、4B、…、4N)。
主播终端2，用于实时生成直播数据，并进行直播数据的推流操作。所述直播数据可以包括音频数据或视频数据。主播终端2可以是智能手机、平板电脑等电子设备。
观众终端(如，4A、4B、…、4N)，可以被配置为实时接收主播终端2的直播数据。观众终端(如，4A、4B、…、4N)可以是任意类型的计算设备，诸如智能手机、平板设备、膝上型计算机、智能电视、车载终端等。观众终端(如，4A、4B、…、4N)可以内置浏览器或专门程序，通过浏览器或专门程序接收所述直播数据以向用户输出内容。所述内容可以包括视频，音频，评论，文本数据和/或类似物。
观众终端(如，4A、4B、…、4N)可以包括播放器8。播放器8向用户输出(如，展示，呈现)内容。其中所述内容可以包括视频，音频，评论，文本数据和/或类似物。观众终端(如，4A、4B、…、4N)可以包括接口，该接口可以包括输入元件(触摸屏)。例如，输入元件可以被配置为接收用户指令，所述用户指令可以使观众终端(如，4A、4B、…、4N)执行各类操作，如打开或关闭清屏等。
主播终端2和观众终端(如，4A、4B、…、4N)可以通过网络6提供网络服务。作为示例。网络6可以包括各种网络设备，例如路由器、交换机、多路复用器、集线器、调制解调器、网桥、中继器、防火墙和/或代理设备等。网络6可以包括物理链路，例如同轴电缆链路、双绞线电缆链路、光纤链路及其组合和/或类似物。网络6可以包括无线链路，例如蜂窝链路、卫星链路、Wi-Fi链路和/或类似物。
网络6包括服务器。服务器可以分配直播频道(即，直播间)，用于主播终端2和观众终端(如，4A、4B、…、4N)之间的交互，如推流、拉流、互动等。其中，服务器作为直播平台，可以是单个服务器、服务器集群或云计算服务中心。
下面，本申请将以观众终端4A为执行主体，提供直播界面显示方案。
在本申请的描述中，需要理解的是，步骤前的数字标号并不标识执行步骤的前后顺序，仅用于方便描述本申请及区别每一步骤，因此不能理解为对本申请的限制。
实施例一
图2示意性示出了根据本申请实施例一的直播界面显示方法的流程图。
如图2所示，该直播界面显示方法可以包括步骤S200～S204，其中：
步骤S200，在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息。
在全屏模式下，所述显示窗口的大小和所述视频直播画面的大小相同。在此全屏模式下，所述显示窗口的大小和观众终端4A的显示器的可视区域的大小相同。
如图3所示，示出了观众终端4A在直播状态下的图形用户界面。
在图3所示的图形用户界面中，其展示有一个视频直播画面和多个功能区的信息。
如图4所示，所述多个功能区分布在所述显示窗口不同的位置，所述多个功能区可以包括：
(1)相关信息展示区域A1，可以包括榜单区、观看人数区、人气区；
(2)评论区域A2，也可以为弹幕区；
(3)评论内容输入区域A3，用于供用户输入要评论的内容；
(4)挂件区域A4，用于信息推广，如放置推广直播间的图片链接等；
(5)礼物面板区域A5，用于供用户赠送虚拟礼物等。该礼物面板区域A5还可包括转发等功能。
在非全屏模式下，所述显示窗口的大小可以被自定义，其大小小于观众终端4A的显示器的可视区域的大小。作为示例，通过分屏模式将可视区域划分为两个显示窗口，其中一个显示窗口用于视频直播，另一个显示窗口用于显示其他应用。
无论在全屏模式下还是在非全屏模式下，多个功能区的信息覆盖在视频直播画面上，在视觉上均妨碍用户对视频直播画面的观看，尤其妨碍用户的沉浸式观看。
步骤S202，检测针对所述显示窗口的第一手势。
观众终端4A可以包括输入元件，如触摸屏、触控板、鼠标，检测无接触手势的感应元件等。
以鼠标为例，所述第一手势可以为鼠标点击动作和紧跟其后的滑动动作的动作组合。
以触摸屏为例，所述第一手势可以为单点触控动作和紧跟其后的滑动动作的动作组合。
步骤S204，响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
所述第一手势为触发清屏操作的清屏手势集合之一。
该清屏手势集合预先定义有大量的触发清屏的动作组合、规则等，如下述动作组合：单个手指触控和紧跟该单个手指触控之后并大体上沿第一方向滑动的滑动操作。
如图5所示，在执行清屏操作之后，所述显示窗口中仅显示有视频直播画面，而多个功能区的信息不可见，从而让用户可以不受干扰地观看内容，提升用户体验。
基于上文所述的直播界面显示方法，可以基于第一手势即可清理覆盖在视频直播画面上的多个功能区的信息，让用户不受干扰地观看内容，提升用户体验。举例而言，立即清理相关展示、互动区域，如弹幕区、评论区、礼物面板、榜单等。
需要说明的是，信息清理的具体方式有多种，例如：
第一种：将多个功能区放在一个容器控件中，将该容器控件至于顶层，盖住播放器，同时将容器控件的透明度设置成最高，可以观看播放器内容，同时移动容器控件和设置容器控件的相关参数(可视参数)，即可以让多个功能区的信息不可见。
如图6所示，所述多个功能区位于一个目标容器控件上，该目标容器控件的设置步骤如下：步骤S600，预先设置目标容器控件，将所述目标容器控件置于顶层以覆盖在所述视频直播画面上；步骤S602，将所述目标容器控件的透明度设置为预设值，以透视所述视频直播画面；步骤S604，在所述目标容器控件中设置所述多个功能区，各个功能区用于承载不同类别的信息。在本实施例中，用户通过仅控制将所述目标容器控件，即可控制所有的功能区的信息是否可见或不可见。
第二种，将多个功能区分别与相应的手势集绑定。
将多个功能区作为一个分组，与相应的手势集绑定。当检测到手势集中的手势，则清理多个功能区的信息。清理方式可以是改变各功能区的可视参数或透明度等。
将各个功能区分别绑定不同的手势集，即一个功能区绑定一个手势集。当检测到其中一个手势集中的一个手势，则清理与这个手势集绑定的功能区中的信息。
以下提供几种基于目标容器控件实现信息清理的可选实施例。
作为可选的实施例，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向。也就是说，所述第一滑动操作至少大体上沿第一方向滑动。
如图7所示，所述步骤S204可以包括步骤S700-S702，其中：步骤S700，响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见。步骤S702，响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
如图8所示，五角星“☆”表示手指触控位置，箭头向表示手指滑动方向。
继续参考图8，当用户手指触控触摸屏显示器，并继续沿第一方向滑动时，目标容器控件会跟随手指的滑动沿第一方向移动。手指的滑动速度和目标容器控件的移动速度可以呈正相关，如手指的滑动速度和所述目标容器控件的移动速度为1:1。
继续参考图8中的右图，由于各个功能区分布在目标容器控件上，因此各功能区上的信息会跟随目标容器控件移动。其中，被移出到显示窗口之外的部分不可见。
手指在滑动过程中，会遇到两种情况结束滑动操作：
第一种情况：手指在抵达触摸屏显示器的边缘之前，自动抬起手指；
第二种情况：手指沿第一方向滑动，直到抵达触摸屏显示器的边缘，被动脱离触摸屏显示器。
上述两种情况，均是释放动作，即脱离触摸屏显示器。
为了提高用户体验和高效清屏，当检测到上述释放动作，若此时所述目标容器控件的当前移动距离满足条件，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
作为可选的实施例，所述第一方向为从左至右(如图8所示)。如图9所示，步骤S700可以包括：步骤S900，响应于所述第一滑动操作中的释放动作，确定所述当前移动距离；其中，所述当前移动距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；步骤S902，响应于所述当前移动距离和所述显示窗口的宽度之间的比值大于第一阈值，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口；及步骤S904，在所述目标容器控件完全移出所述显示窗口的情形下，将所述目标容器控件的状态设置为不可用状态。在本实施例中，目标容器控件可以精准判断是否继续自动移动以完成最终的清屏操作，提升用户体验。例如，手指松开后，如果目标容器控件的左边距(即，所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离)大于等于显示窗口的一半宽度”，则自动将目标容器控件继续往右滑动，直到目标容器控件的左边距等于显示窗口的宽度，然后设置目标容器控件的可视属性参数设置为disable(不可用，即将所述目标容器控件设置为不可用状态)，让所述目标容器控件消失。所述目标容器控件消失也意味着各个功能区的信息的消失，显示效果如图5所示。需要说明的是，不同的容器控件属性字段可能不同。
相反的，在检测到手指松开后，如果目标容器控件的左边距(即，所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离)小于显示窗口的一半宽度”，则自动将目标容器控件反向滑动(往左)，直到所述目标容器控件的左边距等于零。也就是说，此次第一滑动操作并未实现清屏，最终显示效果恢复为如图3所示。
作为可选的实施例，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向。也就是说，所述第一滑动操作至少大体上沿第一方向滑动。
如图10所示，所述步骤S204可以包括步骤S1000-S1002，其中：步骤S1000，响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；步骤S1002，响应于所述第一滑动操作中的释放动作，在第一滑动操作的加速度大于第二阈值的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。在本实施例中，用户可以用更短的滑动距离来实现清屏操作，提升用户体验和清屏效率。举例而言：如果用户是“加速度”滑动所述目标容器控件，则不需要“左边距大于等于显示窗口的一半”条件成立，在手指松开后仍然会自动往右滑动，直到所述目标容器控件完全移出在所述显示窗口中，并继而设置所述目标容器控件的可视属性参数设置为disable(不可用)，让所述目标容器控件消失。其中，“加速度”为所述目标容器控件的属性，不需要应用程序去计算。
在清屏状态下，用户可以无干扰地观看直播。随着直播的进行，用户可能需要浏览所述多个功能区的信息。如图11A-11C所示，其显示了恢复显示所述多个功能区的过程。
以下提供几种基于目标容器控件实现信息恢复显示的可选实施例。
如图12所示，所述方法还可以包括步骤S1200～S1202。
步骤S1200，检测针对所述显示窗口的第二手势。
步骤S1202，响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息。
所述第二手势为触发恢复显示的恢复显示手势集合之一。
该恢复显示手势集合预先定义有大量的触发恢复的手势组合、规则等，如下述手势组合：单个手指触控和紧跟该单个手指触控之后并大体上沿第二方向滑动的滑动操作。
如图11C所示，在执行恢复显示操作之后，所述显示窗口同时显示视频直播画面和多个功能区的信息，从而让用户可以视频直播画面和各类交互内容，满足用户需求。
基于上文所述的可选实施例，可以基于第二手势即可恢复覆盖在视频直播画面上的多个功能区的信息，让用户同时显示视频直播画面和多个功能区的信息。举例而言，立即恢复相关展示、互动区域，如弹幕区、评论区、礼物面板、榜单等。
作为可选的实施例，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向。所述第二滑动操作至少大体上沿第二方向滑动。
如图13所示，所述步骤S1202可以包括：步骤S1300，响应于所述第二滑动操作，将所述目标容器控件的状态设置为可用状态；步骤S1302，沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；步骤S1304，响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口；其中相对距离表示所述目标容器控件进入所述显示窗口的程度。
如图11A～11C所示，五角星“☆”表示手指触控位置，箭头向表示手指滑动方向。
当用户手指触控触摸屏显示器(图11A)，并继续沿第二方向滑动时(图11B)，目标容器控件跟随手指的滑动沿第二方向移动。手指的滑动速度和目标容器控件的移动速度可以呈正相关，如手指的滑动速度和目标容器控件的移动速度为1:1。
继续参考图11B，由于各个功能区分布在目标容器控件上，因此各功能区上的信息会跟随目标容器控件移动。其中，还未被移动到显示窗口之内的部分不可见。
手指在滑动过程中，会遇到两种情况结束滑动操作：
第一种情况：手指在抵达触摸屏显示器的边缘之前，自动抬起手指；
第二种情况：手指沿第二方向滑动，直到抵达触摸屏显示器的边缘，被动脱离触摸屏显示器。
上述两种情况均是释放动作，即脱离触摸屏显示器。为了提高用户体验和高效清屏，当检测到上述释放动作，若此时所述目标容器控件的相对距离满足条件，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口。
作为可选的实施例，所述第二方向为从右至左(如图11B所示)。如图14所示，步骤S1304可以包括：步骤S1400，响应于所述第二滑动操作中的释放动作，确定所述目标容器控件的相对距离，所述相对距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；步骤S1402，响应于所述相对距离小于第三阈值，继续沿所述第二方向移动所述目标容器控件，直至所述相对距离为零。在本实施例中，目标容器控件可以精准地判断是否自动移动以完成最终的恢复显示操作，提升用户体验。例如，手指松开后，如果目标容器控件的左边距(即，所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离)小于等于显示窗口的一半宽度”，则自动将目标容器控件继续往左滑动，直到目标容器控件的左边距等于零。也就是说，各个功能区的信息的重新进入所述显示窗口，显示效果如图11C所示。
相反的，在检测到手指松开后，如果目标容器控件的左边距(即，所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离)大于显示窗口的一半宽度”，则自动将目标容器控件反向滑动(往右)，直到所述目标容器控件移动出所述显示窗口，并重新将目标容器控件的可视属性参数设置为disable(不可用)。
作为可选的实施例，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向。所述第二滑动操作至少大体上沿第二方向滑动。
如图15所示，所述步骤S1202可以包括步骤S1500-S1504，其中：步骤S1500，响应于所述第二滑动操作中的滑动动作，将所述目标容器控件的状态设置为可用状态；步骤S1502，沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；步骤S1504，响应于所述第二滑动操作中的释放动作，在所述第二滑动操作的加速度大于第四阈值的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口。在本实施例中，用户可以用更短的滑动距离来实现恢复显示，提升用户体验和恢复效率。举例而言：如果用户是“加速度”滑动所述目标容器控件，则不需要“左边距小于等于显示窗口的一半”条件成立。在手指松开后，所述目标容器控件仍然会自动继续往左滑动，直到所述目标容器控件完全移入在所述显示窗口中。
为了便于理解，如图16和图17，以下提供清屏和恢复显示的应用示例。
在该应用示例中，显示窗口的大小和视频直播画面的大小相同。在此全屏模式下，所述显示窗口的大小和观众终端4A的触控屏显示器的可视区域的大小相同。
第一，清屏示例。
S11：对触控屏显示器进行“单手指触按(触控)”事件捕捉。
如果是“多手指触按”则忽略。当然，如果预先设置为多手指触按，则基于多手指触按进入步骤S12。所述多个手指触按可以设置为两个手指、三个手指或其他。
S12：当捕捉到“单手指触按”事件，开始进入“手势滑动事件”捕捉。
S13：如果当前“清屏”状态为：未清屏，则忽略“手势滑动事件”中的手势左滑动事件。
S14：响应于“手势滑动事件”中的手势右滑动事件，设置顶层“目标容器控件”的左边距。
左边距的值等于“手势”右滑动的值。比如，手势往右滑动2毫米，则将目标容器控件的左边距设置成2毫米。
S15：捕获用户“手指松开事件”(对应于释放动作)。
S16：响应于“手指松开事件”，如果滑动的目标容器控件的“左边距大于等于触控屏显示器的一半宽度”，则自动将目标容器控件继续往右滑动，直到目标容器控件的左边距等于触控屏显示器的宽度，然后设置目标容器控件的可视属性参数设置为disable。不同系统控件属性字段可能不同，但是都有类似字段控制显示，让控件消失。
S17：如果用户是“加速度”滑动目标容器控件，则不需要“左边距大于等于触控屏显示器的一半宽度”条件成立，则自动将目标容器控件继续往右滑动，直到目标容器控件的左边距等于触控屏显示器的宽度，然后设置目标容器控件的可视属性参数设置为disable。
需要说明是，“加速度”一般是容器控件提供的一个属性，不需要应用程序去计算。
还需要说明的是，以上在步骤S16和步骤S17中提供了“边距”和“加速度”来判断是否自动将目标容器控件继续往右滑动。还可以提供其他判断方式，如平均按压力度等。
需要说明的是，用户也可以选择想要清除的功能区进行清除，保留用户想要保留的功能区在触控屏显示器上，可以根据用户兴趣自由移动保留的功能区在界面上的显示位置。
在示例性应用中，可以设置透明的多个容器，每个容器对应存放一个功能区。可以检测用户在各个容器所在区域的手势操作。示例性的，如果检测到用户手势为在容器A所在区域或预设附近区域从左往右滑动，则从左往右移动所述容器A，最终将所述容器A移出触控屏显示器(的视窗)之外，从而实现了对所述容器A对应的功能区的信息清屏，同时，将所述容器A的可视属性参数设置为disable。
相应的，信息恢复操作如下：如果检测到用户手势在预设区域内从右往左滑动时，则将所述容器A的可视属性参数设置为enable，将所述容器A从触摸屏显示器的右边缘逐渐滑入到预定位置，从而恢复所述容器A对应的功能区的信息显示。
可知，用户可以通过滑动手势情形想要清除的功能，保留想要保留的功能在触控屏显示器上。
此外，在部分功能区的信息被清除之后，空出了更多空间。有鉴于此，可以根据用户兴趣自由移动保留的功能区在界面上显示位置的内容。在示例性的应用中：
如果检测到用户手势操在容器B所在区域或预设附近区域滑动，则控制容器B跟随手势移动直至手势停止，最终将所述容器A定位在手势停止时所处的位置处。
第二，恢复显示示例。
S21：对触控屏显示器进行“单手指触按”事件捕捉。
如果是“多手指触按”则忽略。当然，如果预先设置为多手指触按，则基于多手指触按进入步骤S22。所述多个手指触按可以设置为两个手指、三个手指或其他。
S22：当捕捉到“单手指触按”事件，开始进入“手势滑动事件”捕捉。
S23：如果当前“清屏”状态为：已清屏，则忽略“手势滑动事件”中的手势右滑动事件。
S24：响应于“手势滑动事件”中的手势左滑动事件，设置目标容器控件的视属性参数设置为enable(可用，即将目标容器控件设置为可用状态)，让控件显示，然后循环设置顶层“目标容器控件”的左边距。边距的值就是“手势”左滑动的值。
S25：捕获用户“手指松开事件”(对应于释放动作)。
S26：响应于“手指松开事件”，如果滑动的目标容器控件的“左边距小于等于触控屏显示器的一半宽度”，则自动将目标容器控件继续往左滑动，直到目标容器控件左边距等于0。
S27：如果用户是“加速度”滑动目标容器控件，则不需要“左边距小于等于触控屏显示器的一半宽度”条件成立，则自动将目标容器控件继续往左滑动，直到目标容器控件的左边距为0。
需要说明的是，观众终端4A不存储状态，用户重新进入直播间恢复到默认状态(显示功能区的信息)。
还需要说明的是，以上在步骤S26和步骤S27中提供了“边距”和“加速度”来判断是否自动将目标容器控件继续往左滑动。还可以提供其他判断方式，如平均按压力度等。
实施例二
本实施例提供一种直播界面显示方法，技术细节和技术效果可参考上文。
图18示意性示出了根据本申请实施例二的直播界面显示方法的流程图。
如图18所示，该直播界面显示方法可以包括步骤S1800～S1808，其中：
步骤S1800，在触摸屏显示器上以全屏模式展示目标直播间的视频直播画面；
步骤S1802，在所述触摸屏显示器上展示多个功能区的信息，所述多个功能区分布在目标容器控件的不同位置处，所述目标容器控件处于透明状态并覆盖在所述视频直播画面上；
步骤S1804，检测在所述触摸屏显示器上的第一滑动操作，所述第一滑动操作对应第一方向；
步骤S1806，响应于在所述触摸屏显示器上的第一滑动操作，沿所述第一方向移动所述目标容器控件；
步骤S1808，响应于在所述触摸显示器上释放所述第一滑动操作，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述触摸屏显示器的可视范围。
作为可选的实施例，所述方法还包括：
检测在所述触摸屏显示器上的第二滑动操作，所述第二滑动操作对应第二方向，所述第一方向与所述第二方向相反；
响应于在所述触摸屏显示器上的第二滑动操作，沿所述第二方向移动所述目标容器控件，以将所述目标容器控件从所述触摸屏显示器的可视范围外移动到可视范围内；
响应于在所述触摸显示器上释放所述第二滑动操作，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述触摸屏显示器的可视范围。
作为可选的实施例：
所述第一滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从左至右的滑动动作；
所述第二滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从右至左的滑动动作。
实施例三
图19示意性示出了根据本申请实施例三的直播界面显示系统的框图，该直播界面显示系统可以被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本申请实施例。本申请实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，以下描述将具体介绍本实施例中各程序模块的功能。
如图19所示，该直播界面显示系统1900可以包括显示模块1910、检测模块1920、清屏模块1930，其中：
显示模块1910，用于在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；
检测模块1920，用于检测针对所述显示窗口的第一手势；及
清屏模块1930，用于响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
作为可选的实施例，所述清屏模块1930，还用于：
检测针对所述显示窗口的第一手势；及
响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
作为可选的实施例，所述系统还包括设置模块，用于：
预先设置目标容器控件，将所述目标容器控件置于顶层以覆盖在所述视频直播画面上；
将所述目标容器控件的透明度设置为预设值，以透视所述视频直播画面；
在所述目标容器控件中设置所述多个功能区，各个功能区用于承载不同类别的信息。
作为可选的实施例，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述清屏模块1930，还用于：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
作为可选的实施例，所述第一方向为从左至右；所述清屏模块1930，还用于：
响应于所述第一滑动操作中的释放动作，确定所述当前移动距离；其中，所述当前移动距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述当前移动距离和所述显示窗口的宽度之间的比值大于第一阈值，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口；及
在所述目标容器控件完全移出所述显示窗口的情形下，将所述目标容器控件的状态设置为不可用状态。
作为可选的实施例，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述清屏模块1930，还用于：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在第一滑动操作的加速度大于第二阈值的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
作为可选的实施例，所述系统还包括恢复显示模块，用于：
检测针对所述显示窗口的第二手势；及
响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息。
作为可选的实施例，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；所述恢复显示模块，还用于：
响应于所述第二滑动操作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口；其中相对距离表示所述目标容器控件进入所述显示窗口的程度。
作为可选的实施例，所述第二方向为从右至左；所述恢复显示模块，还用于：
响应于所述第二滑动操作中的释放动作，确定所述目标容器控件的相对距离，所述相对距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述相对距离小于第三阈值，继续沿所述第二方向移动所述目标容器控件，直至所述相对距离为零。
作为可选的实施例，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；
所述恢复显示模块，还用于：
响应于所述第二滑动操作中的滑动动作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述第二滑动操作的加速度大于第四阈值的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口。
实施例四
图20示意性示出了根据本申请实施例四的直播界面显示系统的框图，该直播界面显示系统可以被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本申请实施例。本申请实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，以下描述将具体介绍本实施例中各程序模块的功能。
如图20所示，该直播界面显示系统2000可以包括第一展示模块2010、第二展示模块2020、检测模块2030、第一响应模块2040，以及第二响应模块2050，其中：
第一展示模块2010，用于在触摸屏显示器上以全屏模式展示目标直播间的视频直播画面；
第二展示模块2020，用于在所述触摸屏显示器上展示多个功能区的信息，所述多个功能区分布在目标容器控件的不同位置处，所述目标容器控件处于透明状态并覆盖在所述视频直播画面上；
检测模块2030，用于检测在所述触摸屏显示器上的第一滑动操作，所述第一滑动操作对应第一方向；
第一响应模块2040，用于响应于在所述触摸屏显示器上的第一滑动操作，沿所述第一方向移动所述目标容器控件；
第二响应模块2050，用于响应于在所述触摸显示器上释放所述第一滑动操作，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述触摸屏显示器的可视范围。
作为可选的实施例，所述系统还包括恢复显示模块，用于：
检测在所述触摸屏显示器上的第二滑动操作，所述第二滑动操作对应第二方向，所述第一方向与所述第二方向相反；
响应于在所述触摸屏显示器上的第二滑动操作，沿所述第二方向移动所述目标容器控件，以将所述目标容器控件从所述触摸屏显示器的可视范围外移动到可视范围内；
响应于在所述触摸显示器上释放所述第二滑动操作，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述触摸屏显示器的可视范围。
作为可选的实施例：
所述第一滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从左至右的滑动动作；
所述第二滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从右至左的滑动动作。
实施例五
图21示意性示出了根据本申请实施例五的适于实现直播界面显示方法的计算机设备的硬件架构示意图。本实施例中，计算机设备10000也可以用于作为是观众终端4A或观众终端4A的组成部分。本实施例中，计算机设备10000是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备，例如，智能手机、平板电脑、电脑、车载终端、游戏机、虚拟设备等终端设备。
本实施例中，计算机设备10000是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。如图21所示，计算机设备10000至少包括但不限于：可通过系统总线相互通信链接存储器10010、处理器10020、网络接口10030。其中：
存储器10010至少包括一种类型的计算机可读存储介质，可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器10010可以是计算机设备10000的内部存储模块，例如该计算机设备10000的硬盘或内存。在另一些实施例中，存储器10010也可以是计算机设备10000的外部存储设备，例如该计算机设备10000上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，存储器10010还可以既包括计算机设备10000的内部存储模块也包括其外部存储设备。本实施例中，存储器10010通常用于存储安装于计算机设备10000的操作系统和各类应用软件，例如直播界面显示方法的程序代码等。此外，存储器10010还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器10020在一些实施例中可以是中央处理器(Central Processing Unit，简称为CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器10020通常用于控制计算机设备10000的总体操作，例如执行与计算机设备10000进行数据交互或者通信相关的控制和处理等。本实施例中，处理器10020用于运行存储器10010中存储的程序代码或者处理数据。
网络接口10030可包括无线网络接口或有线网络接口，该网络接口10030通常用于在计算机设备10000与其他计算机设备之间建立通信链接。例如，网络接口10030用于通过网络将计算机设备10000与外部终端相连，在计算机设备10000与外部终端之间的建立数据传输通道和通信链接等。网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobile communication，简称为GSM)、宽带码分多址(Wideband Code Division Multiple Access，简称为WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。
需要指出的是，图21仅示出了具有部件10010-10030的计算机设备，但是应理解的是，并不要求实施所有示出的部件，可以替代的实施更多或者更少的部件。
在本实施例中，存储于存储器10010中的直播界面显示方法还可以被分割为一个或者多个程序模块，并由一个或多个处理器(本实施例为处理器10020)所执行，以完成本申请。
实施例六
本实施例还提供一种计算机可读存储介质，计算机可读存储介质其上存储有计算机程序，计算机程序被处理器执行时实现实施例中的直播界面显示方法的步骤。
本实施例中，计算机可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，计算机可读存储介质可以是计算机设备的内部存储单元，例如该计算机设备的硬盘或内存。在另一些实施例中，计算机可读存储介质也可以是计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，计算机可读存储介质还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中，计算机可读存储介质通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例中的直播界面显示方法的程序代码等。此外，计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的各类数据。
显然，本领域的技术人员应该明白，上述的本申请实施例的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请实施例不限制于任何特定的硬件和软件结合。
以上仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (15)

1.一种直播界面显示方法，其特征在于，包括：
在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；
检测针对所述显示窗口的第一手势；及
响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
2.根据权利要求1所述的直播界面显示方法，其特征在于，还包括：
预先设置目标容器控件，将所述目标容器控件置于顶层以覆盖在所述视频直播画面上；
将所述目标容器控件的透明度设置为预设值，以透视所述视频直播画面；
在所述目标容器控件中设置所述多个功能区，各个功能区用于承载不同类别的信息。
3.根据权利要求2所述的直播界面显示方法，其特征在于，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息，包括：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
4.根据权利要求3所述的直播界面显示方法，其特征在于，所述第一方向为从左至右；所述响应于所述第一滑动操作中的释放动作，在所述目标容器控件的当前移动距离满足条件的情形下，继续沿所述第一方向移动所述目标容器控件，包括：
响应于所述第一滑动操作中的释放动作，确定所述当前移动距离；其中，所述当前移动距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述当前移动距离和所述显示窗口的宽度之间的比值大于第一阈值，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口；及
在所述目标容器控件完全移出所述显示窗口的情形下，将所述目标容器控件的状态设置为不可用状态。
5.根据权利要求2所述的直播界面显示方法，其特征在于，所述第一手势包括在所述显示窗口内的第一滑动操作，所述第一滑动操作对应第一方向；所述响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息，包括：
响应于所述第一滑动操作中的滑动动作，沿所述第一方向移动所述目标容器控件；其中，所述目标容器控件在被移动过程中移出所述显示窗口的部分不可见；
响应于所述第一滑动操作中的释放动作，在第一滑动操作的加速度大于第二阈值的情形下，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述显示窗口，进而将所述目标容器控件的状态设置为不可用状态。
6.根据权利要求2至5任意一项所述的直播界面显示方法，其特征在于，还包括：
检测针对所述显示窗口的第二手势；及
响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息。
7.根据权利要求6所述的直播界面显示方法，其特征在于，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；
所述响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息，包括：
响应于所述第二滑动操作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口；其中相对距离表示所述目标容器控件进入所述显示窗口的程度。
8.根据权利要求7所述的直播界面显示方法，其特征在于，所述第二方向为从右至左；所述响应于所述第二滑动操作中的释放动作，在所述目标容器控件的相对距离符合条件的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口，包括：
响应于所述第二滑动操作中的释放动作，确定所述目标容器控件的相对距离，所述相对距离为所述目标容器控件的左边缘和所述显示窗口的左边缘之间的距离；
响应于所述相对距离小于第三阈值，继续沿所述第二方向移动所述目标容器控件，直至所述相对距离为零。
9.根据权利要求6所述的直播界面显示方法，其特征在于，所述第二手势包括在所述显示窗口内的第二滑动操作，所述第二滑动操作对应与所述第一方向相反的第二方向；
所述响应于针对所述显示窗口的第二手势，恢复显示所述多个功能区的信息，包括：
响应于所述第二滑动操作中的滑动动作，将所述目标容器控件的状态设置为可用状态；
沿所述第二方向将所述目标容器控件从所述显示窗口外移动到所述显示窗口内；其中，所述目标容器控件在被移动过程中未进入所述显示窗口的部分不可见；
响应于所述第二滑动操作中的释放动作，在所述第二滑动操作的加速度大于第四阈值的情形下，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述显示窗口。
10.一种直播界面显示系统，其特征在于，包括：
显示模块，用于在显示窗口显示视频直播画面，及覆盖在所述视频直播画面上的多个功能区的信息；
检测模块，用于检测针对所述显示窗口的第一手势；及
清屏模块，用于响应于针对所述显示窗口的第一手势，执行清屏操作以清理所述多个功能区的信息。
11.一种直播界面显示方法，其特征在于，包括：
在触摸屏显示器上以全屏模式展示目标直播间的视频直播画面；
在所述触摸屏显示器上展示多个功能区的信息，所述多个功能区分布在目标容器控件的不同位置处，所述目标容器控件处于透明状态并覆盖在所述视频直播画面上；
检测在所述触摸屏显示器上的第一滑动操作，所述第一滑动操作对应第一方向；
响应于在所述触摸屏显示器上的第一滑动操作，沿所述第一方向移动所述目标容器控件；
响应于在所述触摸显示器上释放所述第一滑动操作，继续沿所述第一方向移动所述目标容器控件，直至所述目标容器控件完全移出所述触摸屏显示器的可视范围。
12.根据权利要求11所述的直播界面显示方法，其特征在于，所述方法还包括：
检测在所述触摸屏显示器上的第二滑动操作，所述第二滑动操作对应第二方向，所述第一方向与所述第二方向相反；
响应于在所述触摸屏显示器上的第二滑动操作，沿所述第二方向移动所述目标容器控件，以将所述目标容器控件从所述触摸屏显示器的可视范围外移动到可视范围内；
响应于在所述触摸显示器上释放所述第二滑动操作，继续沿所述第二方向移动所述目标容器控件，直至所述目标容器控件完全移入所述触摸屏显示器的可视范围。
13.根据权利要求12所述的直播界面显示方法，其特征在于：
所述第一滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从左至右的滑动动作；
所述第二滑动操作包括：单个手指触控，和以该单个手指触控为起始手势从右至左的滑动动作。
14.一种计算机设备，所述计算机设备包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至9或11至13任一项所述直播界面显示方法的步骤。
15.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行权利要求1至9或11至13任一项所述直播界面显示方法的步骤。
CN202210036973.5A 2022-01-13 2022-01-13 直播界面显示方法和系统 Pending CN114390309A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210036973.5A CN114390309A (zh) 2022-01-13 2022-01-13 直播界面显示方法和系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210036973.5A CN114390309A (zh) 2022-01-13 2022-01-13 直播界面显示方法和系统

Publications (1)

Publication Number Publication Date
CN114390309A true CN114390309A (zh) 2022-04-22

Family

ID=81202605

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210036973.5A Pending CN114390309A (zh) 2022-01-13 2022-01-13 直播界面显示方法和系统

Country Status (1)

Country Link
CN (1) CN114390309A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115426531A (zh) * 2022-08-30 2022-12-02 北京字跳网络技术有限公司 一种直播间访问方法、装置、设备及介质
CN116456162A (zh) * 2023-06-15 2023-07-18 北京达佳互联信息技术有限公司 一种直播间对象显示方法、装置、电子设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170111418A1 (en) * 2015-10-16 2017-04-20 Microsoft Technology Licensing, Llc Two-way interactive streaming media
CN109429091A (zh) * 2017-08-31 2019-03-05 武汉斗鱼网络科技有限公司 提升直播观看体验的方法、存储介质、电子设备及系统
US20200007816A1 (en) * 2017-02-20 2020-01-02 Beijing Kingsoft Internet Security Software Co., Ltd. Video recording method, electronic device and storage medium
CN112738610A (zh) * 2020-12-25 2021-04-30 北京达佳互联信息技术有限公司 多媒体数据的显示控制方法、装置、电子设备及存储介质
CN113365149A (zh) * 2021-06-02 2021-09-07 上海哔哩哔哩科技有限公司 直播间的直播画面播放方法及装置
CN113660504A (zh) * 2021-08-18 2021-11-16 北京百度网讯科技有限公司 消息展示方法、装置、电子设备以及存储介质
US20210383837A1 (en) * 2020-06-04 2021-12-09 Beijing Dajia Internet Information Technology Co., Ltd Method, device, and storage medium for prompting in editing video

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170111418A1 (en) * 2015-10-16 2017-04-20 Microsoft Technology Licensing, Llc Two-way interactive streaming media
US20200007816A1 (en) * 2017-02-20 2020-01-02 Beijing Kingsoft Internet Security Software Co., Ltd. Video recording method, electronic device and storage medium
CN109429091A (zh) * 2017-08-31 2019-03-05 武汉斗鱼网络科技有限公司 提升直播观看体验的方法、存储介质、电子设备及系统
US20210383837A1 (en) * 2020-06-04 2021-12-09 Beijing Dajia Internet Information Technology Co., Ltd Method, device, and storage medium for prompting in editing video
CN112738610A (zh) * 2020-12-25 2021-04-30 北京达佳互联信息技术有限公司 多媒体数据的显示控制方法、装置、电子设备及存储介质
CN113365149A (zh) * 2021-06-02 2021-09-07 上海哔哩哔哩科技有限公司 直播间的直播画面播放方法及装置
CN113660504A (zh) * 2021-08-18 2021-11-16 北京百度网讯科技有限公司 消息展示方法、装置、电子设备以及存储介质

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115426531A (zh) * 2022-08-30 2022-12-02 北京字跳网络技术有限公司 一种直播间访问方法、装置、设备及介质
CN115426531B (zh) * 2022-08-30 2024-06-04 北京字跳网络技术有限公司 一种直播间访问方法、装置、设备及介质
CN116456162A (zh) * 2023-06-15 2023-07-18 北京达佳互联信息技术有限公司 一种直播间对象显示方法、装置、电子设备及存储介质
CN116456162B (zh) * 2023-06-15 2023-10-27 北京达佳互联信息技术有限公司 一种直播间对象显示方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
EP4443850A2 (en) User interfaces for a media browsing application
US10990278B2 (en) Method and device for controlling information flow display panel, terminal apparatus, and storage medium
CN107341018B (zh) 一种在页面切换后继续显示视图的方法和装置
US10477277B2 (en) Electronic programming guide with expanding cells for video preview
US9710136B2 (en) Mobile terminal having video playback and method for controlling of the same
CN114390309A (zh) 直播界面显示方法和系统
CN105979339B (zh) 一种窗口显示方法及客户端
CN103702214A (zh) 一种视频播放方法和电子设备
US20240310984A1 (en) Landscape screen interaction method and apparatus, electronic device, and storage medium
CN113760150B (zh) 页面处理方法、装置、设备及存储介质
US11392287B2 (en) Method, device, and storage mediumfor switching among multimedia resources
JP7175762B2 (ja) ビデオをバッファリングしている間にコンテンツアイテムを提示するための方法、システム、および媒体
CN110716906A (zh) 一种文件查看方法、电子设备及文件查看装置
CN107562347B (zh) 显示对象的方法和装置
EP2696593A1 (en) Device and method for rendering user interface for viewing broadcast programs
CN115065874B (zh) 视频播放方法、装置、电子设备和可读存储介质
CN108984094A (zh) 切换全局特效的方法、装置、终端设备及存储介质
AU2022243303A1 (en) Hot event presentation method for application, and electronic device
CN109324772A (zh) 移动终端的数据同步方法、移动终端及存储介质
CN114579030A (zh) 信息流的显示方法、装置、设备、存储介质及程序
CN109947506B (zh) 界面切换方法、装置及电子设备
CN115291772A (zh) 页面显示方法、装置、设备及存储介质
WO2019105062A1 (zh) 一种内容显示方法、装置和终端设备
US9721615B2 (en) Non-linear video review buffer navigation
CN112954484A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20220422

RJ01 Rejection of invention patent application after publication