CN113411622A - 直播界面的加载方法、装置、客户端及存储介质 - Google Patents
直播界面的加载方法、装置、客户端及存储介质 Download PDFInfo
- Publication number
- CN113411622A CN113411622A CN202110576124.4A CN202110576124A CN113411622A CN 113411622 A CN113411622 A CN 113411622A CN 202110576124 A CN202110576124 A CN 202110576124A CN 113411622 A CN113411622 A CN 113411622A
- Authority
- CN
- China
- Prior art keywords
- interface
- loading
- live
- component
- interactive
- 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
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/4318—Generation of visual interfaces for content selection or interaction; Content or additional data rendering by altering the content in the rendering process, e.g. blanking, blurring or masking an image region
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种直播界面的加载方法、装置、客户端及存储介质,该方法包括:响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;显示所述界面静态图像;根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;当各个所述交互组件加载完成时,隐藏所述界面静态图像。相对于现有技术,本申请能够有效提高直播界面内出现视频的速度,提升用户的直播观看体验。
Description
技术领域
本申请实施例涉及网络直播技术领域,尤其涉及一种直播界面的加载方法、装置、客户端及存储介质。
背景技术
随着网络通信技术的进步,网络直播成为一种新兴的网络互动方式,网络直播也因其实时性、交互性等特点受到越来越多观众的喜爱。
但是,随着直播业务的迭代和发展,直播界面中需要加载的交互组件越来越多,这将导致用户进入直播间时,直播界面的渲染速度变得越来越慢,从而影响了播放视频的效率,降低了用户的观看体验。
发明内容
本申请实施例提供了一种直播界面的加载方法、装置、客户端及存储介质,可以解决直播界面内出视频速度较低,影响用户互动体验的技术问题,该技术方案如下:
第一方面,本申请实施例提供了一种直播界面的加载方法,包括步骤:
客户端响应直播界面加载请求,判断是否缓存所述直播界面对应的界面静态图像,若否,则发送界面静态图像调取请求至服务器;其中,所述界面静态图像调取请求包括客户端信息,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
所述服务器接收所述界面静态图像调取请求,查找与所述客户端信息匹配的界面静态图像,发送所述界面静态图像至所述客户端;
所述客户端获取所述界面静态图像;加载所述直播界面内所述交互组件的根布局;显示所述界面静态图像;根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;当各个所述交互组件加载完成时,隐藏所述界面静态图像;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置,所述直播界面中的视频组件的加载优先级最高。
第二方面,本申请实施例提供了一种直播界面的加载方法,包括步骤:
响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;
显示所述界面静态图像;
根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;
当各个所述交互组件加载完成时,隐藏所述界面静态图像。
第三方面,本申请实施例提供了一种直播界面的加载装置,包括:
第一获取模块,用于响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
根布局加载模块,用于加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;
第一显示模块,用于显示所述界面静态图像;
组件加载模块,用于根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;
第一隐藏模块,用于当各个所述交互组件加载完成时,隐藏所述界面静态图像。
第四方面,本申请实施例提供了一种客户端,包括:处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如第二方面所述方法的步骤。
第五方面,本申请实施例提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现如第二方面所述方法的步骤。
在本申请实施例中,通过响应直播界面加载请求,获取所述直播界面对应的界面静态图像,该界面静态图像内包含除视频组件之外的交互组件的静态图像;之后,加载所述直播界面内所述交互组件的根布局,该根布局用于确定各个所述交互组件在所述直播界面中的位置,根布局加载完成之后显示所述界面静态图像,并根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件,其中,所述直播界面中的视频组件的加载优先级最高;当各个所述交互组件加载完成时,隐藏所述界面静态图像。本申请实施例先在直播间内显示除视频组件之外的交互组件的静态图像,并在优先加载视频组件之后再加载其他交互组件,从而使得用户在进入直播间时,能够有效提高直播界面内出现视频的速度,并且由于已显示了除视频组件之外的交互组件的静态图像,可以使用户认为其他交互组件也已一同加载完成,从整体上提升了用户的直播观看体验。
为了更好地理解和实施,下面结合附图详细说明本申请的技术方案。
附图说明
图1为本申请实施例提供的直播界面的加载方法的应用场景示意图;
图2为本申请第一实施例提供的直播界面的加载方法的流程示意图;
图3为本申请实施例提供的界面静态图像的示意图;
图4为本申请第二实施例提供的直播界面的加载方法的流程示意图;
图5为本申请第二实施例提供的直播界面的加载方法中S201的流程示意图;
图6为本申请第三实施例提供的直播界面的加载方法的流程示意图;
图7为本申请第三实施例提供的直播界面的加载方法中S304的流程示意图;
图8为本申请实施例提供的直播界面的加载方法的时序图;
图9为本申请第四实施例提供的直播界面的加载装置的结构示意图。
图10为本申请第五实施例提供的客户端的结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”/“若”可以被解释成为“在……时”或“当……时”或“响应于确定”。
本领域技术人员可以理解,本申请所使用的“客户端”、“终端”、“终端设备”既包括无线信号接收器的设备,其仅具备无发射能力的无线信号接收器的设备,又包括接收和发射硬件的设备,其具有能够在双向通信链路上,进行双向通信的接收和发射硬件的设备。这种设备可以包括:蜂窝或其他诸如个人计算机、平板电脑之类的通信设备,其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备;PCS(PersonalCommunications Service,个人通信系统),其可以组合语音、数据处理、传真和/或数据通信能力;PDA(Personal Digital Assistant,个人数字助理),其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或GPS(GlobalPositioningSystem,全球定位系统)接收器;常规膝上型和/或掌上型计算机或其他设备,其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“客户端”、“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的,或者适合于和/或配置为在本地运行,和/或以分布形式,运行在地球和/或空间的任何其他位置运行。这里所使用的“客户端”、“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端,例如可以是PDA、MID(Mobile Internet Device,移动互联网设备)和/或具有音乐/视频播放功能的移动电话,也可以是智能电视、机顶盒等设备。
本申请所称的“服务器”、“客户端”、“服务节点”等名称所指向的硬件,本质上是具备个人计算机等效能力的计算机设备,为具有中央处理器(包括运算器和控制器)、存储器、输入设备以及输出设备等冯诺依曼原理所揭示的必要构件的硬件装置,计算机程序存储于其存储器中,中央处理器将存储在外存中的程序调入内存中运行,执行程序中的指令,与输入输出设备交互,借此完成特定的功能。
需要指出的是,本申请所称的“服务器”这一概念,同理也可扩展到适用于服务器机群的情况。依据本领域技术人员所理解的网络部署原理,所述各服务器应是逻辑上的划分,在物理空间上,这些服务器既可以是互相独立但可通过接口调用的,也可以是集成到一台物理计算机或一套计算机机群的。本领域技术人员应当理解这一变通,而不应以此约束本申请的网络部署方式的实施方式。
请参阅图1,图1为本申请实施例提供的直播界面的加载方法的应用场景示意图,该应用场景包括本申请实施例提供的主播客户端101、服务器102和观众客户端103,主播客户端101与观众客户端103通过服务器102进行交互。
其中,所述主播客户端101是指发送网络直播视频的一端,通常来说是网络直播中主播(即,直播主播用户)所采用的客户端。
所述观众客户端103是指接收和观看网络直播视频的一端,通常来说是网络直播中观看视频的观众(即,直播观众用户)所采用的客户端。
所述主播客户端101和所述观众客户端103所指向的硬件,本质上是指计算机设备,具体地,如图1所示,其可以是智能手机、智能交互平板和个人计算机等类型的计算机设备。所述主播客户端101和所述观众客户端103均可以通过公知的网络接入方式接入互联网,与服务器102建立数据通信链路。
所述服务器102作为一个业务服务器,其可以负责进一步连接起相关音频数据服务器、视频流服务器以及其他提供相关支持的服务器等,以此构成逻辑上相关联的服务机群,来为相关的终端设备,例如图1中所示的主播客户端101和观众客户端102提供服务。
本申请实施例中,所述主播客户端101与观众客户端103可以加入同一个直播间(即直播频道),上述的直播间是指依靠互联网技术实现的一种聊天室,通常具备音视频播控功能。主播用户通过主播客户端101在直播间内进行直播,观众客户端103的观众可以登录服务器 102进入直播间观看上直播。
在直播间内,主播用户与观众用户之间可通过语音、视频、文字等公知的线上交互方式来实现互动,一般是主播用户以音视频流的形式为观众用户表演节目,并且在互动过程中还可产生经济交易行为。当然,直播间的应用形态并不局限于在线娱乐,也可推广到其他相关场景中,例如知识直播场景、视频会议场景、产品推介销售场景以及其他任何需要类似互动的场景中。
具体地,观众用户观看直播的过程如下:观众用户可以点击访问安装在观众客户端103 上的直播应用程序(例如YY),并选择进入任意一个直播间,触发观众客户端103为该观众用户加载直播界面,该直播界面内包括若干交互组件,通过加载这些交互组件可以使观众用户在直播间内观看直播,并进行多种线上互动。
基于上述,本申请实施例提供了一种直播界面的加载方法。请参阅图2,图2为本申请第一实施例提供的直播界面的加载方法的流程示意图,该方法包括如下步骤:
S101:客户端响应直播界面加载请求,判断是否缓存所述直播界面对应的界面静态图像,若否,则发送界面静态图像调取请求至服务器;其中,所述界面静态图像调取请求包括客户端信息,所述界面静态图像内包含除视频组件之外的交互组件的静态图像。
在本实施例中,是从客户端和服务器两个执行主体对直播界面的加载方法进行描述的。其中,该客户端是指接收和观看网络直播视频的一端,也即观众客户端。
根据本申请的前述记载,可以了解到,无论是观众客户端还是主播客户端其本质上都是指计算机设备,两者的划分主要取决与其执行的功能,同一台计算机设备在不同情况下既可以作为观众客户端,也可以作为主播客户端,因此在本实施例中将统一采用客户端作为执行主体,进行本方法执行过程的描述。
在本实施例中,客户端响应直播界面加载请求。具体地,观众用户可以点击客户端中安装的直播应用程序,进入该直播应用程序的界面,在该直播应用程序的界面中浏览各个直播间,并选中某个直播间进入,在用户点击进入某一直播间时,则触发相应的进程生成直播界面加载请求,并由客户端响应所述直播界面加载请求。
客户端响应直播界面加载请求时先判断是否缓存所述直播界面对应的界面静态图像。
可以理解的是,若客户端在执行本次加载之前,已经加载过所述直播界面,则会在客户端内缓存该界面静态图像,因此,为避免重复下载,客户端先判断是否已缓存直播界面对应的界面静态图像。
若是,则客户端直接执行步骤S103;若否,则发送界面静态图像调取请求至服务器。
其中,所述界面静态图像调取请求包括客户端信息,不同配置的客户端其对应的界面静态图像不同,因此,在请求调取界面静态图像时,需要告知服务器当前的客户端信息,从而使服务器能够基于该客户端信息,返回与客户端信息匹配的界面静态图像。
具体需要哪些客户端信息用于匹配界面静态图像,与界面静态图像本身相关。本申请实施例所提及的界面静态图像中包含除视频组件之外的交互组件的静态图像,也就是说除视频组件之外的交互组件的静态图像均记录在界面静态界面图像内。
在通过本方法进行界面加载之前,需抽离视频组件获取所述界面静态图像,在一个可选的实施例中,若该界面静态图像仅与基于客户端的操作系统相关,也就是说,若客户端的操作系统相同,那么需要的界面静态图像就相同,即包含的交互组件的静态图像以及交互组件的静态图像在界面静态图像中的相对位置都是相同的,那么,界面静态图像调取请求中的客户端信息中仅包括该客户端的操作系统的类别信息即可。若该界面静态图像与客户端的若干信息均相关,那么界面静态图像调取请求中客户端信息则需要包括上述若干信息,从而才能获取到匹配的静态界面图像。
关于客户端信息包括的详细内容可以参见本申请第二实施例中S2011的说明,在此不对其进行具体限定。
请参阅图3,图3为本申请实施例提供的界面静态图像的示意图。由该图可以看出,直播间内优先显示出了与客户端信息匹配的界面静态图像,该界面静态图像为与安卓操作系统匹配的静态界面图像。
需要说明的是,上述界面静态图像是指观众用户在打开直播间时就需要看到的界面,界面静态图像中除视频组件之外的交互组件在一些实施例中是指观众用户在打开直播间时就需要看到的交互组件,而并不是指除视频组件之外的全部的交互组件。例如:某些玩法或者活动场景下才需显示的交互组件,观众在打开直播间界面时并不需要立即看到这种交互组件,因而,其这种交互组件对应的静态图像也不会记录在界面静态图像中。
S102:所述服务器接收所述界面静态图像调取请求,查找与所述客户端信息匹配的界面静态图像,发送所述界面静态图像至所述客户端。
在一个可选的实施例中,服务器中存储有若干幅界面静态图像,每幅所述界面静态图像均有与之对应的客户端信息。
服务器解析界面静态图像调取请求,获取客户端信息,并查找与客户端信息匹配的界面静态图像,发送界面静态图像至客户端。在某些情况下,若未查找到与客户端信息完全匹配的界面静态图像,则查找与客户端信息匹配度最高的界面静态图像。
可选的,所述匹配度的计算可以是预先对每个客户端信息设置相应的权重值,对于已经匹配的客户端信息设置系数为1,对于未匹配的客户端信息设置系数为0,最终通过将每个客户端信息的权重值与对应的系数相乘并累加,得到每幅界面静态图像的匹配度,从而获取匹配度最高的界面静态图像。
上述对于匹配度的计算方式以及系数的设置仅为一个示例,不具有限定作用。
可以理解的是,客户端在与服务器进行通信时,需要发送客户端标识至服务器,以使服务器能够确认各个请求是由哪一客户端发出,并返回请求结果至哪一客户端。本实施例中,该客户端标识可以包含在界面静态图像调取请求中,也可以将客户端标识与界面静态图像调取请求一起封装后再发送至服务器。
在另一个可选的实施例中,所述服务器也可以与图像处理服务器建立连接,以此构建其服务集群,当服务器接收所述界面静态图像调取请求时,将界面静态图像调取请求发送至图像处理服务器,并接收图像处理服务器返回的与所述客户端信息匹配的界面静态图像,再将该界面静态图像发送至客户端。
S103:所述客户端获取所述界面静态图像;加载所述直播界面内所述交互组件的根布局;显示所述界面静态图像;根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;当各个所述交互组件加载完成时,隐藏所述界面静态图像;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置,所述直播界面中的视频组件的加载优先级最高。
在一个可选的实施例中,由于根布局能够用于确定直播界面中各个交互组件的位置以及其也会限定界面静态图像的显示位置,因而,客户端在获取到界面静态图像后,先加载直播界面内交互组件的根布局,再显示界面静态图像和根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件。
其中,所述直播界面中的视频组件的加载优先级最高,而视频组件的加载渲染会比界面静态图像的加载偏慢一些,因此,直播界面内显示出界面静态图像的速度会比显示视频组件的速度更快一些。
可以理解的是,界面静态图像的加载和视频组件的加载是可以通过多线程执行的,从而进一步提高界面整体加载速度。
在客户端加载完视频组件之后,再依序按照所述根布局加载除视频组件外的各个所述交互组件。
在本实施例中,无论是视频组件还是其他交互组件在加载之前都需要先判断是否已存储对应的组件资源,并在未存储时发送其他组件资源调取消息至服务器,并接收服务器返回的组件资源,根据组件资源对相应的交互组件进行加载。
其中,该组件资源包括但不限于交互组件的标识信息、客户端的操作系统的类别信息等。
这种方式能够减少下载直播应用程序时的包体积,加快应用程序的初始化过程,减少客户端中直播应用程序的占用空间。
最后,当各个所述交互组件加载完成时,所有的交互组件均是可以与用户进行交互的组件,此时,客户端隐藏所述界面静态图像,即,在直播间中取消显示该界面静态图像。
具体地,客户端通过可以修改界面静态图像的显示属性,隐藏所述界面静态图像。
本实施例先在直播间内显示界面静态图像,并在优先加载视频组件之后再加载其他交互组件,从而使得用户在进入直播间时,能够有效提高直播界面内出现视频的速度,并且由于已显示了除视频组件之外的交互组件的静态图像,可以使用户认为其他交互组件也已一同加载完成,从整体上提升了用户的直播观看体验。
请参阅图4,图4为本申请第二实施例提供的直播界面的加载方法的流程示意图,该方法主要由客户端执行,包括如下步骤:
S201:响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像。
S202:加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置。
S203:显示所述界面静态图像。
S204:根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高。
S205:当各个所述交互组件加载完成时,隐藏所述界面静态图像。
在本申请第一实施例中已经对步骤S201进行说明,并阐述了在获取直播界面对应的界面静态图像时需要使用到客户端信息,发送包括客户端信息的界面静态图像调取请求至服务器,并接收服务器返回的与所述客户端信息匹配的界面静态图像。
但是,第一实施例中并未指出客户端信息中的详细内容,那么在本实施例中将对其详细说明,请参阅图5,在一个可选的实施例中,步骤S201包括步骤S2011~S2012,具体如下:
S2011:若当前客户端未缓存所述直播界面对应的界面静态图像,发送所述界面静态图像调取请求至服务器;其中,所述界面静态图像调取请求中包括安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息以及所述客户端的屏幕分辨率。
在本实施例中,界面静态图像与安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息以及所述客户端的屏幕分辨率均相关,因此,发送的界面静态图像调取请求内需包括如下客户端信息:安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息以及所述客户端的屏幕分辨率。
其中,安装至客户端的直播应用程序的版本信息是指应用程序的当前安装版本。
客户端的操作系统的类别信息是指客户端所采用的系统平台,包括但不限于安卓平台、 iOS平台和PC平台等。
客户端的屏幕分辨率是指客户端的显示屏的分辨率,表示显示屏所能显示的像素有多少。
不同版本的应用程序、不同的系统平台以及不同的屏幕分辨率,其对应的直播界面内的交互组件以及交互组件的布局方式均可能是不同的,故,对应的界面静态图像也是不同的。那么,在抽离视频组件获取所述界面静态图像的过程就需要基于上述客户端信息分别抽离得到对应的界面静态图像。
S2012:接收所述服务器返回的与所述版本信息、所述操作系统的类别信息以及所述显示分辨率匹配的界面静态图像。
客户端接收服务器返回的与所述版本信息、所述操作系统的类别信息以及所述显示分辨率匹配的界面静态图像。
在一些可选的实施例中,服务器返回的界面静态图像的分辨率可能与客户端的屏幕分辨率不一致,因此,客户端在执行步骤S203显示界面静态图像时,需先判断服务器返回的所述界面静态图像的分辨率与所述客户端的屏幕分辨率是否一致,若不一致,则根据客户端的屏幕分辨率缩放界面静态图像。
关于具体的缩放方式在此不进行限定,其可以是将界面静态图像进行整体的缩放,也可以是对于界面静态图像中指定区域进行缩放,例如:对于界面静态图像中未记录交互组件的静态图像的部分进行缩放,从而能够在一定程度上不影响交互组件的静态图像的显示效果。
在一个可选的实施例中,所述界面静态图像的背景可以为透明背景,那么,在对透明背景的界面静态图像进行缩放时,则可以进一步减少缩放对交互组件的静态图像的显示效果的影响。
上述客户端信息未考虑在某些特殊的情况下,当一些观众用户为特权用户时,其在进入直播间时需要看到的直播界面与普通的观众用户需要看到的直播界面是不同的,因此,在一个可选的实施例中,客户端信息还可以包括当前通过该客户端登录服务器的用户标识。
基于此,获取直播界面对应的界面静态图像的过程如下:客户端响应直播界面加载请求,获取用户标识,若所述用户标识对应用户为特权用户时,判断客户端是否缓存所述直播界面对应的界面静态图像,若否,发送界面静态图像调取请求至服务器;其中,界面静态图像调取请求中包括安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息、所述客户端的屏幕分辨率以及用户标识;接收服务器返回的与所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息、所述客户端的屏幕分辨率以及所述用户标识匹配的界面静态图像。
这样能够使得特权用户进入直播间时,为其显示的界面静态图像是其专属的界面静态图像,不会影响其与直播界面的交互感受。
在一个可选的实施例中,客户端响应直播界面加载请求时,除了获取直播界面对应的界面静态图像,还要获取直播界面对应的直播封面图像,并加载所述直播封面图像。
具体地,客户端可以发送包括直播间标识(即直播频道标识)的直播封面图像调取请求至服务器,接收服务器返回的该直播间标识对应的直播封面图像,加载所述直播封面图像。
本实施例通过直播封面图像的设置可以使观众用户更快速地感受到其正在进入一个直播间,且在显示直播封面图像的同时,客户端可以存在一定的时间加载所述根布局,从而在观众用户体验角度来看该直播界面的加载速度更快。
在本申请第一实施例中已经对步骤S202~S203以及S205进行说明,在此不进行赘述,仅针对步骤S204的交互组件加载进行进一步的阐述,具体如下:
S204:根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高。
在一个可选的实施例中,交互组件包括若干个子组件,除交互组件具有加载优先级之外,交互组件内包含的若干个子组件还具有子组件加载优先级。
那么在加载所述交互组件时,客户端先获取第一子组件的加载优先级,并根据所述第一子组件的加载优先级,依序通过所述主线程执行所述第一子组件的加载操作;同时,通过多个子线程分别执行各个所述第二子组件的加载操作。
其中,所述子组件包括第一子组件和第二子组件,第一子组件的加载必须在主线程中执行,第二子组件是除第一子组件以外的子组件,其加载可以在多个子线程中分别执行。
在本实施例中,通过设置第一子组件的加载优先级以及采用多个子线程分别执行第二子组件的加载,使得在加载交互组件时提高了加载速度,保证用户能够更快地实现与各个组件的交互。
请参阅图6,图6为本申请第三实施例提供的直播界面的加载方法的流程示意图,该方法包括S301~S307,具体如下:
S301:响应直播界面加载请求,获取所述直播界面对应的界面静态图像,并且通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
S302:加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置。
S303:显示所述界面静态图像。
S304:根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件。
S305:将解码后的视频流绑定至所述视频组件中播放。
S306:根据预设的除视频组件之外的交互组件的加载优先级和所述交互组件在所述直播界面中的位置,依序加载除视频组件之外的交互组件。
S307:当各个所述交互组件加载完成时,隐藏所述界面静态图像。
步骤S302、S303以及S307分别与步骤S202、S203以及步骤S205相同,关于其具体的执行方式在此不对其进行赘述,下面将对于S301、S304至S306进行详细说明。
S301:响应直播界面加载请求,获取所述直播界面对应的界面静态图像,并且通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像
步骤S301与步骤S201的不同点在于,在第三实施例中,客户端在响应直播界面加载请求时,除了获取直播界面对应的界面静态图像之外,还要通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作,而不是等待至加载渲染视频组件时才执行上述操作。
具体地,客户端在监听到观众用户对直播间的选中操作时,则响应直播界面加载请求,同时开始通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作。
常规情况下,客户端执行上述操作时是有一定先后顺序的,即,客户端需先发送频道协议至服务器,通过若干次与服务器的“握手”建立其基于频道协议的链接,之后再发送视频流订阅指令至服务器,使服务器确认客户端所订阅的视频流对应的频道标识,然后再从服务器拉取视频流,在拉取到视频流之后,再进行视频流的解码。
而本实施例中,通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作,从而使得上述操作的执行在某些情况下可以并行执行,而非绝对的串行执行,例如:可以在发送频道协议至服务器的同时,就获取频道标识,预先生成视频流订阅指令,并在客户端和服务器建立好基于频道协议的链接时,快速发送已生成的视频流订阅指令至服务器,再例如:可以在视频流下载操作的同时,对视频流进行解码等。
本实施例通过客户端在响应直播界面加载请求时,同时开始通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作,进一步提高了视频组件的加载效率,能够有效提高直播界面内出现视频的速度。
S304:根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件。
客户端根据所述根布局中视频组件在直播界面中的位置,在直播界面中优先加载视频组件。
通过优先加载视频组件,能够避免视频流的解码速度高于视频组件的加载速度,影响播放视频的效率。
在一个可选的实施例中,为了减少应用包体积,请参阅图7,步骤S304包括步骤S3041~S3043,具体如下:
S3041:若客户端未缓存所述视频组件对应的组件资源,发送视频组件资源调取消息至服务器;其中,所述视频组件资源调取消息中包括所述视频组件的标识信息、安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息。
S3042:接收服务器返回的与所述版本信息和所述操作系统的类别信息匹配的视频组件资源。
S3043:根据所述视频组件资源和所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件。
在本实施例中,为了减少应用包体积,在用户下载的应用程序包,其并不包含各种组件资源,因此,客户端在加载视频组件之前,需要判断是否已加载过视频组件,即,客户端需要判断是否缓存视频组件对应的组件资源,若客户端未缓存所述视频组件对应的组件资源,则发送视频组件资源调取消息至服务器。
其中,所述视频组件资源调取消息中包括所述视频组件的标识信息、安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息等。
可以理解的是,不同的直播应用程序的版本信息以及不同操作系统的类别信息均会对应不同的视频组件资源。
本实施所提出的视频组件资源是指用于呈现视频组件在直播界面中所需要使用的数据,包括但不限于视频组件的形状数据、尺寸上述、样式数据以及渲染数据等。
客户端在接收到服务器返回的与所述版本信息和所述操作系统的类别信息匹配的视频组件资源之后,根据所述视频组件资源和根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件。
S305:将解码后的视频流绑定至所述视频组件中播放。
客户端从服务器不断拉取视频流,并对其进行解码绑定至视频组件内播放,保证了用户能够更快地看到直播视频。
S306:根据预设的除视频组件之外的交互组件的加载优先级和所述交互组件在所述直播界面中的位置,依序加载除视频组件之外的交互组件。
在本实施例中,所述除视频组件之外的交互组件中包括一级交互组件和二级交互组件,其中,用户与所述一级交互组件之间的交互强度高于所述用户与所述二级交互组件之间的交互强度;所述一级交互组件的加载优先级高于所述二级交互组件的加载优先级。
例如:一级交互组件可以为弹幕组件、公屏组件和礼物组件等,二级交互组件可以为与活动、玩法相关的组件。
客户端在加载同一级的交互组件时,可以通过多线程在所述直播界面中同时加载所述同一级的交互组件。
可以理解的是,客户端在加载同一级的交互组件时,也需要预先判断是否已存储这些交互组件对应的组件资源,并在未存储时从服务器下载对应的交互组件,之后再通过多线程在所述直播界面中同时加载所述同一级的交互组件。
本实施例通过预设除视频组件之外的交互组件的加载优先级,保证页面尽可能邮箱显示出加载优先级高的组件,并且,通过多线程同时加载同一级的交互组件,也能够进一步提高交互组件的加载速度。
请参阅图8,其为本申请实施例提供的直播界面的加载方法的时序图。参照该时序图,对直播界面的加载方法的整体流程进行更为直观化的说明,以更便于理解本申请所提出的技术方案,图中8所示的观众客户端即为上述第二实施例和第三实施例的执行主体:客户端。如图8所示,观众客户端响应直播界面加载请求,判断是否缓存直播界面对应的界面静态图像,若否,则发送界面静态图像调取请求至服务器,服务器接收界面静态图像调取请求,查找与观众客户端信息匹配的界面静态图像,发送界面静态图像至观众客户端。并且,在客户端响应直播界面加载请求的同时,还可以通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作,以上在图8中用视频流拉取请求进行概括,未一一体现。视频流拉取请求和界面静态图像调取请求的执行不分先后顺序,在某些情况下可以同步进行。观众客户端获取界面静态图像,加载直播界面内交互组件的根布局,显示所述界面静态图像,之后观众客户端判断是否缓存视频组件对应的组件资源,若观众客户端未缓存视频组件对应的组件资源,发送视频组件资源调取消息至服务器,接收服务器返回的与版本信息和操作系统的类别信息匹配的视频组件资源,根据视频组件资源和视频组件在直播界面中的位置,在直播界面中优先加载视频组件。与此同时,服务器也会发送视频流拉取请求至主播客户端,主播客户端响应该请求推送视频流至服务器,观众客户端再从服务器拉取该视频流,对视频流进行解码,并绑定至视频组件中播放,对于视频流的解码操作与接收服务器的视频组件资源以及加载视频组件的操作的执行不分先后顺序,可以同步执行。在视频组件加载完成之后,根据预设的除视频组件之外的交互组件的加载优先级和交互组件在直播界面中的位置,依序加载除视频组件之外的交互组件,同样地,加载之前观众客户端判断是否缓存其他交互组件对应的组件资源,若观众客户端未缓存其他交互组件对应的组件资源,发送其他组件资源调取消息至服务器,接收服务器返回的与版本信息和操作系统的类别信息匹配的其他组件资源,依序进行加载。本申请实施例先在直播间内显示除视频组件之外的交互组件的静态图像,并在优先加载视频组件之后再加载其他交互组件,从而使得用户在进入直播间时,能够有效提高直播界面内出现视频的速度,并且由于已显示了除视频组件之外的交互组件的静态图像,可以使用户认为其他交互组件也已一同加载完成,从整体上提升了用户的直播观看体验,此外,由于应用程序中并不包括组件资源,因而还能够减少包体积,加快应用程序的初始化过程,减少客户端中直播应用程序的占用空间。
需要说明的是,在上述第一实施例至第三实施例中一些可选的实施方式并没有逐一展示在该时序图中,但是对于直播界面的加载方法中的主要步骤均已在图8中体现,图8仅用于帮助对本申请的技术方案进行理解,图中未体现的实施方式仍在本申请的保护范围内。
请参见图9,为本申请第四实施例提供的直播界面的加载装置的结构示意图。该装置可以通过软件、硬件或两者的结合实现成为服务器的全部或一部分。该装置9包括:
第一获取模块91,用于响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
根布局加载模块92,用于加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;
第一显示模块93,用于显示所述界面静态图像;
组件加载模块94,用于根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;
第一隐藏模块95,用于当各个所述交互组件加载完成时,隐藏所述界面静态图像。
在本申请实施例中,通过响应直播界面加载请求,获取所述直播界面对应的界面静态图像,该界面静态图像内包含除视频组件之外的交互组件的静态图像;之后,加载所述直播界面内所述交互组件的根布局,该根布局用于确定各个所述交互组件在所述直播界面中的位置,根布局加载完成之后显示所述界面静态图像,并根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件,其中,所述直播界面中的视频组件的加载优先级最高;当各个所述交互组件加载完成时,隐藏所述界面静态图像。本申请实施例先在直播间内显示除视频组件之外的交互组件的静态图像,并在优先加载视频组件之后再加载其他交互组件,从而使得用户在进入直播间时,能够有效提高直播界面内出现视频的速度,并且由于已显示了除视频组件之外的交互组件的静态图像,可以使用户认为其他交互组件也已一同加载完成,从整体上提升了用户的直播观看体验。
需要说明的是,上述实施例提供的直播界面的加载装置在执行直播界面的加载方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分为不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的直播界面的加载装置与直播界面的加载方法属于同一构思,其体现实现过程详见方法实施例,这里不再赘述。
请参见图10,为本申请第五实施例提供的客户端的结构示意图。如图10所示,该客户端10可以包括:处理器1000、存储器1001以及存储在该存储器1001并可以在该处理器1000 上运行的计算机程序1002,例如:直播界面的加载方法;该处理器1000执行该计算机程序 1002时实现上述第二实施例至第三实施例中的步骤,例如图4所示的步骤S201至S205。
其中,该处理器1000可以包括一个或多个处理核心。处理器1000利用各种接口和线路连接客户端10内的各个部分,通过运行或执行存储在存储器1001内的指令、程序、代码集或指令集,以及调用存储器1001内的数据,执行客户端10的各种功能和处理数据,可选的,处理器1000可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列 (Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programble LogicArray,PLA) 中的至少一个硬件形式来实现。处理器1000可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中, CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责触摸显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器1000中,单独通过一块芯片进行实现。
其中,存储器1001可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选的,该存储器1001包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1001可用于存储指令、程序、代码、代码集或指令集。存储器1001可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控指令等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1001可选的还可以是至少一个位于远离前述处理器1000的存储装置。
本申请实施例还提供了一种计算机存储介质,该计算机存储介质可以存储有多条指令,该指令适用于由处理器加载并执行上述图2、图4至图7所示实施例的方法步骤,具体执行过程可以参见图2、图4至图7所示实施例的具体说明,在此不进行赘述。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中,应该理解到,所揭露的装置/终端设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/终端设备实施例仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,计算机程序包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。
本发明并不局限于上述实施方式,如果对本发明的各种改动或变形不脱离本发明的精神和范围,倘若这些改动和变形属于本发明的权利要求和等同技术范围之内,则本发明也意图包含这些改动和变形。
Claims (13)
1.一种直播界面的加载方法,其特征在于,所述方法包括步骤:
客户端响应直播界面加载请求,判断是否缓存所述直播界面对应的界面静态图像,若否,则发送界面静态图像调取请求至服务器;其中,所述界面静态图像调取请求包括客户端信息,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
所述服务器接收所述界面静态图像调取请求,查找与所述客户端信息匹配的界面静态图像,发送所述界面静态图像至所述客户端;
所述客户端获取所述界面静态图像;加载所述直播界面内所述交互组件的根布局;显示所述界面静态图像;根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;当各个所述交互组件加载完成时,隐藏所述界面静态图像;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置,所述直播界面中的视频组件的加载优先级最高。
2.一种直播界面的加载方法,其特征在于,所述方法包括步骤:
响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;
显示所述界面静态图像;
根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;
当各个所述交互组件加载完成时,隐藏所述界面静态图像。
3.根据权利要求2所述的直播界面的加载方法,其特征在于,所述获取所述直播界面对应的界面静态图像,包括步骤:
若当前客户端未缓存所述直播界面对应的界面静态图像,发送所述界面静态图像调取请求至服务器;其中,所述界面静态图像调取请求中包括安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息以及所述客户端的屏幕分辨率;
接收所述服务器返回的与所述版本信息、所述操作系统的类别信息以及所述显示分辨率匹配的界面静态图像。
4.根据权利要求3所述的直播界面的加载方法,其特征在于,所述显示所述界面静态图像,包括步骤:
若所述服务器返回的所述界面静态图像的分辨率与所述客户端的屏幕分辨率不一致,则根据所述客户端的屏幕分辨率缩放所述界面静态图像。
5.根据权利要求2至4任一项所述的直播界面的加载方法,其特征在于:所述直播界面对应的界面静态图像的背景为透明背景。
6.根据权利要求2至4任一项所述的直播界面的加载方法,其特征在于,还包括步骤:
响应所述直播界面加载请求,通过多线程分别执行频道协议发送操作、视频流订阅操作、视频流下载操作和视频流解码操作;
所述根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件,包括步骤:
根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件;
将解码后的视频流绑定至所述视频组件中播放;
根据预设的除视频组件之外的交互组件的加载优先级和所述交互组件在所述直播界面中的位置,依序加载除视频组件之外的交互组件。
7.根据权利要求6所述的直播界面的加载方法,其特征在于,所述根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件,包括步骤:
若客户端未缓存所述视频组件对应的组件资源,发送视频组件资源调取消息至服务器;其中,所述视频组件资源调取消息中包括所述视频组件的标识信息、安装至所述客户端的直播应用程序的版本信息、所述客户端的操作系统的类别信息;
接收服务器返回的与所述版本信息和所述操作系统的类别信息匹配的视频组件资源;
根据所述视频组件资源和根据所述视频组件在所述直播界面中的位置,在所述直播界面中优先加载所述视频组件。
8.根据权利要求6所述的直播界面的加载方法,其特征在于,所述除视频组件之外的交互组件中包括一级交互组件和二级交互组件,其中,用户与所述一级交互组件之间的交互强度高于所述用户与所述二级交互组件之间的交互强度;所述一级交互组件的加载优先级高于所述二级交互组件的加载优先级;
在加载同一级的交互组件时,通过多线程在所述直播界面中同时加载所述同一级的交互组件。
9.根据权利要求2至4任一项所述的直播界面的加载方法,其特征在于,
所述响应直播界面加载请求,获取所述直播界面对应的界面静态图像的步骤,还包括:
获取所述直播界面对应的直播封面图像;
所述加载所述直播界面内所述交互组件的根布局之前,包括步骤:
显示所述直播封面图像。
10.根据权利要求2至4任一项所述的直播界面的加载方法,其特征在于,所述交互组件内包含的若干个子组件具有子组件加载优先级;
在加载所述交互组件时,获取第一子组件的加载优先级;其中,所述子组件包括第一子组件和第二子组件;所述第一子组件的加载由主线程执行;
根据所述第一子组件的加载优先级,依序通过所述主线程执行所述第一子组件的加载操作;
通过多个子线程分别执行各个所述第二子组件的加载操作。
11.一种直播界面的加载装置,其特征在于,包括:
第一获取模块,用于响应直播界面加载请求,获取所述直播界面对应的界面静态图像;其中,所述界面静态图像内包含除视频组件之外的交互组件的静态图像;
根布局加载模块,用于加载所述直播界面内所述交互组件的根布局;其中,所述根布局用于确定各个所述交互组件在所述直播界面中的位置;
第一显示模块,用于显示所述界面静态图像;
组件加载模块,用于根据预设的交互组件加载优先级,依序按照所述根布局加载各个所述交互组件;其中,所述直播界面中的视频组件的加载优先级最高;
第一隐藏模块,用于当各个所述交互组件加载完成时,隐藏所述界面静态图像。
12.一种客户端,包括:处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求2至10任一项所述方法的步骤。
13.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求2至10任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110576124.4A CN113411622B (zh) | 2021-05-26 | 2021-05-26 | 直播界面的加载方法、装置、客户端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110576124.4A CN113411622B (zh) | 2021-05-26 | 2021-05-26 | 直播界面的加载方法、装置、客户端及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113411622A true CN113411622A (zh) | 2021-09-17 |
CN113411622B CN113411622B (zh) | 2022-03-15 |
Family
ID=77675176
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110576124.4A Active CN113411622B (zh) | 2021-05-26 | 2021-05-26 | 直播界面的加载方法、装置、客户端及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113411622B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115776598A (zh) * | 2022-11-15 | 2023-03-10 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140237033A1 (en) * | 2012-12-13 | 2014-08-21 | Tencent Technology (Shenzhen) Company Limited | Method, device and mobile terminal for controlling interface display |
CN105007309A (zh) * | 2015-06-29 | 2015-10-28 | 上海瀚之友信息技术服务有限公司 | 一种动态数据与静态界面的分离控制系统及方法 |
WO2016107325A1 (zh) * | 2014-12-29 | 2016-07-07 | 北京奇虎科技有限公司 | 基于移动终端的页面资源加载方法及装置 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN110457609A (zh) * | 2019-08-02 | 2019-11-15 | 广州虎牙科技有限公司 | 一种页面处理的方法、装置、计算机设备和存储介质 |
CN110633111A (zh) * | 2018-05-30 | 2019-12-31 | 中兴通讯股份有限公司 | 一种加快应用界面加载速度的方法及装置 |
CN112243155A (zh) * | 2019-07-16 | 2021-01-19 | 腾讯科技(深圳)有限公司 | 一种直播的处理方法及装置 |
-
2021
- 2021-05-26 CN CN202110576124.4A patent/CN113411622B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140237033A1 (en) * | 2012-12-13 | 2014-08-21 | Tencent Technology (Shenzhen) Company Limited | Method, device and mobile terminal for controlling interface display |
WO2016107325A1 (zh) * | 2014-12-29 | 2016-07-07 | 北京奇虎科技有限公司 | 基于移动终端的页面资源加载方法及装置 |
CN105007309A (zh) * | 2015-06-29 | 2015-10-28 | 上海瀚之友信息技术服务有限公司 | 一种动态数据与静态界面的分离控制系统及方法 |
CN110633111A (zh) * | 2018-05-30 | 2019-12-31 | 中兴通讯股份有限公司 | 一种加快应用界面加载速度的方法及装置 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN112243155A (zh) * | 2019-07-16 | 2021-01-19 | 腾讯科技(深圳)有限公司 | 一种直播的处理方法及装置 |
CN110457609A (zh) * | 2019-08-02 | 2019-11-15 | 广州虎牙科技有限公司 | 一种页面处理的方法、装置、计算机设备和存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115776598A (zh) * | 2022-11-15 | 2023-03-10 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
CN115776598B (zh) * | 2022-11-15 | 2024-05-03 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
Also Published As
Publication number | Publication date |
---|---|
CN113411622B (zh) | 2022-03-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108174272B (zh) | 直播中互动信息展示的方法、装置、存储介质及电子设备 | |
CN113438490A (zh) | 直播互动方法、计算机设备及存储介质 | |
CN113727130B (zh) | 直播间的消息提示方法、系统、装置及计算机设备 | |
CN113453030B (zh) | 直播中的音频交互方法、装置、计算机设备及存储介质 | |
CN113573083A (zh) | 连麦直播互动方法、装置及计算机设备 | |
CN113840154A (zh) | 基于虚拟礼物的直播互动方法、系统及计算机设备 | |
CN113824979A (zh) | 直播间的推荐方法、装置及计算机设备 | |
CN113596504A (zh) | 直播间虚拟礼物赠送方法、装置及计算机设备 | |
CN113949892A (zh) | 基于虚拟资源消耗的直播互动方法、系统及计算机设备 | |
CN113824976A (zh) | 直播间内的进场秀显示方法、装置及计算机设备 | |
CN113824980A (zh) | 视频推荐方法、系统、装置及计算机设备 | |
CN113613027B (zh) | 直播间推荐方法、装置及计算机设备 | |
CN113411622B (zh) | 直播界面的加载方法、装置、客户端及存储介质 | |
CN113824984A (zh) | 虚拟礼物流水的显示方法、系统、装置及计算机设备 | |
CN113573105B (zh) | 基于霸屏虚拟礼物的直播互动方法及计算机设备 | |
CN113891162B (zh) | 直播间加载方法、装置、计算机设备及存储介质 | |
CN114501065A (zh) | 基于面部拼图的虚拟礼物互动方法、系统及计算机设备 | |
CN115065838A (zh) | 直播间封面交互方法、系统、装置及电子设备 | |
CN115134623A (zh) | 基于主副画面显示的虚拟礼物互动方法、装置及电子设备 | |
CN113573117A (zh) | 视频直播方法、装置及计算机设备 | |
CN114630189B (zh) | 直播间内的多渠道进场提示方法、系统、装置、计算机设备及介质 | |
CN113938700B (zh) | 直播间切换方法、装置及计算机设备 | |
CN114513679B (zh) | 基于音频预播放的直播间推荐方法、系统及计算机设备 | |
CN115119008B (zh) | 直播场景下的开播推荐方法、装置、电子设备及介质 | |
CN114245223B (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 |