CN115454302A - Live broadcast room display method and device, electronic equipment and storage medium - Google Patents
Live broadcast room display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN115454302A CN115454302A CN202110632783.5A CN202110632783A CN115454302A CN 115454302 A CN115454302 A CN 115454302A CN 202110632783 A CN202110632783 A CN 202110632783A CN 115454302 A CN115454302 A CN 115454302A
- Authority
- CN
- China
- Prior art keywords
- live
- display
- room
- page
- live room
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本公开实施例公开了一种直播间显示方法、装置、电子设备及存储介质,包括:接收作用于多个直播间标识的触发操作;响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。本公开通过在多直播间页面显示与所述多个直播间标识分别对应的多个直播间的直播画面,实现了同时对多个直播间进行显示的目的,进而满足相关人员同时查看多个直播间的关联数据的需求。
The embodiment of the present disclosure discloses a live room display method, device, electronic equipment, and storage medium, including: receiving a trigger operation acting on multiple live room identifiers; in response to the trigger operation, displaying a multi-live room page, wherein, The multi-live room page displays the live images of the multiple live rooms respectively corresponding to the multiple live room identifiers. This disclosure achieves the purpose of simultaneously displaying multiple live broadcast rooms by displaying the live images of the multiple live broadcast rooms corresponding to the multiple live broadcast room identifiers on the multi-live broadcast room page, thereby satisfying the need for relevant personnel to view multiple live broadcasts at the same time Linked data needs.
Description
技术领域technical field
本公开涉及信息技术领域,尤其涉及一种直播间显示方法、装置、电子设备和存储介质。The present disclosure relates to the field of information technology, and in particular, to a live room display method, device, electronic equipment, and storage medium.
背景技术Background technique
现有技术中,通常是在直播大屏中显示某一场直播间的直播数据,导致过于聚焦单场直播间的详细数据展示,无法满足多维度场景下直播间展示需求。In the existing technology, the live broadcast data of a certain live broadcast room is usually displayed on the large screen of the live broadcast, resulting in too much focus on the detailed data display of a single live broadcast room, which cannot meet the display requirements of the live room in multi-dimensional scenarios.
发明内容Contents of the invention
为了解决上述技术问题或者至少部分地解决上述技术问题,本公开实施例提供了一种直播间显示方法、装置、电子设备和存储介质,实现了同时对多个直播间进行显示的目的,进而满足相关人员同时查看多个直播间的关联数据的需求。In order to solve the above technical problems or at least partly solve the above technical problems, embodiments of the present disclosure provide a live room display method, device, electronic equipment, and storage medium, which realize the purpose of simultaneously displaying multiple live rooms, thereby satisfying Relevant personnel need to view the associated data of multiple live broadcast rooms at the same time.
第一方面,本公开实施例提供了一种直播间显示方法,该方法包括:In a first aspect, an embodiment of the present disclosure provides a method for displaying a live room, the method including:
接收作用于多个直播间标识的触发操作;Receive trigger operations that act on multiple live room identifiers;
响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。In response to the triggering operation, a multi-live room page is displayed, wherein the multi-live room page displays live images of multiple live rooms respectively corresponding to the multiple live room identifiers.
第二方面,本公开实施例还提供了一种直播间显示装置,该装置包括:In the second aspect, the embodiment of the present disclosure also provides a display device in a live room, which includes:
第一接收模块,用于接收作用于多个直播间标识的触发操作;The first receiving module is configured to receive trigger operations acting on multiple live room identifiers;
第一显示模块,用于响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。The first display module is configured to display a multi-live room page in response to the trigger operation, wherein the multi-live room page displays live pictures of a plurality of live room identifiers respectively corresponding to the plurality of live room identifiers.
第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:In a third aspect, an embodiment of the present disclosure further provides an electronic device, and the electronic device includes:
一个或多个处理器;one or more processors;
存储装置,用于存储一个或多个程序;storage means for storing one or more programs;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上所述的直播间显示方法。When the one or more programs are executed by the one or more processors, the one or more processors are made to implement the above-mentioned method for displaying a live room.
第四方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述的直播间显示方法。In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the above-mentioned method for displaying a live room is implemented.
第五方面,本公开实施例还提供了一种计算机程序产品,该计算机程序产品包括计算机程序或指令,该计算机程序或指令被处理器执行时实现如上所述的直播间显示方法。In the fifth aspect, the embodiment of the present disclosure further provides a computer program product, where the computer program product includes a computer program or an instruction, and when the computer program or instruction is executed by a processor, the method for displaying a live broadcast room as described above is realized.
本公开实施例提供的技术方案与现有技术相比至少具有如下优点:Compared with the prior art, the technical solutions provided by the embodiments of the present disclosure have at least the following advantages:
本公开实施例提供的直播间显示方法,当接收到作用于多个直播间标识的触发操作时,响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。实现了同时对多个直播间进行显示的目的,进而满足相关业务人员同时查看多个直播间的关联数据的需求。In the live broadcast room display method provided by the embodiments of the present disclosure, when a trigger operation acting on multiple live room identifiers is received, a multi-live room page is displayed in response to the trigger operation, wherein the multi-live room page is displayed with The live images of the multiple live room identifiers respectively correspond to the multiple live room identifiers. The purpose of displaying multiple live broadcast rooms at the same time is achieved, thereby satisfying the needs of relevant business personnel to view the associated data of multiple live broadcast rooms at the same time.
附图说明Description of drawings
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic and that elements and elements are not necessarily drawn to scale.
图1为本公开实施例中的一种直播间显示方法的流程图;FIG. 1 is a flow chart of a method for displaying a live room in an embodiment of the present disclosure;
图2为本公开实施例中的一种多直播间页面的示意图;FIG. 2 is a schematic diagram of a multi-live room page in an embodiment of the present disclosure;
图3为本公开实施例中的一种多直播间页面的示意图;FIG. 3 is a schematic diagram of a multi-live room page in an embodiment of the present disclosure;
图4为本公开实施例中的一种多直播间页面的示意图;FIG. 4 is a schematic diagram of a multi-live room page in an embodiment of the present disclosure;
图5为本公开实施例中的一种多直播间页面的示意图;FIG. 5 is a schematic diagram of a multi-live room page in an embodiment of the present disclosure;
图6为本公开实施例中的一种直播间A的直播详情页;FIG. 6 is a live broadcast details page of a live broadcast room A in an embodiment of the present disclosure;
图7为本公开实施例中的一种预警规则配置窗口的界面示意图;FIG. 7 is a schematic interface diagram of an early warning rule configuration window in an embodiment of the present disclosure;
图8为本公开实施例中的一种多直播间页面的示意图;FIG. 8 is a schematic diagram of a multi-live room page in an embodiment of the present disclosure;
图9为本公开实施例中的一种达人管理页面的示意图;FIG. 9 is a schematic diagram of a talent management page in an embodiment of the present disclosure;
图10为本公开实施例中的一种多直播间页面的设计示意图;FIG. 10 is a schematic design diagram of a multi-live room page in an embodiment of the present disclosure;
图11为本公开实施例中的一种直播间显示装置的结构示意图;FIG. 11 is a schematic structural diagram of a live broadcast room display device in an embodiment of the present disclosure;
图12为本公开实施例中的一种电子设备的结构示意图。FIG. 12 is a schematic structural diagram of an electronic device in an embodiment of the present disclosure.
具体实施方式detailed description
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the drawings, it should be understood that the disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein; A more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for exemplary purposes only, and are not intended to limit the protection scope of the present disclosure.
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。It should be understood that the various steps described in the method implementations of the present disclosure may be executed in different orders, and/or executed in parallel. Additionally, method embodiments may include additional steps and/or omit performing illustrated steps. The scope of the present disclosure is not limited in this regard.
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。As used herein, the term "comprise" and its variations are open-ended, ie "including but not limited to". The term "based on" is "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one further embodiment"; the term "some embodiments" means "at least some embodiments." Relevant definitions of other terms will be given in the description below.
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。It should be noted that concepts such as "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the sequence of functions performed by these devices, modules or units or interdependence.
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative and not restrictive, and those skilled in the art should understand that unless the context clearly indicates otherwise, it should be understood as "one or more" multiple".
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。The names of messages or information exchanged between multiple devices in the embodiments of the present disclosure are used for illustrative purposes only, and are not used to limit the scope of these messages or information.
图1为本公开实施例中的一种直播间显示方法的流程图,该直播间显示方法可以由直播间显示装置执行,该装置可以采用软件和/或硬件的方式实现。如图1所示,所述直播间显示方法具体可以包括如下步骤:FIG. 1 is a flow chart of a method for displaying a live room in an embodiment of the present disclosure. The method for displaying a live room can be executed by a device for displaying a live room, and the device can be implemented in software and/or hardware. As shown in Figure 1, the method for displaying the live broadcast room may specifically include the following steps:
步骤110、接收作用于多个直播间标识的触发操作。
其中,所述直播间标识可以是主播的头像、或者主播的昵称、或者主播的头像与主播昵称的组合。此外,所述直播间标识区域,例如直播间标识的下方还可以显示该直播间标识对应的直播间的直播参数,以方便用户基于该直播参数确定其想关注的直播间标识。所述直播参数例如可以是成交量、在线人数等。Wherein, the live room identifier may be the host's profile picture, or the host's nickname, or a combination of the host's profile picture and the host's nickname. In addition, the live room identification area, for example, the live room parameters corresponding to the live room identification may be displayed below the live room identification, so as to facilitate users to determine the live room identification they want to pay attention to based on the live broadcast parameters. The live broadcast parameters may be, for example, trading volume, number of online users, and the like.
所述触发操作具体可以是点击操作、滑动操作等。The trigger operation may specifically be a click operation, a slide operation, and the like.
步骤120、响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。Step 120: In response to the trigger operation, display a multi-live room page, wherein the multi-live room page displays live pictures of multiple live room identifiers respectively corresponding to the multiple live room identifiers.
通过在多直播间页面同时显示多个直播间的直播画面,可满足用户多维度场景下的直播间展示需求。By displaying the live images of multiple live rooms on the multi-live room page at the same time, it can meet the user's live room display needs in multi-dimensional scenarios.
在一种实施方式中,参考如图2所示的一种多直播间页面的示意图,所述多直播间页面包括第一显示区域210和第二显示区域220,所述显示多直播间页面,包括:根据所述多个直播间的直播特征在所述第一显示区域210对所述多个直播间标识211进行显示;根据所述多个直播间标识211的触发特征及所述第二显示区域220的区域特征对所述多个直播间的直播画面进行显示。In one embodiment, referring to a schematic diagram of a multi-live room page as shown in FIG. including: displaying the multiple
其中,所述多个直播间对应的直播特征包括下述至少一种:开播特征、主播特征、直播间特征等。所述开播特征包括已开播(对应直播间是已开播直播间)、未开播(对应直播间是未开播直播间)。所述主播特征包括主播的类型(例如带货类主播、游戏类主播、表演类主播等)、主播的级别(例如up主、新进主播等)。所述直播间特征包括直播间的直播内容类型、直播间展示的商品数量、直播间参数等,直播间参数包括下述至少一种:直播间的成交量、实时在线人数等。所述多个直播间标识211的触发特征包括触发时间、触发频次等。所述第二显示区域220的区域特征包括显示内容是否为空、展示位数量等。Wherein, the live broadcast features corresponding to the plurality of live broadcast rooms include at least one of the following: broadcast start features, anchor features, live room features, and the like. The characteristics of broadcast start include broadcast started (the corresponding live room is a live room that has started broadcasting), and broadcasting is not started (the corresponding live room is a live room that has not started broadcasting). The characteristics of the anchor include the type of the anchor (such as the anchor of the goods, the anchor of the game, the anchor of the performance, etc.), and the level of the anchor (such as the up host, the new anchor, etc.). The characteristics of the live broadcast room include the type of live broadcast content in the live broadcast room, the number of commodities displayed in the live broadcast room, parameters of the live broadcast room, etc., and the parameters of the live broadcast room include at least one of the following: transaction volume of the live broadcast room, number of people online in real time, etc. The trigger features of the plurality of
进一步的,在一种可选实施方式中,继续参考如图2所示,所述第一显示区域210包括多个第一展示位212。所述根据所述多个直播间的直播特征在所述第一显示区域对所述多个直播间标识进行显示,包括:获取所述多个直播间的直播特征,所述直播特征包括开播特征和/或主播特征;根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位;将所述多个直播间标识在对应的第一展示位进行分别展示。Further, in an optional implementation manner, continuing to refer to FIG. 2 , the first display area 210 includes a plurality of first display positions 212 . The displaying the identifiers of the plurality of live broadcast rooms in the first display area according to the live broadcast characteristics of the plurality of live broadcast rooms includes: acquiring the live broadcast characteristics of the plurality of live broadcast rooms, the live broadcast characteristics including the start-up feature and/or anchor characteristics; according to the live broadcast characteristics of the multiple live broadcast rooms, determine the first display positions corresponding to each of the multiple live broadcast room identifiers in the first display area; mark the multiple live broadcast rooms in the corresponding The first display of the display will be displayed separately.
在一种可选的实施方式中,根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位,包括:按照直播间的开播特征,确定已开播直播间的直播间标识在所述第一显示区域所对应的第一展示位位于未开播直播间的直播间标识在所述第一显示区域所对应的第一展示位的前方,以方便用户查找。例如,第一显示区域包括2个第一展示位,分别为第一展示位a和第一展示位b,第一展示位a排布在第一展示位b的前方,两者在第一显示区域呈行展示排布,用户触发2个直播间标识,分别为直播间标识m和直播间标识n,直播间标识m对应的直播间为当前已开播直播间,直播间标识n对应的直播间为当前未开播直播间,则将直播间标识m在第一展示位a处进行展示,直播间标识n在第一展示位b处进行展示。由此可获得方便用户查找、满足用户真实需求、提升用户体验的效果。In an optional implementation manner, determining the first display positions corresponding to the identifiers of the multiple live broadcast rooms in the first display area according to the live broadcast features of the multiple live broadcast rooms includes: The feature of broadcasting is to determine that the first display position corresponding to the live room logo in the first display area of the live room that has started broadcasting is located in the first display position corresponding to the live room logo in the first display area of the live room that has not started broadcasting in front, to make it easy for users to find. For example, the first display area includes 2 first display positions, which are respectively the first display position a and the first display position b, the first display position a is arranged in front of the first display position b, and the two display positions The area is displayed in a row, and the user triggers two live room logos, namely, the live room logo m and the live room logo n. The live room corresponding to the live room logo m is the currently broadcast live room, and the live room logo n corresponds to the live room If the live broadcast room is not currently broadcast, the live broadcast room identifier m is displayed at the first display position a, and the live broadcast room identifier n is displayed at the first display position b. In this way, the effects of facilitating user search, satisfying the real needs of users, and improving user experience can be obtained.
进一步的,针对各已开播直播间的直播间标识,可按照直播间的直播参数特征对各已开播直播间的直播间标识进行排序显示。具体的,以直播参数特征是直播间的成交量为例,可将成交量较高的已开播直播间的直播间标识显示于成交量较低的已开播直播间的直播间标识的左边或者前边,以方便用户查找。因为成交量越高的直播间越需要被重点关注与维护,以降低该类直播间出现故障的概率,从而达到提高服务质量、提升用户体验的目的。Further, for the live room identifiers of the live broadcast rooms that have started broadcasting, the live room identifiers of the live broadcast rooms that have started broadcasting can be sorted and displayed according to the live broadcast parameter characteristics of the live broadcast rooms. Specifically, taking the live broadcast parameter feature as the transaction volume of the live broadcast room as an example, the live room logo of the live broadcast room with a higher transaction volume can be displayed on the left or in front of the live room logo of the live broadcast room with a lower transaction volume , to make it easier for users to find. Because live broadcast rooms with higher transaction volume need more attention and maintenance to reduce the probability of failure in such live broadcast rooms, so as to achieve the purpose of improving service quality and user experience.
再进一步的,被用户主动标记为重点关注的星标主播的直播间标识显示于非星标主播的直播间标识的左边或者前边,以方便用户查找。可以理解的是,针对各星标主播的直播间标识,可按照上述逻辑进行排序显示,即已开播的星标主播的直播间标识显示于未开播的星标主播的直播间标识的左边或者前边,成交量较大的星标主播的直播间标识显示于成交量较小的星标主播的直播间标识的左边或者前边。可选的,针对未开播直播间的直播间标识可基于上次开播时各直播间的成交量进行排序显示。Still further, the live broadcast room IDs of the star hosts that are actively marked by the user as the focus of attention are displayed on the left or in front of the live room IDs of the non-star hosts, so as to facilitate the user's search. It can be understood that the live room IDs of star hosts can be sorted and displayed according to the above logic, that is, the live room IDs of star hosts that have started broadcasting are displayed on the left or in front of the live room IDs of star hosts that have not started broadcasting , the live room logo of the star host with a large trading volume is displayed on the left or in front of the live room logo of the star host with a small trading volume. Optionally, the identifiers of live broadcast rooms that have not started broadcasting can be sorted and displayed based on the transaction volume of each live broadcast room when the broadcast was last started.
总体而言,所述多个直播间标识显示于所述多直播间页面的第一显示区域,若所述多个直播间标识对应的多个直播间为已开播直播间,则所述多个直播间标识基于各自对应直播间的直播参数特征在所述第一显示区域进行排序显示。若所述多个直播间标识对应的多个直播间为未开播直播间,则所述多个直播间标识基于各自对应直播间上次开播时的直播参数特征在所述第一显示区域进行排序显示。若所述多个直播间标识对应的多个直播间包括已开播直播间和未开播直播间,则已开播直播间的直播间标识排列在未开播直播间的直播间标识的左边或者前边。其中,若已开播直播间中存在被关注的星标直播间,则该类直播间标识排在最前面,即置顶显示,以方便用户查找。同样的,若未开播直播间中存在被关注的星标直播间,则该类直播间标识排在所有未开播直播间的直播间标识的最前面,即置顶显示,以方便用户查找。若被关注的星标直播间有多个,则按照直播间的成交量排序显示,成交量较高的显示在较前面。In general, the multiple live room identifiers are displayed in the first display area of the multi-live room page, and if the multiple live room corresponding to the multiple live room IDs are broadcast live rooms, then the multiple The live broadcast room identifiers are sorted and displayed in the first display area based on the live broadcast parameter characteristics of the respective corresponding live broadcast rooms. If the plurality of live rooms corresponding to the plurality of live room identifiers are live broadcast rooms that have not started broadcasting, then the plurality of live room identifiers are sorted in the first display area based on the live parameter characteristics of the corresponding live room last broadcast show. If the multiple live rooms corresponding to the multiple live room identifiers include live broadcast rooms that have started broadcasting and live broadcast rooms that have not started broadcasting, then the live room identifiers of the live broadcast rooms that have started broadcasting are arranged on the left or in front of the live room identifiers of the live broadcast rooms that have not started broadcasting. Among them, if there is a star-marked live broadcast room in the broadcast live broadcast room, the logo of this type of live broadcast room will be ranked at the top, that is, it will be displayed at the top, so that users can find it conveniently. Similarly, if there is a star-marked live broadcast room in the unbroadcast live broadcast room, the live broadcast room ID of this type will be ranked at the top of the live broadcast room IDs of all the unbroadcast live broadcast rooms, that is, it will be displayed at the top, so that users can find it easily. If there are multiple star live broadcast rooms that are followed, they will be sorted and displayed according to the transaction volume of the live broadcast rooms, and the one with the higher transaction volume will be displayed at the front.
在一种可选的实施方式中,根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位,包括:根据所述多个直播间的主播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位。例如,根据多个直播间所对应的主播等级高低顺序确定多个直播间标识的展示前后顺序,从而确定多个直播间标识对应的第一展示位。In an optional implementation manner, determining the first display positions corresponding to the identifiers of the multiple live broadcast rooms in the first display area according to the live broadcast features of the multiple live broadcast rooms includes: The characteristics of the host of each live broadcast room determine the first display positions corresponding to the identifiers of the multiple live broadcast rooms in the first display area. For example, the display order of the multiple live room logos is determined according to the order of anchor levels corresponding to the multiple live room logos, so as to determine the first display position corresponding to the multiple live room logos.
在一种可选实施方式中,继续参考图2所示,所述第二显示区域220包括多个第二展示位221(分别为第二展示位221a、221b、221c和221d)。所述根据所述多个直播间标识211的触发特征及所述第二显示区域220的区域特征对所述多个直播间的直播画面进行显示,包括:若第二显示区域220包括展示内容为空的展示位,则将当前触发的直播间标识对应的直播画面在所述展示内容为空的展示位进行显示;反之,若第二显示区域220不包括展示内容为空的展示位,换言之,第二显示区域220所包括的展示位被全部占满,根据所述多个直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。所述触发显示时间是指用户触发直播标识使直播画面在第二展示位上进行展示的时间。In an optional implementation manner, continuing to refer to FIG. 2 , the
可选的,所述根据所述多个直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示,包括:获取所述多个第二展示位的多个直播画面对应的触发显示时间;将触发显示时间为最后的直播画面所对应的第二展示位确定为目标第二展示位;将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。其中,触发显示时间为最后表示最晚被触发显示。例如,第二显示区域包括2个第二展示位,2个第二展示位分别展示有直播画面A和直播画面B。直播画面A对应的触发显示时间为21年5月1号上午9点整,直播画面B对应的触发显示时间为21年5月1号上午9点零1分,则在直播画面A与B中,触发显示时间为最后的直播画面为直播画面B,即最晚被触发显示的直播画面。Optionally, the target second display position is determined according to the trigger display time of the plurality of live images at the plurality of second display positions, and the live image corresponding to the currently triggered live room identifier is replaced with the target second display position. Displaying the live images shown in the display positions includes: obtaining the trigger display time corresponding to the plurality of live images of the plurality of second display positions; determining the trigger display time for the second display position corresponding to the last live image It is the target second display location; the live broadcast image corresponding to the currently triggered live broadcast room logo is replaced with the live broadcast image displayed in the target second display location for display. Wherein, the trigger display time being the last indicates that the display is triggered at the latest. For example, the second display area includes 2 second display positions, and the 2 second display positions display the live image A and the live image B respectively. The trigger display time corresponding to live screen A is 9:00 am on May 1, 21, and the trigger display time corresponding to live screen B is 9:01 am on May 1, 21, then in live screen A and B , the live screen whose trigger display time is the last is live screen B, which is the latest live screen that is triggered to be displayed.
参考图2所示,假设所述多个第二展示位的多个直播画面分别为直播画面A和直播画面B,直播画面A对应的触发显示时间为对应的触发显示时间为21年5月1号上午9点整,直播画面B对应的触发显示时间为21年5月1号上午9点零1分,可以确定触发显示时间为最后的直播画面为B,则将直播画面B所占的第二展示位221a确定为目标第二展示位,若此时,用户继续触发直播标识,则以当前触发的直播间标识对应的直播画面C替换目标第二展示位221a中所展示的直播画面B进行显示。Referring to FIG. 2 , assuming that the multiple live images of the plurality of second display positions are respectively live image A and live image B, the trigger display time corresponding to live image A is the corresponding trigger display time is May 1, 21 At 9:00 a.m., the trigger display time corresponding to live screen B is 9:01 AM on May 1, 21. It can be determined that the trigger display time is the last live screen B, and the first live screen B occupied The
可选的,替换后的多直播间页面的示意图可以参考如图3所示,其中,直播画面B占据了直播画面A所占的第二展示位221b,直播画面A向右挪动一个第二展示位,在第二展示位221c进行展示,如此可保证当前触发的直播间标识对应的直播画面显示在最左边的第二展示位,以方便用户查看。Optionally, the schematic diagram of the replaced multi-live room page can be referred to as shown in Figure 3, wherein, the live screen B occupies the
在一种具体实施方式中,为了兼顾用户的用眼习惯,提高用户的交互体验以及获取信息的效率,始终将当前触发的直播间标识对应的直播画面显示于第二显示区域220中最靠左的第二展示位221a。概括性地,按照直播间标识被触发的时间先后顺序,控制与被触发直播间标识分别对应的直播画面在所述第二显示区域220沿预设方向依次进行分别显示,其中预设方向可以是从左到右。参考图4,举例说明该显示过程:假设第二显示区域220中包括四个第二展示位221,从左到右依次是第二展示位221a、第二展示位221b、第三展示位221c和第四展示位221d,且这四个第二展示位均未被占用,即展示内容为空,用户首先触发直播间A的直播间标识,则将直播间A的直播画面显示于第二展示位221a,接着用户触发直播间B的直播间标识,则首先控制直播间A的直播画面从第二展示位221a挪至第二展示位221b进行显示,以腾出第二展示位221a,然后将直播间B的直播画面显示于第二展示位221a,从而保证始终将当前触发的直播间标识对应的直播画面显示于第二显示区域220中最靠左的第二展示位221a。如果用户又触发直播间C的直播间标识,则将直播间A的直播画面从第二展示位221b挪至第二展示位221c进行显示,将直播间B的直播画面从第二展示位221a挪至第二展示位221b进行显示,以腾出第二展示位221a,然后将直播间C的直播画面显示于第二展示位221a,依次类推。若第二显示区域220中包括的四个第二展示位均被占用,比如从左到右依次显示直播间D、直播间C、直播间B以及直播间A的直播画面,当用户再次触发直播间E的直播间标识时,将直播间A的直播画面从第二显示区域中删除,然后将直播间D、直播间C和直播间B的直播画面依次向右挪动一个第二展示位,即直播间B的直播画面挪至第二展示位221d,直播间C的直播画面挪至第二展示位221c,直播间D的直播画面挪至第二展示位221b,第二展示位221a被腾出,将直播间E的直播画面显示于第二展示位221a。若第二显示区域220中包括的四个第二展示位均被占用,比如从左到右依次显示直播间D、直播间C、直播间B以及直播间A的直播画面,当用户删除直播间B的直播画面时,直播间A的直播画面从第二展示位221d挪至第二展示位221c,即填补直播间B所占用的第二展示位。如此,当新的直播间标识被触发时,可按照上述逻辑依次向右挪动各直播画面,始终将当前触发的直播间标识对应的直播画面显示于第二显示区域220中最靠左的第二展示位221a。即按照直播间标识被触发的时间先后顺序,控制与被触发直播间标识分别对应的直播画面在所述第二显示区域沿预设方向依次进行分别显示,其中预设方向可以是从左到右。其中,直播画面指直播视频流,直播画面上还可以显示该直播间的评论数据流,通过触发“展示数据”控件(具体可以参见图2中的控件240),可以切换在直播画面上显示该直播间的直播数据流,对应的“展示数据”控件更新为“展示评论”控件(如图4所示的控件250),通过触发“展示评论”控件,可控制在直播画面上恢复显示评论数据流。所述直播数据流包括但不限于如下几种:成交量、实时在线人数、人均看播时长、观看成交转化率等。在一种实施方式中,所述直播间显示方法还包括:响应于作用在所述多个直播间中的任一直播间的直播画面的触发操作,从所述多直播间页面切换至与所述任一直播间所对应的直播详情页。其中,直播详情页指单直播间的展示页面,在直播详情页中详细展示对应直播间的直播数据,例如可以以曲线图的方式实时展示各指标数据(例如进入直播间人数、离开直播间人数、实时在线人数等),同时还可以以小窗口展示对应直播间的直播画面。以图5所示的多直播间页面的示意图为例,多直播间页面的第二显示区域220包括四个第二展示位221,从左至右依次显示有直播间D的直播画面、直播间C的直播画面、直播间B的直播画面和直播间A的直播画面,若用户点击直播间A的直播画面,则跳转至如图6所示的直播间A的直播详情页,在直播详情页中显示有直播间A的播放画面630、直播间A的直播数据640(直播数据包括成交量、实时在线人数、人均看播时长以及流量来源等),如果直播间A为带货直播间,在直播详情页中还可以显示直播间A所带的具体货物或者物品信息650。在直播间A的播放画面630上还可以显示“切换直播”控件631,通过触发“切换直播”还可以将直播画面切换为直播数据,即不再展示直播画面,而是只展示直播数据,以丰富交互方式,方便用户随意切换、查看相关数据流。直播画面上还可以展示评论数据。进一步的,还可以在直播间A的直播详情页的第一显示区域610对直播间A的标识611进行标记,例如将直播间A的标识611设置为选中状态,以帮助用户确定当前的直播详情页是针对直播间A的直播详情页。进一步的,在从多直播间页面向某个具体直播间的直播详情页跳转时,还可以通过如下逻辑实现:如图5所示,响应于作用在“直播间切换”控件260的操作,跳转至直播详情页,该直播详情页为用户的历史交互操作中最后一次触发的直播画面对应直播间的直播详情页。可选的,如图5所示,还可以是响应于作用在“单直播间详情”控件270,跳转至直播详情页,该直播详情页为用户的历史交互操作中最后一次触发的直播画面对应直播间的直播详情页。In a specific implementation, in order to take into account the user's eye habits, improve the user's interactive experience and the efficiency of information acquisition, the live broadcast screen corresponding to the currently triggered live broadcast room logo is always displayed on the leftmost in the
进一步的,在一种实施方式中,所述直播间显示方法还包括:接收作用在所述直播详情页的第二控件的触发操作,响应于所述作用在第二控件的触发操作,在所述直播详情页显示预警信息,所述预警信息包括预警类型信息、预警触发分析信息以及预警触发时间信息。参考图6所示,所述第二控件具体可以是“预警配置”控件660,通过触发“预警配置”控件660,可以启动预警功能,当系统检测到有直播间触发预警规则时,则自动显示该直播间的标识以及具体的预警信息。通过对直播间进行自动预警,可提高效率与准确度。通过触发“预警配置”控件660,还可以调出具体的预警规则配置窗口,通过预警规则配置窗口,用户可以自定义配置预警规则,可结合业务实践灵活配置。预警规则配置可包括目标配置、投放效果、指标撞线、指标波动、开播断播以及直播违规等规则。目标配置中通过点击“目标校准”控件可以根据主播的开播计划设置,当目标达成存在风险时,则触发预警。开播断播配置例如可以根据主播上报的开播时间确定,晚于上报的开播时间一段时间,则会认为未按时开播,则触发预警。断播可以根据主播前后两场直播间的下播和开播时间间隔确定,例如本场直播间的下播时间与下一场直播间的开播时间间隔小于一定时间,则认为是异常断播,触发预警。具体的,可参考如图7所示的一种预警规则配置窗口的界面示意图。Further, in one embodiment, the live broadcast room display method further includes: receiving a trigger operation acting on the second control on the live broadcast details page, and responding to the trigger operation acting on the second control, in the The live broadcast details page displays early warning information, and the early warning information includes early warning type information, early warning trigger analysis information, and early warning trigger time information. As shown in FIG. 6, the second control may specifically be the "warning configuration"
进一步的,在一种实施方式中,继续参考图6所示,通过触发“指标配置”控件670,可以调出指标配置窗口,通过指标配置窗口,用户可以配置其想关注的直播间数据指标,例如“人均看播时长”、“实时在线人数”等数据指标。Further, in one embodiment, continue to refer to FIG. 6 , by triggering the “Indicator Configuration”
进一步的,在一种实施方式中,所述直播间显示方法还包括:响应于作用在所述多直播间页面或直播详情页的触发操作,显示主播配置页;接收作用于所述主播配置页的触发操作,确定目标主播和/或目标主播组,以在所述多直播间页面或直播详情页显示所述目标主播和/或目标主播组对应的所述直播间标识。通过支持用户灵活管理各主播,可满足用户分组关注各直播间的需求,可提升用户体验,以及用户对其关注直播间的查看效率。具体的,可以在所述多直播间页面和/或所述直播详情页设置“达人配置”控件,如图8所示的一种多直播间页面的示意图,其中包括“达人配置”控件810,用户点击“达人配置”控件810,弹出达人管理页面,如图9所示的一种达人管理页面的示意图,分组展示每个组下的主播达人,鼠标悬浮到每个组的名称时,可以对该组进行重命名或者删除操作。点击“新建分组”控件,会新建一个空的分组,并展示主播推荐列表,以方便用户从中选择其想关注的主播。每个分组内的主播可按照添加时间倒序排列,但用户重点关注的,例如加星标的主播排在该组的最前面进行展示,以方便用户对其重点关注的主播进行查看。可以通过主播ID或者昵称搜索每个分组内的主播。点击“星标”按钮可以设置每个组内用户想重点关注的主播,再次点击“星标”按钮可以取消关注。若用户点击“添加达人”控件可直接调取达人导入界面,其中包括候选主播列表,用户可以从中选择其想添加的主播,然后通过点击“确认”控件完成达人的添加。具体的,用户在选定具体分组后,若点击“添加达人”控件,则调取达人导入界面,在达人导入界面中显示候选主播列表,已经在该分组内的主播标识置灰处理。在搜索框中可以输入主播ID或者主播昵称进行搜索。可以理解的是,若通过主播昵称进行搜索属于模糊搜索,因为不同主播可以有相同的昵称,通过主播ID进行搜索属于精确搜索,可以定位到具体某个主播,每个主播具有唯一的ID。对于模糊搜索,可列出搜索结果集,让用户从搜索出的多个主播中选择目标主播,通过勾选操作,可以将目标主播添加至选中结果集中,最后通过确认操作将选中结果集中的主播添加至当前分组中。在搜索结果集中会展示推荐主播,例如展示全行业和分别15个具体行业共16个二级选项,点击对应行业拉取此行业内正在直播切换成交量排序靠前的预设数量个主播作为推荐主播,以使用户能够快速找到其想关注的主播,提高用户的操作效率。Further, in one embodiment, the live broadcast room display method further includes: displaying the anchor configuration page in response to a trigger operation acting on the multi-live broadcast room page or the live broadcast detail page; The trigger operation is to determine the target host and/or target host group, so as to display the live room identifier corresponding to the target host and/or target host group on the multi-live room page or live details page. By supporting users to flexibly manage each anchor, it can meet the needs of users to focus on each live broadcast room in groups, improve user experience, and improve the viewing efficiency of the live broadcast rooms that users follow. Specifically, the "expert configuration" control can be set on the multi-live room page and/or the live details page, as shown in Figure 8, a schematic diagram of a multi-live room page, which includes the "expert configuration"
在一种实施方式中,所述直播间显示方法还包括:接收作用在第一控件的触发操作,响应于作用在第一控件的触发操作,显示直播间列表页面,即从多直播间页面切换至直播间列表页面,其中,在所述直播间列表页面中以列表形式显示所述多个直播间的直播数据。其中,第一控件可以参考如图4所示的显示有第一控件230的多直播间页面示意图,第一控件230具体可以是“直播间列表”控件。所述多个直播间的直播数据包括但不限于以下几种:成交量、实时在线人数、人均看播时长等。直播间列表页面可以同时显示更多个直播间的直播数据,可以进一步方便用户同时对多个直播间的直播数据进行观看,便于用户快速查找关键信息,同时也可以进行详细直播数据的盯盘工作,且支持指标配置。而基于多直播间页面可以较直观地对直播间的直播数据进行展示,方便用户观看,有利于提升用户的使用体验。In one embodiment, the live room display method further includes: receiving a trigger operation acting on the first control, and displaying the live room list page in response to the trigger operation acting on the first control, that is, switching from the multi-live room page Go to the live room list page, wherein the live data of the multiple live rooms are displayed in a list form on the live room list page. Wherein, the first control may refer to the schematic diagram of a multi-live room page displaying the
此外,参考如图6所示,所述直播间显示方法还包括:接收作用在直播详情页的“直播间列表”控件680的触发操作,响应于该触发操作,从直播详情页切换至直播间列表页面。In addition, as shown in FIG. 6 , the live room display method further includes: receiving a trigger operation of the "live room list"
为了适配不同尺寸的显示屏/浏览器窗口,提升多直播间页面的显示效果,改善用户的体验,在一种实施方式中,所述显示多直播间页面,包括:In order to adapt to display screens/browser windows of different sizes, improve the display effect of multi-live room pages, and improve user experience, in one implementation, the display of multi-live room pages includes:
确定目标显示窗的尺寸信息;根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示。其中,目标显示窗指显示屏的显示区域或者浏览器的显示窗。实际应用场景中比较常见的显示屏的尺寸信息包括如下多种:1280x720、1366x768、1440x900、1536x864、1680x1050、1792x1120、1920x1080或者2560x1440,此外由于办公习惯差异,用户在使用浏览器时的实际窗口还会出现多种其它尺寸。为保证直播间显示方案在小屏幕下的可用性,基于对实际使用场景进行分析所获得的分析结果,对多直播间页面的显示方案进行了具体设计。Determine the size information of the target display window; adjust the size of the multi-live room page according to the size information of the target display window, so that the multi-live room page can be fit and displayed on the target display window. Wherein, the target display window refers to a display area of a display screen or a display window of a browser. The size information of the more common display screens in actual application scenarios includes the following types: 1280x720, 1366x768, 1440x900, 1536x864, 1680x1050, 1792x1120, 1920x1080 or 2560x1440. Various other sizes appear. In order to ensure the usability of the live broadcast room display scheme on a small screen, based on the analysis results obtained by analyzing the actual usage scenarios, the display scheme of the multi live broadcast room page is specifically designed.
当然,本公开的页面适配显示窗显示并不仅限于多直播间页面,还使用于其他页面,例如直播间详情页,具体不再赘述。Of course, the page adaptation display window display in the present disclosure is not limited to the multi-live room page, and can also be used on other pages, such as the details page of the live room, so details will not be repeated here.
在可选的一种实施方案中,根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示,包括:In an optional implementation, adjusting the size of the multi-live room page according to the size information of the target display window, so that the multi-live room page is displayed on the target display window, includes:
若目标显示窗的尺寸小于或等于一预设尺寸阈值,则在所述多直播间页面上展示滚动条,以通过所述滚动条调整所述目标显示窗内所展示的所述多直播间页面的页面区域。所述滚动条可以是横向滚动条和/或纵向滚动条。示例性的,当目标显示窗的高度小于720像素时,在多直播间页面上展示纵向滚动条,以使用户通过滚动纵向滚动条查看多直播间页面中的完整内容。当目标显示窗的宽度小于1080像素时,在多直播间页面上展示横向滚动条,以使用户通过滚动横向滚动条查看多直播间页面中的完整内容。当目标显示窗的高度小于720像素,且宽度小于1080像素时,在多直播间页面上展示纵向滚动条和横向滚动条。由此,在目标显示窗的尺寸较小时,仍能保证多直播间页面的全方位展示效果,改善了用户体验。If the size of the target display window is less than or equal to a preset size threshold, a scroll bar is displayed on the multi-live room page, so as to adjust the multi-live room page displayed in the target display window through the scroll bar page area. The scroll bar may be a horizontal scroll bar and/or a vertical scroll bar. Exemplarily, when the height of the target display window is less than 720 pixels, a vertical scroll bar is displayed on the multi-live room page, so that the user can view the complete content of the multi-live room page by scrolling the vertical scroll bar. When the width of the target display window is less than 1080 pixels, a horizontal scroll bar is displayed on the multi-live room page, so that the user can view the complete content of the multi-live room page by scrolling the horizontal scroll bar. When the height of the target display window is less than 720 pixels and the width is less than 1080 pixels, a vertical scroll bar and a horizontal scroll bar are displayed on the multi-live room page. Therefore, when the size of the target display window is small, the omni-directional display effect of the multi-live room page can still be guaranteed, and the user experience is improved.
为了保证多直播间页面中显示对象(例如控件、直播画面等)的显示效果,在一种实施方式中,根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示,包括:根据多直播间页面各个显示区域所展示的显示对象类型确定各个显示区域的区域类型,所述区域类型包括可拉伸区域类型和等比例区域类型;根据调整后的多直播间页面的尺寸、各个显示区域原始尺寸比例及区域类型对各个显示区域的尺寸进行调整,以适配调整后的多直播间页面的尺寸。其中,各个显示区域指多直播间页面的各个显示块,如图10所示的一种多直播间页面的示意图,其中包括4个区域,分别利用数字1-4进行标识。显示对象包括:控件、直播画面、直播间标识(主播头像)等。在确定展示的显示对象为控件的情况下,对应的区域类型为可拉伸区域类型,所述控件包括输入框控件、按钮控件。展示的显示对象为直播画面,对应的区域类型为等比例区域类型,以获得较好的显示效果。此外,多个显示对象也可以叠加展示或非叠加展示,在叠加展示的情况下(例如按钮控件叠加在直播画面上方展示),也可以分别根据各个显示对象得类型确定各个显示对象对应的区域类型(例如先确定直播画面对应的底层显示区域类型,再确认直播画面上方按钮控件对应的顶层显示区域类型)。针对可拉伸的区域,可以根据目标显示窗的尺寸信息进行适应拉伸,当目标显示窗的尺寸较小时,缩小可拉伸区域,当目标显示窗的尺寸较大时,放大可拉伸区域,以使多直播间页面中的内容占满整个目标显示窗。针对等比例区域,需要始终保持该类区域原始设计时的宽高比,不能沿某个单一方向任意拉伸,以保证在该类区域中所展示内容的展示效果,也即可拉伸区域是可以沿单一方向形变,也可以沿多个方向形变(可以等比例方式形变也可以非等比例方式形变),而等比例区域则是按照等比例方式形变。多直播间页面整体采用flexbox布局,按照各个显示区域原始尺寸比例,结合各个显示区域的区域类型,对各个显示区域进行调整。可选的,根据目标显示窗的尺寸确定多直播间页面的尺寸,针对等比例区域,根据确定的多直播间页面的尺寸,确定等比例区域的宽,结合各个显示区域的原始尺寸比例(例如原始设计的宽高比),再确定等比例区域的高;或者先确定等比例区域的高,结合原始设计的宽高比,再确定等比例区域的宽。针对可拉伸区域,可在确定该区域的高之后,水平方向以占满可用显示空间为准。其中,flexbox是一种一维布局模型,采用flexbox布局可以实现通过调整各个显示区域的宽高,实现在任意尺寸的显示屏上对可用显示空间进行最佳填充,保证显示内容占满显示屏的可用显示空间。In order to ensure the display effect of the display objects (such as controls, live images, etc.) The page is adapted and displayed on the target display window, including: determining the area type of each display area according to the display object type displayed in each display area of the multi-live room page, and the area type includes a stretchable area type and a proportional area Type: Adjust the size of each display area according to the adjusted size of the multi-live room page, the original size ratio of each display area, and the area type to fit the adjusted size of the multi-live room page. Wherein, each display area refers to each display block of the multi-live room page, as shown in FIG. 10 , a schematic diagram of a multi-live room page, which includes 4 areas, respectively identified by numbers 1-4. Display objects include: controls, live broadcast images, live room logos (anchor avatars), etc. When it is determined that the displayed display object is a control, the corresponding area type is a stretchable area type, and the control includes an input box control and a button control. The display object displayed is a live image, and the corresponding area type is an equal-scale area type to obtain a better display effect. In addition, multiple display objects can also be displayed superimposedly or non-superimposedly. In the case of superimposed display (for example, button controls are superimposed on the top of the live broadcast screen), the type of area corresponding to each display object can also be determined according to the type of each display object. (For example, first determine the type of the bottom display area corresponding to the live broadcast screen, and then confirm the type of the top display area corresponding to the button control above the live screen). For the stretchable area, adaptive stretching can be performed according to the size information of the target display window. When the size of the target display window is small, the stretchable area is reduced; when the size of the target display window is large, the stretchable area is enlarged , so that the content on the multi-live room page occupies the entire target display window. For equal-proportion areas, it is necessary to always maintain the aspect ratio of the original design of this type of area, and it cannot be stretched arbitrarily in a single direction to ensure the display effect of the content displayed in this type of area, that is, the stretched area is It can be deformed in a single direction or in multiple directions (it can be deformed in a proportional manner or in a non-proportional manner), while the proportional area is deformed in a proportional manner. The multi-live room page adopts a flexbox layout as a whole, and adjusts each display area according to the original size ratio of each display area and in combination with the area type of each display area. Optionally, determine the size of the multi-live room page according to the size of the target display window, and determine the width of the equal-proportion area for the equal-proportion area according to the determined size of the multi-live room page, combined with the original size ratio of each display area (for example aspect ratio of the original design), and then determine the height of the proportional area; or first determine the height of the proportional area, combined with the aspect ratio of the original design, and then determine the width of the proportional area. For the stretchable area, after the height of the area is determined, the horizontal direction is based on the available display space. Among them, flexbox is a one-dimensional layout model. Using flexbox layout can realize the optimal filling of the available display space on a display screen of any size by adjusting the width and height of each display area, ensuring that the display content fills the display screen. available display space.
在一种具体实施方式中,根据多直播间页面的尺寸、各个显示区域原始尺寸比例及区域类型对各个显示区域进行调整,以适配调整后的所述多直播间页面的尺寸,包括:根据调整后的多直播间页面的尺寸、各个显示区域的原始尺寸比例确定与各个显示区域对应的父元素的尺寸信息;根据父元素的尺寸信息确定与所述各个显示区域内的显示对象所对应的子元素的尺寸信息;根据所述父元素的尺寸信息和子元素的尺寸信息对所述父元素和子元素进行渲染,以适配调整后的多直播间页面的尺寸。在确定父元素的尺寸信息和子元素的尺寸信息之间,还包括:利于占位元素控制所述父元素的尺寸。In a specific implementation manner, each display area is adjusted according to the size of the multi-live room page, the original size ratio of each display area, and the area type, so as to adapt to the adjusted size of the multi-live room page, including: according to Determine the size information of the parent element corresponding to each display area according to the adjusted size of the multi-live room page and the original size ratio of each display area; determine the size information corresponding to the display objects in each display area according to the size information of the parent element The size information of the child element; the parent element and the child element are rendered according to the size information of the parent element and the size information of the child element, so as to adapt to the size of the adjusted multi-live room page. Between determining the size information of the parent element and the size information of the child element, further includes: facilitating the placeholder element to control the size of the parent element.
具体的,针对等比例区域,可以通过编写目标组件实现,根据原始设计(原始设计可指设计文件中设置的尺寸信息)指定该目标组件的比例后,无需计算组件高度,只需依赖浏览器本身的排版机制即可保证该组件在各种尺寸的屏幕下保持等比例显示。该目标组件的实现原理具体为使用相对定位+绝对定位的方式实现。具体的,子元素上下左右四个方向的页边距是基于父元素宽度计算的。假设父元素宽度为x,需要保持1:1的比例,则可设置子元素高度为0、页边距峰值为100%,这种情况下计算出来子元素的实际高度为:x*100%。基于此,如果要实现一个宽高比恒定为数值r的子元素,可以使用占位元素,将其页边距峰值设置为100%/r。如此,父元素被限高,从而其高度为r*子元素宽度,即宽高比为r。最后,将子元素通过相对父元素绝对定位的方式(宽、高均设置成100%)定位到父元素左上角。Specifically, for the proportional area, it can be realized by writing the target component. After specifying the proportion of the target component according to the original design (the original design can refer to the size information set in the design file), there is no need to calculate the height of the component, just rely on the browser itself The advanced typesetting mechanism can ensure that the component is displayed in equal proportions on screens of various sizes. The implementation principle of the target component is specifically realized by using relative positioning + absolute positioning. Specifically, the margins in the four directions of up, down, left, and right of the child element are calculated based on the width of the parent element. Assuming that the width of the parent element is x and the ratio of 1:1 needs to be maintained, you can set the height of the child element to 0 and the peak margin to 100%. In this case, the calculated actual height of the child element is: x*100%. Based on this, if you want to implement a child element with a constant aspect ratio of value r, you can use a placeholder element and set its margin peak to 100%/r. In this way, the height of the parent element is limited, so that its height is r*the width of the child element, that is, the aspect ratio is r. Finally, the child element is positioned to the upper left corner of the parent element by absolute positioning relative to the parent element (both width and height are set to 100%).
此外,为了保证缩放时多直播间页面不发生变形,显示所述多直播间页面还包括:根据目标显示窗的尺寸,计算缩放比例(即在目标显示窗上对页面进行缩放显示,也即确定页面在目标显示窗上的缩放显示比例),在缩放时,基于该缩放比例对多直播间页面进行自适应调整,以保证多直播间页面在缩放时不发生变形。具体的,基于目标显示窗的宽度、预设最小宽度(此处预设最小宽度是指预设的多直播间页面的最小宽度,可通过用户在设计文件/稿中设置的多直播间页面的最小宽度尺寸来确定,另外,预设最小宽度也可以是多直播间页面中各个显示区域的最小宽度,可通过用户在设计文件/稿中设置的各个显示区域的最小宽度尺寸来确定)计算缩放比例scale,scale=max(目标显示窗宽度,预设最小宽度)/预设目标宽度;然后根据预设目标高度(此处预设目标高度是指预设的多直播间页面的高度,可通过用户在设计文件/稿中设置的多直播间页面的高度尺寸来确定,另外,预设目标高度也可以是多直播间页面中各个显示区域的高度,可通过用户在设计文件/稿中设置的各个显示区域的高度尺寸来确定)以及该缩放比例计算期望高度expectHeight,expectHeight=预设目标高度*scale。基于上述计算,如果期望高度expectHeight大于目标显示窗的高度,表示目标显示窗的高度不够用,不足以展示完整的多直播间页面,此时,自适应调整,重置上述缩放比例scale,重置后的缩放比例定义为scale1,scale1=目标显示窗高度/预设目标高度,实际渲染时,使用宽度为max(目标显示窗宽度,预设最小宽度)、高度为预设目标高度的容器。如果期望高度expectHeight小于或者等于目标显示窗的高度,表示目标显示窗的高度够用,在纵向足以展示多直播间页面,此时使用宽度为max(目标显示窗宽度,预设最小宽度)、高度为max(目标显示窗高度,预设最小高度)/scale1的容器渲染内容。此处,预设最小高度是指预设的多直播间页面的最小高度,可通过用户在设计文件/稿中设置的多直播间页面的最小高度尺寸来确定,另外,预设最小高度也可以是多直播间页面中各个显示区域的最小高度,可通过用户在设计文件/稿中设置的各个显示区域的最小高度尺寸来确定。所述预设目标高度为用户在设计文件/稿中设置的具体数值,预设最小高度为用户在设计文件/稿中设置的另一具体数值,预设目标高度可与预设最小高度不同。预设最小高度通常是通过统计目前流行的显示屏的尺寸中最小的高度,典型的,例如720px。而预设目标高度通常是目前使用最多的显示屏的高度。预设目标宽度为用户在设计文件/稿中设置的具体数值,预设最小宽度为用户在设计文件/稿中设置的另一具体数值,预设目标宽度可与预设最小宽度不同。预设最小宽度通常是通过统计目前流行的显示屏的尺寸中最小的宽度,典型的,例如1080px。而预设目标宽度通常是目前使用最多的显示屏的宽度。In addition, in order to ensure that the multi-live room page does not deform when zooming, displaying the multi-live room page also includes: calculating the zoom ratio according to the size of the target display window (that is, zooming and displaying the page on the target display window, that is, determining The zoom display ratio of the page on the target display window), when zooming, the multi-live room page is adaptively adjusted based on the zoom ratio, so as to ensure that the multi-live room page does not deform when zooming. Specifically, based on the width of the target display window and the preset minimum width (here, the preset minimum width refers to the minimum width of the preset multi-live room page, which can be set by the user in the design file/draft. In addition, the preset minimum width can also be the minimum width of each display area in the multi-live room page, which can be determined by the minimum width size of each display area set by the user in the design file/draft) to calculate the zoom Ratio scale, scale=max(target display window width, preset minimum width)/preset target width; then according to the preset target height (here, the preset target height refers to the preset multi-live room page height, which can be passed The height of the multi-live room page set by the user in the design file/draft is determined. In addition, the preset target height can also be the height of each display area in the multi-live room page, which can be determined by the user's settings in the design file/draft. The height size of each display area is determined) and the scaling ratio calculates the expected height expectHeight, where expectHeight=preset target height*scale. Based on the above calculations, if the expected height expectHeight is greater than the height of the target display window, it means that the height of the target display window is not enough to display the complete multi-live room page. At this time, adaptively adjust, reset the above scaling scale, reset The final scaling ratio is defined as scale1, where scale1=target display window height/preset target height. In actual rendering, a container with a width of max (target display window width, preset minimum width) and a height of the preset target height is used. If the expected height expectHeight is less than or equal to the height of the target display window, it means that the height of the target display window is sufficient, and it is sufficient to display multiple live room pages in the vertical direction. At this time, the width is max (the width of the target display window, the preset minimum width), height Render content for a container of max(target display window height, default minimum height)/scale1. Here, the preset minimum height refers to the preset minimum height of the multi-live room page, which can be determined by the minimum height size of the multi-live room page set by the user in the design file/draft. In addition, the preset minimum height can also be It is the minimum height of each display area in the multi-live room page, which can be determined by the minimum height size of each display area set by the user in the design file/draft. The preset target height is a specific value set by the user in the design file/draft, and the preset minimum height is another specific value set by the user in the design file/draft, and the preset target height may be different from the preset minimum height. The preset minimum height is usually the smallest height among the sizes of currently popular display screens, typically, for example, 720px. The preset target height is usually the height of the most used display screen at present. The preset target width is a specific value set by the user in the design file/draft, and the preset minimum width is another specific value set by the user in the design file/draft, and the preset target width may be different from the preset minimum width. The preset minimum width is usually the smallest width among the sizes of currently popular display screens, typically, for example, 1080px. The preset target width is usually the width of the most used display at the moment.
当然,本公开的页面缩放不变形显示方案并不仅限于多直播间页面,还使用于其他页面,例如直播间详情页,具体不再赘述。Of course, the zoom-in-distortion display solution of the present disclosure is not limited to multi-live room pages, and can also be applied to other pages, such as live room detail pages, so details will not be repeated here.
进一步的,为了保证用户感知到的多直播间页面上展示的文字字号不小于目标大小(目标大小通常为12px,12px的字号用户可以看清,小于12px的字号用户会感到视觉疲劳),在缩放时,需要对多直播间页面上展示的文字字号进行自适应调整。具体的,首先沿用前文多次提及的缩放比例scale。假设初始设计中有一个区域的字号为F(单位px),经过缩放后,用户感知到的字号为(F*scale)px,那么scale小于12/F的,用户感知到的字号将小于12px。因为在渲染时,指定了预设最小高度(例如是720)和预设最小宽度(例如是1080),所以能够得出,scale的最小值为0.66667。从而可以算出18px以上的文字无论在何种屏幕下都不会出现感知大小低于12px的情况(18*0.66667=12)。初始设计时,指定所有的文字不会小于12px。因此只需要处理12-17px这个区间的文字,确保它们经过缩放之后用户感知到的大小不会小于12px。从而,在计算scale时,对于[12,17]区间的数字N,计算12/N与scale的大小关系。如果scale<12/N,即说明字号为Npx的文字经过缩放之后将会小于12px,从而使用一个CSS自定义属性--scale-lt--12-N:1记录(N需要替换为12-17这一系列数字,1代表当前缩放比例下需要对文字大小进行调整,0代表无需调整、字号不会小于12px)。如此,根据缩放比例对字号进行自适应调整的逻辑无需硬编码到业务逻辑中去,方便后期维护。Further, in order to ensure that the font size of the text displayed on the multi-live room page perceived by the user is not smaller than the target size (the target size is usually 12px, the user can see the font size of 12px clearly, and the user will feel visual fatigue if the font size is smaller than 12px), when zooming , the font size of the text displayed on the multi-live room page needs to be adaptively adjusted. Specifically, firstly, the scaling ratio mentioned above is followed many times. Assume that in the initial design, there is an area with a font size of F (unit: px). After zooming, the font size perceived by the user is (F*scale)px. If the scale is smaller than 12/F, the font size perceived by the user will be smaller than 12px. Since the preset minimum height (for example, 720) and preset minimum width (for example, 1080) are specified during rendering, it can be concluded that the minimum value of scale is 0.66667. Therefore, it can be calculated that the perceived size of the text above 18px will not be lower than 12px no matter what screen it is on (18*0.66667=12). During the initial design, specify that all text should not be smaller than 12px. Therefore, only the text in the range of 12-17px needs to be processed to ensure that the size perceived by the user will not be smaller than 12px after zooming. Therefore, when calculating the scale, for the number N in the interval [12,17], the relationship between 12/N and scale is calculated. If scale<12/N, it means that the text with a font size of Npx will be smaller than 12px after scaling, so use a CSS custom attribute --scale-lt--12-N:1 record (N needs to be replaced with 12-17 This series of numbers, 1 means that the text size needs to be adjusted under the current zoom ratio, 0 means no adjustment, and the font size will not be smaller than 12px). In this way, the logic of adaptively adjusting the font size according to the zoom ratio does not need to be hard-coded into the business logic, which is convenient for later maintenance.
图11为本公开实施例中的一种直播间显示装置的结构示意图。该装置具体包括:第一接收模块1110和第一显示模块1120。FIG. 11 is a schematic structural diagram of a display device in a live broadcast room in an embodiment of the present disclosure. The device specifically includes: a
其中,第一接收模块1110,用于接收作用于多个直播间标识的触发操作;第一显示模块1120,用于响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。Wherein, the
可选的,所述多直播间页面包括第一显示区域和第二显示区域,第一显示模块1120包括:第一显示单元,用于根据所述多个直播间的直播特征在所述第一显示区域对所述多个直播间标识进行显示;第二显示单元,用于根据所述多个直播间标识的触发特征及所述第二显示区域的区域特征对所述多个直播间的直播画面进行显示。Optionally, the multi-live room page includes a first display area and a second display area, and the
可选的,所述第一显示区域包括多个第一展示位,所述第一显示单元包括:Optionally, the first display area includes a plurality of first display positions, and the first display unit includes:
获取子单元,用于获取所述多个直播间的直播特征,所述直播特征包括开播特征和/或主播特征;确定子单元,用于根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位;展示子单元,用于将所述多个直播间标识分别在各自对应的第一展示位进行展示。The acquisition subunit is used to acquire the live broadcast features of the multiple live broadcast rooms, the live broadcast features include the start broadcast feature and/or the anchor feature; the determination subunit is used to determine the multiple live broadcast features according to the live broadcast features of the multiple live broadcast rooms. The first display positions corresponding to each of the live room logos in the first display area; the display subunit is configured to display the plurality of live room logos in the corresponding first display positions respectively.
可选的,所述第二显示区域包括多个第二展示位,所述第二显示单元包括:第一显示子单元,用于若第二显示区域包括展示内容为空的展示位,则将当前触发的直播间标识对应的直播画面在所述展示内容为空的展示位进行显示;第二显示子单元,用于若第二显示区域不包括展示内容为空的展示位,根据所述多个直播间的直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。Optionally, the second display area includes a plurality of second display positions, and the second display unit includes: a first display subunit, configured to, if the second display area includes a display position whose display content is empty, The live broadcast picture corresponding to the currently triggered live broadcast room logo is displayed in the display position where the display content is empty; the second display subunit is used to display according to the multiple Determine the target second display position at the trigger display time of the plurality of second display positions of the live images in the live broadcast room, and replace the live broadcast displayed in the target second display position with the live image corresponding to the currently triggered live room logo screen is displayed.
可选的,所述第二显示子单元具体用于:获取所述多个第二展示位的多个直播画面对应的触发显示时间;将触发显示时间为最后的直播画面所对应的第二展示位确定为目标第二展示位;将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。Optionally, the second display subunit is specifically configured to: obtain the trigger display time corresponding to the multiple live images of the multiple second display positions; set the trigger display time to the second display corresponding to the last live image The location is determined as the target second display location; the live broadcast image corresponding to the currently triggered live broadcast room identifier is replaced by the live broadcast image displayed in the target second display location for display.
可选的,所述直播间显示装置还包括:Optionally, the display device in the live broadcast room also includes:
第二接收模块,用于接收作用在第一控件的触发操作;第二显示模块,用于响应于作用在第一控件的触发操作,显示直播间列表页面,其中,在所述直播间列表页面中以列表形式显示所述多个直播间的直播数据。The second receiving module is used to receive the trigger operation acting on the first control; the second display module is used to respond to the trigger operation acting on the first control to display the live room list page, wherein, on the live room list page The live broadcast data of the plurality of live broadcast rooms is displayed in a list form.
可选的,所述直播间显示装置还包括:Optionally, the display device in the live broadcast room also includes:
切换模块,用于响应于作用在所述多个直播间中的任一直播间的直播画面的触发操作,从所述多直播间页面切换至与所述任一直播间所对应的直播详情页。A switching module, configured to switch from the multi-live room page to the live detail page corresponding to any one of the multiple live rooms in response to a trigger operation acting on the live screen of any one of the plurality of live rooms .
可选的,所述直播间显示装置还包括:Optionally, the display device in the live broadcast room also includes:
第三接收模块,用于接收作用在所述直播详情页的第二控件的触发操作;第三显示模块,用于响应于所述作用在第二控件的触发操作,在所述直播详情页显示预警信息,所述预警信息包括预警类型信息、预警触发分析信息以及预警触发时间信息。The third receiving module is used to receive the trigger operation of the second control acting on the live broadcast details page; the third display module is used to display on the live broadcast details page in response to the trigger operation acting on the second control Early warning information, the early warning information includes early warning type information, early warning trigger analysis information and early warning trigger time information.
可选的,所述直播间显示装置还包括:Optionally, the display device in the live broadcast room also includes:
第四显示模块,用于响应于作用在所述多直播间页面或直播详情页的触发操作,显示主播配置页;第五显示模块,用于响应于作用在所述主播配置页的触发操作,确定目标主播和/或目标主播组,以在所述多直播间页面或直播详情页显示所述目标主播和/或目标主播组对应的所述直播间标识。The fourth display module is used to display the anchor configuration page in response to the trigger operation acting on the multi-live room page or the live detail page; the fifth display module is used to respond to the trigger operation acting on the anchor configuration page, Determine the target anchor and/or target anchor group, so as to display the live room identifier corresponding to the target anchor and/or target anchor group on the multi-live room page or live detail page.
可选的,第一显示模块1120还包括:Optionally, the
第一确定单元,用于确定目标显示窗的尺寸信息;第一调整单元,用于根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示。The first determination unit is used to determine the size information of the target display window; the first adjustment unit is used to adjust the size of the multi-live room page according to the size information of the target display window, so that the multi-live room page is displayed on the target Adaptive display on the window.
可选的,所述调整单元具体用于:若目标显示窗的尺寸小于或等于一预设尺寸阈值,则在所述多直播间页面上展示滚动条,以通过所述滚动条调整所述目标显示窗内所展示的所述多直播间页面的页面区域。Optionally, the adjustment unit is specifically configured to: if the size of the target display window is smaller than or equal to a preset size threshold, display a scroll bar on the multi-live room page, so as to adjust the target through the scroll bar The page area of the multi-live room page displayed in the display window.
可选的,第一显示模块1120还包括:Optionally, the
第二确定单元,用于根据多直播间页面各个显示区域所展示的显示对象类型确定各个显示区域的区域类型,所述区域类型包括可拉伸区域类型和等比例区域类型;第二调整单元,用于根据调整后的多直播间页面的尺寸、所述各个显示区域的原始尺寸比例及区域类型对所述各个显示区域的尺寸进行调整,以适配调整后的所述多直播间页面的尺寸。The second determination unit is used to determine the area type of each display area according to the display object type displayed in each display area of the multi-live room page, and the area type includes a stretchable area type and a proportional area type; the second adjustment unit, It is used to adjust the size of each display area according to the adjusted size of the multi-live room page, the original size ratio of each display area and the area type, so as to adapt to the adjusted size of the multi-live room page .
可选的,所述第二调整单元包括:Optionally, the second adjustment unit includes:
第一确定子单元,用于根据调整后的多直播间页面的尺寸、各个显示区域的尺寸比例确定与各个显示区域对应的父元素的尺寸信息;第二确定子单元,用于根据父元素的尺寸信息确定与所述各个显示区域内的显示对象所对应的子元素的尺寸信息;渲染单元,用于根据所述父元素的尺寸信息和子元素的尺寸信息对所述父元素和子元素进行渲染,以适配调整后的所述多直播间页面的尺寸。The first determination subunit is used to determine the size information of the parent element corresponding to each display area according to the adjusted size of the multi-live room page and the size ratio of each display area; the second determination subunit is used to determine the size information of the parent element according to the size of the parent element The size information determines the size information of the child elements corresponding to the display objects in the respective display areas; the rendering unit is configured to render the parent element and the child elements according to the size information of the parent element and the size information of the child elements, To fit the adjusted size of the multi-live room page.
可选的,所述第二调整单元还包括:控制子单元,用于在确定父元素的尺寸信息和子元素的尺寸信息之间,利于占位元素控制所述父元素的尺寸Optionally, the second adjustment unit further includes: a control subunit, configured to facilitate the placeholder element to control the size of the parent element between determining the size information of the parent element and the size information of the child element
本公开实施例提供的直播间显示装置,可执行本公开方法实施例所提供的直播间显示方法中客户端所执行的步骤,具备执行步骤和有益效果此处不再赘述。The live broadcast room display device provided by the embodiment of the present disclosure can execute the steps performed by the client in the live room display method provided by the method embodiment of the present disclosure, and has the execution steps and beneficial effects and will not be repeated here.
图12为本公开实施例中的一种电子设备的结构示意图。下面具体参考图12,其示出了适于用来实现本公开实施例中的电子设备1200的结构示意图。本公开实施例中的电子设备1200可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)、可穿戴电子设备等等的移动终端以及诸如数字TV、台式计算机、智能家居设备等等的固定终端。图12示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。FIG. 12 is a schematic structural diagram of an electronic device in an embodiment of the present disclosure. Referring to FIG. 12 in detail below, it shows a schematic structural diagram of an
如图12所示,电子设备1200可以包括处理装置(例如中央处理器、图形处理器等)1210,其可以根据存储在只读存储器(ROM)1220中的程序或者从存储装置1280加载到随机访问存储器(RAM)1230中的程序而执行各种适当的动作和处理以实现如本公开所述的实施例的直播间显示方法。在RAM 1230中,还存储有电子设备1200操作所需的各种程序和数据。处理装置1210、ROM 1220以及RAM 1230通过总线1240彼此相连。输入/输出(I/O)接口1250也连接至总线1240。As shown in FIG. 12, the
通常,以下装置可以连接至I/O接口1250:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1260;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置1270;包括例如磁带、硬盘等的存储装置1280;以及通信装置1290。通信装置1290可以允许电子设备1200与其他设备进行无线或有线通信以交换数据。虽然图12示出了具有各种装置的电子设备1200,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。Typically, the following devices can be connected to I/O interface 1250:
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码,从而实现如上所述的方法。在这样的实施例中,该计算机程序可以通过通信装置1290从网络上被下载和安装,或者从存储装置1280被安装,或者从ROM 1220被安装。在该计算机程序被处理装置1210执行时,执行本公开实施例的方法中限定的上述功能。In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, the embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, and the computer program includes program code for executing the method shown in the flow chart, thereby realizing the above the method described. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 1290 , or from storage means 1280 , or from
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。It should be noted that the above-mentioned computer-readable medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. A computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. The computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable signal medium may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。In some embodiments, the client and the server can communicate using any currently known or future-developed network protocols such as HTTP (HyperText Transfer Protocol, Hypertext Transfer Protocol), and can communicate with digital data in any form or medium (eg, communication network) interconnections. Examples of communication networks include local area networks ("LANs"), wide area networks ("WANs"), internetworks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network of.
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。The above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接收作用于多个直播间标识的触发操作;响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: receives a trigger operation acting on multiple live room identifiers; responds to the trigger operation , displaying a multi-live room page, wherein the multi-live room page displays live images of a plurality of live room identifiers respectively corresponding to the plurality of live room identifiers.
可选的,当上述一个或者多个程序被该电子设备执行时,该电子设备还可以执行上述实施例所述的其他步骤。Optionally, when the above one or more programs are executed by the electronic device, the electronic device may also perform other steps described in the above embodiments.
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In cases involving a remote computer, the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through an Internet service provider). Internet connection).
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。The units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of a unit does not constitute a limitation of the unit itself under certain circumstances.
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。The functions described herein above may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), System on Chips (SOCs), Complex Programmable Logical device (CPLD) and so on.
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
根据本公开的一个或多个实施例,本公开提供了一种直播间显示方法,包括:接收作用于多个直播间标识的触发操作;响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。According to one or more embodiments of the present disclosure, the present disclosure provides a live room display method, including: receiving a trigger operation acting on multiple live room identifiers; in response to the trigger operation, displaying a multi-live room page, wherein , the multi-live room page displays the live images of the multiple live rooms respectively corresponding to the multiple live room identifiers.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述多直播间页面包括第一显示区域和第二显示区域,所述显示多直播间页面,包括:根据所述多个直播间的直播特征在所述第一显示区域对所述多个直播间标识进行显示;根据所述多个直播间标识的触发特征及所述第二显示区域的区域特征对所述多个直播间的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, the multi-live room page includes a first display area and a second display area, and the display of the multi-live room page , including: displaying the plurality of live room identifiers in the first display area according to the live broadcast characteristics of the plurality of live broadcast rooms; The regional features display the live images of the multiple live rooms.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述第一显示区域包括多个第一展示位,所述根据所述多个直播间的直播特征在所述第一显示区域对所述多个直播间标识进行显示,包括:获取所述多个直播间的直播特征,所述直播特征包括开播特征和/或主播特征;根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位;将所述多个直播间标识分别在各自对应的第一展示位进行展示。According to one or more embodiments of the present disclosure, in the live broadcast room display method provided in the present disclosure, optionally, the first display area includes a plurality of first display positions, and the The live feature displaying the multiple live room identifiers in the first display area includes: acquiring the live feature of the multiple live rooms, the live feature includes a broadcast feature and/or an anchor feature; according to the multiple The live feature of each live broadcast room determines the first display positions corresponding to the multiple live room identifiers in the first display area; respectively display the multiple live broadcast room identifiers in the corresponding first display positions.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述第二显示区域包括多个第二展示位,所述根据所述多个直播间标识的触发特征及所述第二显示区域的区域特征对所述多个直播间的直播画面进行显示,包括:若第二显示区域包括展示内容为空的展示位,则将当前触发的直播间标识对应的直播画面在所述展示内容为空的展示位进行显示;反之,根据所述多个直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live broadcast room display method provided in the present disclosure, optionally, the second display area includes a plurality of second display positions, and the The trigger feature of the second display area and the area feature of the second display area are used to display the live pictures of the plurality of live broadcast rooms, including: if the second display area includes a display position whose display content is empty, then identify the currently triggered live room The corresponding live picture is displayed at the display position where the display content is empty; on the contrary, according to the trigger display time of the plurality of live pictures at the plurality of second display positions, the target second display position is determined, and the currently triggered The live broadcast picture corresponding to the live broadcast room identifier replaces the live broadcast picture displayed in the target second display position for display.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述根据所述多个直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示包括:获取所述多个第二展示位的多个直播画面对应的触发显示时间;将触发显示时间为最后的直播画面所对应的第二展示位确定为目标第二展示位;将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live broadcast room display method provided in the present disclosure, optionally, determining the target according to the trigger display time of the plurality of live images in the plurality of second display positions In the second display position, displaying the live images corresponding to the currently triggered live broadcast room identifiers instead of the live images displayed in the target second display positions includes: obtaining the live images corresponding to the multiple live images of the multiple second display positions Trigger display time; determine the second display position corresponding to the last live screen with the trigger display time as the target second display position; replace the live screen corresponding to the currently triggered live broadcast room logo with the display in the target second display position The live screen will be displayed.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,还包括:接收作用在第一控件的触发操作;响应于作用在第一控件的触发操作,显示直播间列表页面,其中,在所述直播间列表页面中以列表形式显示所述多个直播间的直播数据。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, further comprising: receiving a trigger operation acting on the first control; in response to the trigger operation acting on the first control, A live room list page is displayed, wherein the live data of the plurality of live room rooms is displayed in a list form on the live room list page.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,还包括:响应于作用在所述多个直播间中的任一直播间的直播画面的触发操作,从所述多直播间页面切换至与所述任一直播间所对应的直播详情页。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, further comprising: responding to the triggering of the live screen in any one of the multiple live rooms Operation, switch from the multi-live room page to the live detail page corresponding to any one of the live rooms.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,还包括:接收作用在所述直播详情页的第二控件的触发操作;响应于所述作用在第二控件的触发操作,在所述直播详情页显示预警信息,所述预警信息包括预警类型信息、预警触发分析信息以及预警触发时间信息。According to one or more embodiments of the present disclosure, in the live broadcast room display method provided in the present disclosure, optionally, further comprising: receiving a trigger operation of the second control acting on the live broadcast details page; responding to the action In the trigger operation of the second control, early warning information is displayed on the live broadcast details page, and the early warning information includes early warning type information, early warning trigger analysis information, and early warning trigger time information.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,还包括:响应于作用在所述多直播间页面或直播详情页的触发操作,显示主播配置页;响应于作用在所述主播配置页的触发操作,确定目标主播和/或目标主播组,以在所述多直播间页面或直播详情页显示所述目标主播和/或目标主播组对应的所述直播间标识。According to one or more embodiments of the present disclosure, in the live broadcast room display method provided in the present disclosure, optionally, further comprising: displaying the anchor configuration in response to a trigger operation acting on the multiple live broadcast room page or the live broadcast detail page page; in response to the trigger operation acting on the anchor configuration page, determine the target anchor and/or target anchor group, so as to display the target anchor and/or target anchor group on the multi-live room page or live details page The ID of the live broadcast room.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述显示多直播间页面,包括:确定目标显示窗的尺寸信息;根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, the displaying multiple live room pages includes: determining the size information of the target display window; The information adjusts the size of the page of the multi-live room, so that the page of the multi-live room is fit for display on the target display window.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示,包括:若目标显示窗的尺寸小于或等于一预设尺寸阈值,则在所述多直播间页面上展示滚动条,以通过所述滚动条调整所述目标显示窗内所展示的所述多直播间页面的页面区域。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, the size of the multi-live room page is adjusted according to the size information of the target display window, so that the multi-live room page is The adaptive display on the target display window includes: if the size of the target display window is less than or equal to a preset size threshold, displaying a scroll bar on the multi-live room page, so as to adjust the target through the scroll bar The page area of the multi-live room page displayed in the display window.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,所述显示多直播间页面,还包括:根据多直播间页面各个显示区域所展示的显示对象类型确定各个显示区域的区域类型,所述区域类型包括可拉伸区域类型和等比例区域类型;根据多直播间页面的尺寸、各个显示区域原始尺寸比例及区域类型对各个显示区域进行调整,以适配调整后的所述多直播间页面的尺寸。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, the displaying the multi-live room page further includes: according to the display objects displayed in each display area of the multi-live room page The type determines the area type of each display area, and the area type includes a stretchable area type and a proportional area type; each display area is adjusted according to the size of the multi-live room page, the original size ratio of each display area, and the area type, so as to Adapt to the adjusted size of the multi-live room page.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,根据多直播间页面的尺寸、各个显示区域原始尺寸比例及区域类型对各个显示区域进行调整,以适配调整后的所述多直播间页面的尺寸,包括:根据调整后的多直播间页面的尺寸、各个显示区域的尺寸比例确定与各个显示区域对应的父元素的尺寸信息;根据父元素的尺寸信息确定与所述各个显示区域内的显示对象所对应的子元素的尺寸信息;根据所述父元素的尺寸信息和子元素的尺寸信息对所述父元素和子元素进行渲染,以适配调整后的所述多直播间页面的尺寸。According to one or more embodiments of the present disclosure, in the live room display method provided in the present disclosure, optionally, each display area is adjusted according to the size of the multi-live room page, the original size ratio of each display area, and the area type, To adapt the adjusted size of the multi-live room page, including: determining the size information of the parent element corresponding to each display area according to the adjusted size of the multi-live room page and the size ratio of each display area; according to the parent element Determine the size information of the child elements corresponding to the display objects in each display area; render the parent element and child elements according to the size information of the parent element and the size information of the child elements, so as to adapt and adjust The size of the multi-live room page after that.
根据本公开的一个或多个实施例,在本公开提供的直播间显示方法中,可选的,在确定父元素的尺寸信息和子元素的尺寸信息之间,还包括:利于占位元素控制所述父元素的尺寸。According to one or more embodiments of the present disclosure, in the live room display method provided by the present disclosure, optionally, between determining the size information of the parent element and the size information of the child element, further includes: Specifies the size of the parent element.
根据本公开的一个或多个实施例,本公开提供了一种直播间显示装置,包括:第一接收模块,用于接收作用于多个直播间标识的触发操作;第一显示模块,用于响应于所述触发操作,显示多直播间页面,其中,所述多直播间页面显示有与所述多个直播间标识分别对应的多个直播间的直播画面。According to one or more embodiments of the present disclosure, the present disclosure provides a live room display device, including: a first receiving module, configured to receive trigger operations acting on multiple live room identifiers; a first display module, configured to In response to the triggering operation, a multi-live room page is displayed, wherein the multi-live room page displays live images of multiple live rooms respectively corresponding to the multiple live room identifiers.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, .
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述多直播间页面包括第一显示区域和第二显示区域,第一显示模块包括:第一显示单元,用于根据所述多个直播间的直播特征在所述第一显示区域对所述多个直播间标识进行显示;第二显示单元,用于根据所述多个直播间标识的触发特征及所述第二显示区域的区域特征对所述多个直播间的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live room display device provided in the present disclosure, optionally, the multi-live room page includes a first display area and a second display area, and the first display module includes: A display unit, configured to display the identifiers of the plurality of live broadcast rooms in the first display area according to the live broadcast characteristics of the plurality of live broadcast rooms; The trigger feature and the area feature of the second display area display the live images of the plurality of live rooms.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述第一显示区域包括多个第一展示位,所述第一显示单元包括:获取子单元,用于获取所述多个直播间的直播特征,所述直播特征包括开播特征和/或主播特征;确定子单元,用于根据所述多个直播间的直播特征确定所述多个直播间标识各自在所述第一显示区域所对应的第一展示位;展示子单元,用于将所述多个直播间标识分别在各自对应的第一展示位进行展示。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the first display area includes a plurality of first display positions, and the first display unit includes: A unit, configured to obtain the live broadcast features of the multiple live broadcast rooms, the live broadcast features include broadcast start features and/or anchor features; a determination subunit, configured to determine the multiple live broadcasts according to the live broadcast features of the multiple live broadcast rooms The first display positions corresponding to each room logo in the first display area; the display subunit is configured to display the plurality of live room logos in the corresponding first display positions respectively.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述第二显示区域包括多个第二展示位,所述第二显示单元包括:第一显示子单元,用于若第二显示区域包括展示内容为空的展示位,则将当前触发的直播间标识所对应的直播画面在所述展示内容为空的展示位进行显示;第二显示子单元,用于若第二显示区域不包括展示内容为空的展示位,根据所述多个直播间的直播画面在所述多个第二展示位的触发显示时间确定目标第二展示位,将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live room display device provided in the present disclosure, optionally, the second display area includes a plurality of second display positions, and the second display unit includes: a first The display subunit is used to display the live screen corresponding to the currently triggered live room logo in the display position where the display content is empty if the second display area includes a display position where the display content is empty; the second display subunit The unit is used to determine the target second display position according to the trigger display time of the plurality of second display positions of the live images of the plurality of live broadcast rooms if the second display area does not include a display position whose display content is empty, and The live broadcast picture corresponding to the currently triggered live broadcast room identifier replaces the live broadcast picture displayed in the target second display position for display.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述第二显示子单元具体用于:获取所述多个第二展示位的多个直播画面对应的触发显示时间;将触发显示时间为最后的直播画面所对应的第二展示位确定为目标第二展示位;将当前触发的直播间标识对应的直播画面替换所述目标第二展示位中所展示的直播画面进行显示。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the second display subunit is specifically configured to: acquire multiple live broadcasts of the multiple second display positions The trigger display time corresponding to the screen; the second display position corresponding to the last live screen with the trigger display time is determined as the target second display position; the live screen corresponding to the currently triggered live room logo replaces the target second display position Display the live screen shown in .
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述直播间显示装置还包括:第二接收模块,用于接收作用在第一控件的触发操作;第二显示模块,用于响应于作用在第一控件的触发操作,显示直播间列表页面,其中,在所述直播间列表页面中以列表形式显示所述多个直播间的直播数据。According to one or more embodiments of the present disclosure, in the live room display device provided in the present disclosure, optionally, the live room display device further includes: a second receiving module, configured to receive a trigger acting on the first control Operation; the second display module is configured to display a live room list page in response to a trigger operation acting on the first control, wherein the live data of the plurality of live room rooms is displayed in a list form on the live room list page.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述直播间显示装置还包括:切换模块,用于响应于作用在所述多个直播间中的任一直播间的直播画面的触发操作,从所述多直播间页面切换至与所述任一直播间所对应的直播详情页。According to one or more embodiments of the present disclosure, in the live room display device provided in the present disclosure, optionally, the live room display device further includes: a switching module, configured to respond to The trigger operation of the live screen of any one of the live rooms switches from the multiple live room page to the live details page corresponding to any one of the live rooms.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述直播间显示装置还包括:第三接收模块,用于接收作用在所述直播详情页的第二控件的触发操作;第三显示模块,用于响应于所述作用在第二控件的触发操作,在所述直播详情页显示预警信息,所述预警信息包括预警类型信息、预警触发分析信息以及预警触发时间信息。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the live broadcast room display device further includes: a third receiving module, configured to receive The trigger operation of the second control; the third display module, configured to respond to the trigger operation acting on the second control, display early warning information on the live details page, the early warning information includes early warning type information, early warning trigger analysis Information and warning trigger time information.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述直播间显示装置还包括:第四显示模块,用于响应于作用在所述多直播间页面或直播详情页的触发操作,显示主播配置页;第五显示模块,用于响应于作用在所述主播配置页的触发操作,确定目标主播和/或目标主播组,以在所述多直播间页面或直播详情页显示所述目标主播和/或目标主播组对应的所述直播间标识。According to one or more embodiments of the present disclosure, in the live room display device provided in the present disclosure, optionally, the live room display device further includes: a fourth display module, configured to respond to the The trigger operation on the time page or the live broadcast details page displays the anchor configuration page; the fifth display module is used to determine the target anchor and/or target anchor group in response to the trigger operation acting on the anchor configuration page, so as to display the anchor configuration page in the multiple The live broadcast room page or the live broadcast details page displays the live room identifier corresponding to the target host and/or target host group.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,第一显示模块还包括:第一确定单元,用于确定目标显示窗的尺寸信息;第一调整单元,用于根据目标显示窗的尺寸信息调整多直播间页面的尺寸,以使所述多直播间页面在所述目标显示窗上适配显示。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the first display module further includes: a first determination unit, configured to determine the size information of the target display window; the first The adjustment unit is configured to adjust the size of the multi-live room page according to the size information of the target display window, so that the multi-live room page is displayed in an adaptive manner on the target display window.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述调整单元具体用于:若目标显示窗的尺寸小于或等于一预设尺寸阈值,则在所述多直播间页面上展示滚动条,以通过所述滚动条调整所述目标显示窗内所展示的所述多直播间页面的页面区域。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the adjustment unit is specifically configured to: if the size of the target display window is less than or equal to a preset size threshold, then A scroll bar is displayed on the multi-live room page, so as to adjust the page area of the multi-live room page displayed in the target display window through the scroll bar.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,第一显示模块还包括:第二确定单元,用于根据多直播间页面各个显示区域所展示的显示对象类型确定各个显示区域的区域类型,所述区域类型包括可拉伸区域类型和等比例区域类型;第二调整单元,用于根据调整后的多直播间页面的尺寸、所述各个显示区域的原始尺寸比例及区域类型对所述各个显示区域的尺寸进行调整,以适配调整后的所述多直播间页面的尺寸。According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the first display module further includes: a second determining unit, configured to display the The display object type determines the area type of each display area, and the area type includes a stretchable area type and a proportional area type; the second adjustment unit is used to adjust the size of the multi-live room page according to the size of each display area. The original size ratio of the region and the region type adjust the size of each display region to fit the adjusted size of the multi-live room page.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述第二调整单元包括:According to one or more embodiments of the present disclosure, in the live broadcast room display device provided in the present disclosure, optionally, the second adjustment unit includes:
第一确定子单元,用于根据调整后的多直播间页面的尺寸、各个显示区域的尺寸比例确定与各个显示区域对应的父元素的尺寸信息;第二确定子单元,用于根据父元素的尺寸信息确定与所述各个显示区域内的显示对象所对应的子元素的尺寸信息;渲染单元,用于根据所述父元素的尺寸信息和子元素的尺寸信息对所述父元素和子元素进行渲染,以适配调整后的所述多直播间页面的尺寸。The first determination subunit is used to determine the size information of the parent element corresponding to each display area according to the adjusted size of the multi-live room page and the size ratio of each display area; the second determination subunit is used to determine the size information of the parent element according to the size of the parent element The size information determines the size information of the child elements corresponding to the display objects in the respective display areas; the rendering unit is configured to render the parent element and the child elements according to the size information of the parent element and the size information of the child elements, To fit the adjusted size of the multi-live room page.
根据本公开的一个或多个实施例,在本公开提供的直播间显示装置中,可选的,所述第二调整单元还包括:控制子单元,用于在确定父元素的尺寸信息和子元素的尺寸信息之间,利于占位元素控制所述父元素的尺寸。According to one or more embodiments of the present disclosure, in the live room display device provided by the present disclosure, optionally, the second adjustment unit further includes: a control subunit, configured to determine the size information of the parent element and the child element Between the size information, it is beneficial for the placeholder element to control the size of the parent element.
根据本公开的一个或多个实施例,本公开提供了一种电子设备,包括:According to one or more embodiments of the present disclosure, the present disclosure provides an electronic device, including:
一个或多个处理器;one or more processors;
存储器,用于存储一个或多个程序;memory for storing one or more programs;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开提供的任一所述的直播间显示方法。When the one or more programs are executed by the one or more processors, the one or more processors implement any one of the live room display methods provided in the present disclosure.
根据本公开的一个或多个实施例,本公开提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开提供的任一所述的直播间显示方法。According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, any one of the live broadcast rooms provided by the present disclosure is realized. Show method.
本公开实施例还提供了一种计算机程序产品,该计算机程序产品包括计算机程序或指令,该计算机程序或指令被处理器执行时实现如上所述的直播间显示方法。An embodiment of the present disclosure further provides a computer program product, where the computer program product includes a computer program or an instruction, and when the computer program or instruction is executed by a processor, the method for displaying a live room as described above is implemented.
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。The above description is only a preferred embodiment of the present disclosure and an illustration of the applied technical principle. Those skilled in the art should understand that the disclosure scope involved in this disclosure is not limited to the technical solution formed by the specific combination of the above-mentioned technical features, but also covers the technical solutions formed by the above-mentioned technical features or Other technical solutions formed by any combination of equivalent features. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。In addition, while operations are depicted in a particular order, this should not be understood as requiring that the operations be performed in the particular order shown or performed in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while the above discussion contains several specific implementation details, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.
Claims (15)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110632783.5A CN115454302A (en) | 2021-06-07 | 2021-06-07 | Live broadcast room display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110632783.5A CN115454302A (en) | 2021-06-07 | 2021-06-07 | Live broadcast room display method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115454302A true CN115454302A (en) | 2022-12-09 |
Family
ID=84294560
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110632783.5A Pending CN115454302A (en) | 2021-06-07 | 2021-06-07 | Live broadcast room display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115454302A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116389844A (en) * | 2023-02-20 | 2023-07-04 | 北京字跳网络技术有限公司 | An interactive method, device, electronic device, storage medium and program product |
| CN117037380A (en) * | 2023-10-08 | 2023-11-10 | 深圳市铭智创医疗科技有限公司 | A multifunctional medical self-service printing terminal |
| CN117112108A (en) * | 2023-08-25 | 2023-11-24 | 北京火山引擎科技有限公司 | A data processing method, device, electronic equipment and storage medium |
| WO2025180141A1 (en) * | 2024-02-29 | 2025-09-04 | 北京字跳网络技术有限公司 | Special effect processing method and apparatus, electronic device, and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107333162A (en) * | 2017-06-26 | 2017-11-07 | 广州华多网络科技有限公司 | A kind of method and apparatus for playing live video |
| CN108156468A (en) * | 2017-09-30 | 2018-06-12 | 上海掌门科技有限公司 | A kind of method and apparatus for watching main broadcaster's live streaming |
-
2021
- 2021-06-07 CN CN202110632783.5A patent/CN115454302A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107333162A (en) * | 2017-06-26 | 2017-11-07 | 广州华多网络科技有限公司 | A kind of method and apparatus for playing live video |
| CN108156468A (en) * | 2017-09-30 | 2018-06-12 | 上海掌门科技有限公司 | A kind of method and apparatus for watching main broadcaster's live streaming |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116389844A (en) * | 2023-02-20 | 2023-07-04 | 北京字跳网络技术有限公司 | An interactive method, device, electronic device, storage medium and program product |
| WO2024174956A1 (en) * | 2023-02-20 | 2024-08-29 | 北京字跳网络技术有限公司 | Interaction method and apparatus, electronic device, storage medium, and program product |
| CN117112108A (en) * | 2023-08-25 | 2023-11-24 | 北京火山引擎科技有限公司 | A data processing method, device, electronic equipment and storage medium |
| CN117037380A (en) * | 2023-10-08 | 2023-11-10 | 深圳市铭智创医疗科技有限公司 | A multifunctional medical self-service printing terminal |
| CN117037380B (en) * | 2023-10-08 | 2023-12-19 | 深圳市铭智创医疗科技有限公司 | Multifunctional medical self-service printing terminal |
| WO2025180141A1 (en) * | 2024-02-29 | 2025-09-04 | 北京字跳网络技术有限公司 | Special effect processing method and apparatus, electronic device, and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN115454302A (en) | Live broadcast room display method and device, electronic equipment and storage medium | |
| US20200326823A1 (en) | Presentation and analysis of user interaction data | |
| US8990727B2 (en) | Fisheye-based presentation of information for mobile devices | |
| US8933952B2 (en) | Pre-rendering new content for an application-selectable user interface | |
| US20240292052A1 (en) | Page display method and apparatus, electronic device and storage medium | |
| US12353698B2 (en) | Interaction method and apparatus, electronic device, and storage medium | |
| US20190005048A1 (en) | Optimizing media presentation within an application | |
| US20150378594A1 (en) | Progressively Indicating New Content in an Application-Selectable User Interface | |
| US20130198641A1 (en) | Predictive methods for presenting web content on mobile devices | |
| US10739975B2 (en) | Computer implemented method, client computing device and computer readable storage medium for data presentation | |
| CN111131876B (en) | Control method, device and terminal for live video and computer readable storage medium | |
| KR20250004947A (en) | Media content playback method and device, and device, storage medium and program product | |
| US11093119B2 (en) | User interface engagement heatmaps | |
| CN112954441A (en) | Video editing and playing method, device, equipment and medium | |
| US12430001B2 (en) | Emoji preview method and apparatus, device and medium | |
| CN105511754A (en) | A page jump method and device based on pull-down page | |
| US20180032223A1 (en) | Methods, systems, and media for presenting messages | |
| JP2018508061A (en) | Adaptive electronic documents | |
| CN113238828A (en) | Content display method, device, equipment and storage medium | |
| CN112492399B (en) | Information display method and device and electronic equipment | |
| JP2015191630A (en) | Information processing device, change detection method and change detection program | |
| EP4583519A1 (en) | Information display method and apparatus, and electronic device and computer-readable medium | |
| US20240397120A1 (en) | Method and apparatus for presenting live-streaming information, electronic device and storage medium | |
| JP6491261B2 (en) | Information display program, information display method, information display device, and distribution device | |
| CN119415083B (en) | Data processing methods, apparatus, equipment and storage media |
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 |
