Page display method and device

Abstract

The invention discloses a page display method and device, and relates to the technical field of electronic commerce. A specific embodiment of the method comprises the following steps: acquiring home page data, wherein the home page data comprises live broadcast room floor data and component floor data; rendering a live broadcast room floor of the home page according to the live broadcast room floor data, and rendering a component floor of the home page according to the component floor data; the component floor is arranged on the upper layer of the direct broadcasting room floor, and the background of the component floor located in the direct broadcasting room picture range of the direct broadcasting room floor is subjected to transparent processing; and in response to the detected preset gesture operation on the home page, displaying the live broadcast room floor and the component floor according to the preset gesture operation. According to the embodiment, the user can browse more information, and the floor of the live broadcast room slides along with the finger, so that the user can select commodities displayed on the home page of the shop while browsing the live broadcast, and the overall interaction experience is improved.

Description

Technical Field

[0001] The present invention relates to the technical field of e-commerce, and in particular to a method and device for page display. Background Art

[0002] At present, mainstream e-commerce platforms usually recommend products through immersive live broadcast pages. The immersive live broadcast room and the specific content of the store homepage (the specific content of the store homepage generally includes promotional activities or recommended products) are combined into the store homepage in a top-to-bottom manner. When you swipe up on the store homepage, the specific content of the store homepage will immediately slide up and pin it to the top to display the recommended product list.

[0003] However, due to the limited size of the homepage and the large space occupied by the immersive live broadcast room, there is less content available on the store homepage, which reduces the information that users can browse and affects the distribution of store traffic. In addition, with the existing technology, users have to swipe up every time they enter the store homepage to browse the homepage content normally, which increases the user's operating cost and the overall interactive experience is not good. Summary of the invention

[0004] In view of this, an embodiment of the present invention provides a method and device for page display, which can retain all component floors of the original homepage page by setting the component floor on the upper layer of the live broadcast room floor, and at the same time each component floor can also be kept in the original position for normal display, and there will be no conflict in position display with the underlying live broadcast room floor, so that users can browse more information and will not affect the distribution of store traffic; by making the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent, the underlying live broadcast room floor can better display the immersive live broadcast content by crossing multiple background transparent floors, and the user can browse the homepage content normally when entering the homepage, thereby improving the overall interactive experience.

[0005] To achieve the above object, according to one aspect of an embodiment of the present invention, a method for displaying a page is provided, comprising: Get home page data, which includes live broadcast room floor data and component floor data; Render the live broadcast room floor of the home page according to the live broadcast room floor data, and render the component floor of the home page according to the component floor data; Set the component floor above the live studio floor, and make the background of the component floor within the live studio screen range of the live studio floor transparent; In response to detecting a preset gesture operation on the home page, the live broadcast room floor and the component floor are displayed according to the preset gesture operation.

[0006] Optionally, the component floor is set on an upper layer of the live broadcast room floor, including: setting the component floor at the top layer of the page container, and setting a live broadcast placeholder floor with a transparent background corresponding to the live broadcast room floor at the top layer; setting the live broadcast room floor at the bottom layer of the page container, so as to set the component floor on an upper layer of the live broadcast room floor.

[0007] Optionally, setting the component floor on the upper layer of the live broadcast room floor includes: configuring the component floor on the live broadcast room screen of the live broadcast room floor to set the component floor on the upper layer of the live broadcast room floor.

[0008] Optionally, rendering the live broadcast room floor of the home page according to the live broadcast room floor data includes: according to the live broadcast room floor data, opening a separate thread for initializing the live broadcast room player to render the live broadcast room floor of the home page.

[0009] Optionally, the component floors within the live studio picture range of the live studio floor are determined in the following manner: obtain the position and height of each component floor, and the height corresponding to the live studio picture range; determine the order of the component floors from top to bottom based on the position of each component floor; sum the heights of the component floors in order from top to bottom, and compare the sum of the heights with the height corresponding to the live studio picture range to determine the reference floor, and the reference floor satisfies: the sum of the heights of the component floors above the reference floor is less than the height corresponding to the live studio picture range, and the sum of the heights of the reference floor and the component floors above the reference floor is greater than or equal to the height corresponding to the live studio picture range; determine the reference floor and the component floors above the reference floor as the component floors within the live studio picture range of the live studio floor.

[0010] Optionally, the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently, including: by setting the transparency of the background color of the component floor, so as to make the background of the component floor located within the live broadcast room screen range of the live broadcast room floor transparent; or, by setting the style of the component floor to a preset transparent style, so as to make the background of the component floor located within the live broadcast room screen range of the live broadcast room floor transparent; or, by setting the background color of the component floor to a transparent color, so as to make the background of the component floor located within the live broadcast room screen range of the live broadcast room floor transparent.

[0011] Optionally, the live broadcast room floor and component floor are displayed according to a preset gesture operation, including: in response to the preset gesture operation being a sliding operation, the sliding distance of the sliding operation is obtained by monitoring the change in the position of the last component floor within the live broadcast room screen; the live broadcast room floor is synchronously slid according to the sliding distance to display the live broadcast room floor and component floor.

[0012] Optionally, the live broadcast room floor and the component floor are displayed according to preset gesture operations, including: in response to the preset gesture operation being a click operation, listening to the click position corresponding to the click operation; in response to the click position being a designated position that triggers entry into the live broadcast room, hiding the component floor and displaying the live broadcast room floor.

[0013] Optionally, the method also includes: in response to detecting a pull-down refresh operation on the home page, re-determining the component floor within the live broadcast room screen range of the live broadcast room floor, and making the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent.

[0014] According to another aspect of an embodiment of the present invention, a device for displaying a page is provided, including: The data acquisition module is used to obtain the home page data, which includes the live broadcast room floor data and component floor data; The floor rendering module is used to render the live broadcast room floor of the home page according to the live broadcast room floor data, and to render the component floor of the home page according to the component floor data; The floor setting module is used to set the component floor on the upper floor of the live broadcast room floor, and to make the background of the component floor within the live broadcast room screen range located on the live broadcast room floor transparent; The sliding display module is used to respond to detecting a preset gesture operation on the home page and display the live broadcast room floor and component floor according to the preset gesture operation.

[0015] According to another aspect of an embodiment of the present invention, an electronic device is provided, comprising: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the page display method provided by an embodiment of the present invention.

[0016] According to another aspect of an embodiment of the present invention, a computer-readable medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the method for page display provided by an embodiment of the present invention is implemented.

[0017] According to another aspect of an embodiment of the present invention, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the method for page display provided by an embodiment of the present invention is implemented.

[0018] An embodiment of the above invention has the following advantages or beneficial effects: by obtaining home page data, the home page data includes live broadcast room floor data and component floor data; rendering the live broadcast room floor of the home page according to the live broadcast room floor data, and rendering the component floor of the home page according to the component floor data; setting the component floor on the upper layer of the live broadcast room floor, and transparently processing the background of the component floor within the live broadcast room screen range of the live broadcast room floor; in response to detecting a preset gesture operation on the home page, a technical solution for displaying the live broadcast room floor and the component floor according to the preset gesture operation, by setting the component floor on the upper layer of the live broadcast room floor, all component floors of the original home page can be retained, and at the same time, each component floor can also be maintained in the original position for normal display, and there will be no conflict in position display with the underlying live broadcast room floor, so that users can browse more information and will not affect the distribution of store traffic; by transparently processing the background of the component floor within the live broadcast room screen range of the live broadcast room floor, the underlying live broadcast room floor better displays immersive live content by crossing multiple background transparent floors, and users can browse the home page content normally when entering the home page, thereby improving the overall interactive experience.

[0019] The further effects of the above-mentioned non-conventional optional manner will be described below in conjunction with specific implementation examples. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The accompanying drawings are used to better understand the present invention and do not constitute an improper limitation of the present invention. Figure 1 is a schematic diagram of main steps of a method for page display according to an embodiment of the present invention; Figure 2 is a schematic diagram of the page structure of an immersive live broadcast page according to an embodiment of the present invention; Figure 3 It is a schematic diagram of the floor structure of an immersive live broadcast page according to an embodiment of the present invention; Figure 4 is a floor height comparison diagram of an embodiment of the present invention; Figure 5 It is a schematic diagram of the display process of an immersive live broadcast page according to an embodiment of the present invention; Figure 6 is a schematic diagram of main modules of a device for page display according to an embodiment of the present invention; Figure 7 is an exemplary system architecture diagram to which embodiments of the present invention may be applied; Figure 8 It is a schematic diagram of the structure of a computer system of a terminal device or a server suitable for implementing an embodiment of the present invention. DETAILED DESCRIPTION

[0021] The following is a description of exemplary embodiments of the present invention in conjunction with the accompanying drawings, including various details of the embodiments of the present invention to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope and spirit of the present invention. Similarly, for clarity and conciseness, the description of well-known functions and structures is omitted in the following description.

[0022] It should be noted that the collection, collection, updating, analysis, processing, use, transmission, storage and other aspects of user personal information involved in the technical solution disclosed in the present invention are in compliance with the provisions of relevant laws and regulations, are used for legitimate purposes, and do not violate public order and good morals. Necessary measures are taken for user personal information to prevent illegal access to user personal information data and maintain the security of user personal information, network security and national security.

[0023] The present invention achieves an effect of displaying an immersive live broadcast room on the store homepage by means of a cross-floor approach.

[0024] The home page is a home page container (similar to an array) that carries all the home page floor components. These floors are arranged in order and loaded into the container by tiling them up and down. The home page container is divided into two layers, the top layer and the bottom layer. The immersive live broadcast room floor is placed on the bottom layer of the home page container. The positions of the important components of the home page are retained in the original positions and placed on the top layer of the home page container. For example, the navigation bar, search bar, classification aggregation column and other component floors are placed on the top layer of the home page container. The purpose of this is to retain the original display content of the home page. Even if the space of the immersive live broadcast room is larger, the content displayed on the store home page remains unchanged, and the information that users can browse is also the same as before, so that the content browsed on the home page will not decrease.

[0025] On the basis of the above solution, after the homepage is divided into two layers, in order not to affect the user's normal use of the top component floor and to ensure the normal browsing of the bottom live broadcast screen, a transparent background live placeholder floor is added to the top layer to help display the core broadcast content of the live broadcast room. At the same time, the background of the important component floor on the top layer of the homepage container within the height range of the immersive live broadcast screen is made transparent, which does not affect the original experience and operation of the user's homepage, but also can give users a good live broadcast experience. The purpose of this is to be able to display the immersive live broadcast room on the store homepage of the e-commerce platform.

[0026] Based on the above solution, the immersive live broadcast room at the bottom of the home page is enabled to monitor the sliding operation. When the user slides up and down on the home page, the immersive live broadcast room at the bottom of the home page is notified to slide in the same direction. The purpose of this is to avoid hiding the live broadcast room immediately with a slight upward slide, and instantly flashing other remaining content on the home page. Users can browse the content of the live broadcast room and select recommended products on the home page while slowly sliding.

[0027] Figure 1 Schematic diagram of the main steps of the method for page display according to an embodiment of the present invention. Figure 1 As shown, the page display method of the embodiment of the present invention mainly includes the following steps S101 to S104.

[0028] Step S101: Get home page data, which includes live broadcast room floor data and component floor data. When a user accesses a store through the front end, the front end needs to request to get home page data, which includes live broadcast room floor data and component floor data. Among them, the live broadcast room floor data includes display parameters such as the live broadcast room address and the live broadcast room screen size. The component floor data includes the configuration information of the component floor to be displayed on the home page, such as the component position, component size, display form, etc. of the component floor such as the navigation bar, search bar, and classification aggregation column.

[0029] Step S102: Render the live studio floor of the home page according to the live studio floor data, and render the component floor of the home page according to the component floor data. After obtaining the home page data, the home page can be rendered according to the home page data. Specifically, the live studio floor of the home page is rendered according to the live studio floor data, and the component floor of the home page is rendered according to the component floor data.

[0030] According to an embodiment of the present invention, rendering the live broadcast room floor of the home page according to the live broadcast room floor data may specifically include: according to the live broadcast room floor data, separately opening a thread for initializing the live broadcast room player to render the live broadcast room floor of the home page. By separately opening a thread for initializing the live broadcast room player, the live broadcast screen can be displayed faster.

[0031] In other embodiments of the present invention, the live broadcast room floor of the home page and the component floor of the home page can be rendered asynchronously, or the live broadcast room floor of the home page and the component floor of the home page can be rendered synchronously.

[0032] Step S103: Set the component floor on the upper layer of the live studio floor, and make the background of the component floor within the live studio screen range located on the live studio floor transparent.

[0033] According to one embodiment of the present invention, setting the component floor on the upper layer of the live broadcast room floor may specifically include: setting the component floor on the top layer of the page container, and setting a live broadcast placeholder floor with a transparent background corresponding to the live broadcast room floor on the top layer; setting the live broadcast room floor on the bottom layer of the page container, so as to set the component floor on the upper layer of the live broadcast room floor. In this embodiment, the homepage of the e-commerce platform APP is composed of a floor list container (page container), and the page container is divided into two layers, the top layer and the bottom layer. The live broadcast room floor is placed at the bottom layer of the container, such as the navigation bar, search bar, classification aggregation column, recommended products and other component floors are placed on the top layer of the container for display. A live broadcast placeholder floor is added to the top layer of the page container, and a floor with a transparent background is used to display the live broadcast core screen. Usually, the live broadcast placeholder floor will be configured on the next floor adjacent to the navigation bar floor, and the live broadcast placeholder floor will be displayed at the position of the next floor of the navigation bar floor. In this embodiment, the page container is divided into two layers, which display the component floor and the live broadcast room floor respectively.

[0034] According to another embodiment of the present invention, setting the component floor on the upper layer of the live broadcast room floor may specifically include: configuring the component floor on the live broadcast room screen of the live broadcast room floor to set the component floor on the upper layer of the live broadcast room floor. In this embodiment, component floors such as the navigation bar, search bar, and category aggregation floor are placed on the immersive live broadcast room screen, and the component floor and the live broadcast room floor are used as a layer in the page container. However, from the perspective of the component floor and the live broadcast room floor, the component floor is set on the upper layer of the live broadcast room floor. Compared with the previous embodiment, this embodiment has the disadvantage that the component floor and the live broadcast room floor cannot be reused, and the component floor and the live broadcast room floor need to be bound together. These component floors cannot be placed separately on the homepage without the immersive live broadcast room floor.

[0035] Through these two embodiments, the original display content of the homepage can be retained. Even if the space of the immersive live broadcast room is larger, the content displayed on the store homepage remains unchanged, and the information that users can browse is also the same as before.

[0036] Figure 2 FIG. 1 is a schematic diagram of the page structure of an immersive live broadcast page according to an embodiment of the present invention. Figure 2 As shown, in this embodiment, the component floors displayed at the top level of the page container of the immersive live broadcast page are shown. Specifically, the immersive effect floor, the navigation bar component floor, the live broadcast placeholder floor, the search bar component floor, the classification aggregation column component floor, etc. can be displayed at the top level of the page container.

[0037] Figure 3 FIG. 1 is a schematic diagram of the floor structure of an immersive live broadcast page according to an embodiment of the present invention. Figure 3As shown, in this embodiment, the floor structure of the immersive live page is shown. The component floors displayed at the top level of the page container of the immersive live page (ie, the home page in the figure) can be, for example, as shown in FIG. Figure 2 As shown in , the bottom layer of the page container of the immersive live broadcast page will display the live broadcast room layer. Among the component layers displayed at the top layer of the page container, the background of the live broadcast placeholder layer is transparent, and the live broadcast screen displayed on the live broadcast room layer can be seen through the live broadcast placeholder layer.

[0038] According to another embodiment of the present invention, the component floors within the live studio screen range of the live studio floor are determined based on the position and height of each component floor and the height corresponding to the live studio screen range. Specifically, the component floors within the live studio screen range of the live studio floor are determined in the following manner: obtaining the position and height of each component floor and the height corresponding to the live studio screen range; determining the order of the component floors from top to bottom based on the position of each component floor; summing the heights of the component floors in order from top to bottom, and comparing the sum of the heights with the height corresponding to the live studio screen range to determine the reference floor, the reference floor satisfies: the sum of the heights of the component floors above the reference floor is less than the height corresponding to the live studio screen range, and the sum of the heights of the reference floor and the component floors above the reference floor is greater than or equal to the height corresponding to the live studio screen range; the reference floor and the component floors above the reference floor are determined as the component floors within the live studio screen range of the live studio floor.

[0039] In an embodiment of the present invention, the background of the component floors within the range of the live broadcast screen can be set to be transparent, so that more live broadcast screens can be displayed. Among them, when determining the component floors within the range of the live broadcast room screen located on the live broadcast room floor, it can be specifically determined based on the position and height of each component floor, and the height corresponding to the range of the live broadcast room screen. In an embodiment of the present invention, the upper left corner of the homepage is used as the coordinate origin, the right is the positive direction of the X axis, and the downward is the positive direction of the Y axis to establish an XY axis coordinate system. Then, the position of each component floor is represented by, for example, the position coordinates of the upper left corner of the circumscribed rectangle of each component floor, and the height of each component floor is the height of the circumscribed rectangle of each component floor in the Y-axis direction.

[0040] Figure 4This is a floor height comparison chart of an embodiment of the present invention. In this embodiment, the heights of the live broadcast room, navigation bar, live broadcast placeholder floor, search bar, and classification aggregation floor are marked as Y1, Y2, Y3, Y4, and Y5 in sequence. First, obtain the height Y1 of the live broadcast room floor at the bottom of the container, starting from the Y-axis coordinate 0 point, and traverse the various component floors at the top of the homepage container in sequence downward along the Y-axis direction (from top to bottom to find each floor), and compare the position and height of each component floor with the height Y1 of the live broadcast room floor.

[0041] like Figure 4 As shown in , if the sum of the heights of the component floors of heights Y2, Y3, and Y4 is still less than Y1, then these floors are marked as floors that are about to become transparent. Until the last component floor with a height of Y5 is traversed, the height of this floor and the sum of the heights Y2, Y3, and Y4 are greater than Y1, that is, part of this floor is within the screen range of the live broadcast room, then this floor is also marked as a floor that is about to become transparent, and this floor is marked as a reference floor, and the traversal is stopped. In the subsequent sliding operation on the homepage, this reference floor is needed to calculate the sliding distance of the live broadcast room.

[0042] Make the previously marked floors that need to be transparent transparent. Finally, the live broadcast room floor at the bottom of the homepage container spans the navigation bar floor, live broadcast placeholder floor, search column floor, and classification aggregation floor in the Y-axis direction. These four floors are used together to display the live broadcast content, and the cross-floor method is used to display the specific content played in the immersive live broadcast room.

[0043] According to one embodiment of the present invention, the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently, which may specifically include: by setting the transparency of the background color of the component floor, the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently; or, by setting the style of the component floor to a preset transparent style, the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently; or, by setting the background color of the component floor to a transparent color, the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently. Those skilled in the art are aware that when the background of the component floor located within the live broadcast room screen range of the live broadcast room floor is processed transparently, a suitable method can be selected according to business needs to implement it, and it is not limited to the several methods listed above, and the specific implementation method is not limited by the present invention.

[0044] Step S104: In response to detecting a preset gesture operation on the home page, the live broadcast room floor and the component floor are displayed according to the preset gesture operation.

[0045] According to an embodiment of the present invention, the live broadcast room floors and component floors are displayed according to a preset gesture operation, which may specifically include: in response to the preset gesture operation being a sliding operation, the sliding distance of the sliding operation is obtained by monitoring the change in the position of the last component floor within the live broadcast room screen; the live broadcast room floors are synchronously slid according to the sliding distance to display the live broadcast room floors and component floors. By synchronously sliding the live broadcast room floors according to the sliding distance of the sliding operation, the underlying live broadcast room floors can slide with the finger, allowing users to select products displayed on the store homepage while browsing the live broadcast, thereby improving the overall interactive experience. Combined with Figure 4 In the embodiment, the last component floor within the live broadcast room screen is the reference floor (ie, the classification aggregation floor).

[0046] In other embodiments of the present invention, the sliding distance of the sliding operation can also be obtained by monitoring the position changes of any component floor within the live broadcast room screen. For example, the sliding distance can be obtained by monitoring the position changes of the live broadcast occupancy floor, and so on.

[0047] When determining the sliding distance, it is necessary to initialize a cumulative value A of the moving offset. The reference floor will appear in the visible range of the home page. By monitoring the moving offset X of the home page following the finger sliding up and down, the cumulative value of the moving offset for each slide is saved (A = A+X). If the finger slides in the positive direction of the Y-axis, the offset decreases (X is a negative number), and if it slides in the negative direction of the Y-axis, the offset increases (X is a positive number). The change in the cumulative value of the moving offset is synchronized to the live broadcast room floor at the bottom of the container, and the live broadcast floor is promptly notified to offset in the same direction (move to the position of A on the Y-axis). In one embodiment, the cumulative value of the moving offset is the sliding distance of the reference floor.

[0048] Please note that each time you pull down to refresh the home page, the reference floor and the cumulative value of the sliding distance will be re-determined (A = 0).

[0049] According to another embodiment of the present invention, the page display method further includes: in response to detecting a pull-down refresh operation on the home page, re-determining the component floor within the live broadcast room screen range of the live broadcast room floor, and making the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent. In the process of pulling down to refresh the home page, there is no need to record the cumulative value of the moving offset, monitor the cumulative value at each moment of each pull-down refresh, and synchronize it in real time to the live broadcast room floor at the bottom of the container for synchronization offset. When the pull-down refresh ends, the cumulative value of the moving offset will also be reset to 0.

[0050] According to another embodiment of the present invention, displaying the live studio floor and component floor according to a preset gesture operation may specifically include: in response to the preset gesture operation being a click operation, monitoring the click position corresponding to the click operation; in response to the click position being a designated position for triggering entry into the live studio, hiding the component floor and displaying the live studio floor. According to one embodiment of the present invention, the designated position for triggering entry into the live studio is, for example, Figure 3 The location of "Click to enter the live broadcast room" in the live broadcast room placeholder layer. When the user clicks on the specified location, the live broadcast room layer will be displayed and the component layer will be hidden; when the user clicks on a location in the component layer, the product information in the component layer will be displayed accordingly, and the live broadcast room layer will be hidden.

[0051] Figure 5 It is a flow chart of the display process of an immersive live broadcast page of an embodiment of the present invention. In the embodiment of the present invention, the operator needs to configure the live broadcast room floor of the home page on the APP home page configuration background system; when configuring the live broadcast room floor, the server will check whether the live broadcast has been started. Only when it has been started will the live broadcast room floor be configured successfully and displayed on the mobile phone APP. Otherwise, if it has not been started, the configuration of the floor will fail and it will not be allowed to be displayed on the APP.

[0052] After entering the homepage, the front-end APP needs to display the homepage page configured by the operator on the configuration system, so it will actively initiate a request to the server, requesting the server to return the homepage data. The server will return all floor data of the operator on the page configuration system, mainly including live broadcast room floor data and component floor data.

[0053] The front-end APP will render the home page according to the page data sent by the server. In the process of parsing the page data, it will determine whether the page data contains the live broadcast room floor data. If it contains the live broadcast room floor data, it will asynchronously initialize the live broadcast room player (start a new thread to perform an operation) so that the live broadcast screen can be displayed to the user faster. If it does not contain the live broadcast room floor data, it can directly render the home page according to the component floor data for display.

[0054] The front-end APP renders the live broadcast room floor of the home page according to the live broadcast room floor data, and renders the component floor of the home page according to the component floor data. Then, the live broadcast room floor is placed at the bottom of the home page container, and a live broadcast placeholder floor is added to the top of the home page container to display the core live broadcast area. After that, based on the position and height of each component floor and the height corresponding to the live broadcast room screen range, the component floors located in the live broadcast room floor within the live broadcast room screen range are determined, and the backgrounds of these component floors are made transparent to help display the live broadcast content.

[0055] When a sliding operation on the home page is detected, the sliding distance of the live broadcast placeholder floor on the screen is dynamically calculated to synchronously move the live broadcast room floor at the bottom for page display.

[0056] Figure 6 Schematic diagram of the main modules of the device for page display according to an embodiment of the present invention. Figure 6 As shown, the device 600 for page display according to the embodiment of the present invention mainly includes a data acquisition module 601 , a floor rendering module 602 , a floor setting module 603 and a sliding display module 604 .

[0057] The data acquisition module 601 is used to acquire home page data, which includes live broadcast room floor data and component floor data; The floor rendering module 602 is used to render the live broadcast room floor of the home page according to the live broadcast room floor data, and to render the component floor of the home page according to the component floor data; The floor setting module 603 is used to set the component floor on the upper layer of the live broadcast room floor, and to make the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent; The sliding display module 604 is used to respond to detecting a preset gesture operation on the home page and display the live broadcast room floor and component floor according to the preset gesture operation.

[0058] According to one embodiment of the present invention, the floor setting module 603 can also be used to: set the component floor at the top level of the page container, and set a live broadcast placeholder floor with a transparent background corresponding to the live broadcast room floor at the top level; set the live broadcast room floor at the bottom level of the page container, so as to set the component floor on the upper level of the live broadcast room floor.

[0059] According to one embodiment of the present invention, the floor setting module 603 can also be used to: configure the component floor on the live broadcast room screen of the live broadcast room floor to set the component floor on the upper layer of the live broadcast room floor.

[0060] According to one embodiment of the present invention, the floor rendering module 602 can also be used to: based on the live broadcast room floor data, open a separate thread to initialize the live broadcast room player to render the live broadcast room floor on the home page.

[0061] According to one embodiment of the present invention, the component floors within the live studio screen range of the live studio floor are determined in the following manner: obtain the position and height of each component floor, and the height corresponding to the live studio screen range; determine the order of the component floors from top to bottom based on the position of each component floor; sum the heights of the component floors in order from top to bottom, and compare the sum of the heights with the height corresponding to the live studio screen range to determine the reference floor, and the reference floor satisfies: the sum of the heights of the component floors above the reference floor is less than the height corresponding to the live studio screen range, and the sum of the heights of the reference floor and the component floors above the reference floor is greater than or equal to the height corresponding to the live studio screen range; determine the reference floor and the component floors above the reference floor as the component floors within the live studio screen range of the live studio floor.

[0062] According to one embodiment of the present invention, the floor setting module 603 can also be used for: setting the transparency of the background color of the component floor to make the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent; or, setting the style of the component floor to a preset transparent style to make the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent; or, setting the background color of the component floor to a transparent color to make the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent.

[0063] According to one embodiment of the present invention, the sliding display module 604 can also be used for: in response to a preset gesture operation being a sliding operation, obtaining the sliding distance of the sliding operation by monitoring the change in the position of the last component floor within the live broadcast room screen; and synchronously sliding the live broadcast room floor according to the sliding distance to display the live broadcast room floor and the component floor.

[0064] According to one embodiment of the present invention, the sliding display module 604 can also be used for: in response to the preset gesture operation being a click operation, monitoring the click position corresponding to the click operation; in response to the click position being a designated position for triggering entry into the live broadcast room, hiding the component floor and displaying the live broadcast room floor.

[0065] According to one embodiment of the present invention, the page display device 600 may further include a pull-down refresh module (not shown in the figure), which is used to: in response to detecting a pull-down refresh operation on the home page, redetermine the component floor within the live broadcast room screen range of the live broadcast room floor, and make the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent.

[0066] According to the technical solution of the embodiment of the present invention, by obtaining home page data, the home page data includes live broadcast room floor data and component floor data; the live broadcast room floor of the home page is rendered according to the live broadcast room floor data, and the component floor of the home page is rendered according to the component floor data; the component floor is set on the upper layer of the live broadcast room floor, and the background of the component floor within the live broadcast room screen range of the live broadcast room floor is transparently processed; in response to detecting a preset gesture operation on the home page, a technical solution for displaying the live broadcast room floor and the component floor according to the preset gesture operation, by setting the component floor on the upper layer of the live broadcast room floor, all component floors of the original home page can be retained, and at the same time, each component floor can also be maintained in the original position for normal display, and there will be no conflict in position display with the underlying live broadcast room floor, so that users can browse more information and will not affect the distribution of store traffic; by transparently processing the background of the component floor within the live broadcast room screen range of the live broadcast room floor, the underlying live broadcast room floor better displays immersive live content by crossing multiple background transparent floors, and users can browse the home page content normally when entering the home page, thereby improving the overall interactive experience.

[0067] Figure 7 An exemplary system architecture 700 is shown to which the method or apparatus for page display according to an embodiment of the present invention may be applied.

[0068] like Figure 7 As shown, system architecture 700 may include terminal devices 701, 702, 703, network 704 and server 705. Network 704 is used to provide a medium for communication links between terminal devices 701, 702, 703 and server 705. Network 704 may include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0069] The user can use the terminal devices 701, 702, 703 to interact with the server 705 through the network 704 to receive or send messages, etc. Various communication client applications can be installed on the terminal devices 701, 702, 703, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only for example).

[0070] The terminal devices 701 , 702 , and 703 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, and desktop computers.

[0071] Server 705 may be a server that provides various services, such as a background management server that provides support for websites browsed by users using terminal devices 701, 702, and 703 (for example only). The background management server may obtain home page data for the received page display request and other data, and the home page data includes live broadcast room floor data and component floor data; render the live broadcast room floor of the home page according to the live broadcast room floor data, and render the component floor of the home page according to the component floor data; set the component floor on the upper layer of the live broadcast room floor, and make the background of the component floor within the live broadcast room screen range located on the live broadcast room floor transparent; in response to detecting a preset gesture operation on the home page, display the live broadcast room floor and component floor according to the preset gesture operation, and feed back the processing result (such as the page display result - for example only) to the terminal device.

[0072] It should be noted that the page display method provided in the embodiment of the present invention is generally executed by the server 705 , and accordingly, the page display device is generally set in the server 705 .

[0073] It should be understood that Figure 7 The number of terminal devices, networks and servers in the embodiment is only for illustration. Any number of terminal devices, networks and servers may be provided according to implementation requirements.

[0074] Reference below Figure 8 , which shows a schematic diagram of the structure of a computer system 800 of a terminal device or server suitable for implementing an embodiment of the present invention. Figure 8 The terminal device or server shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.

[0075] like Figure 8 As shown, the computer system 800 includes a central processing unit (CPU) 801, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 802 or a program loaded from a storage part 808 to a random access memory (RAM) 803. In the RAM 803, various programs and data required for the operation of the system 800 are also stored. The CPU 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0076] The following components are connected to the I / O interface 805: an input section 806 including a keyboard, a mouse, etc.; an output section 807 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 808 including a hard disk, etc.; and a communication section 809 including a network interface card such as a LAN card, a modem, etc. The communication section 809 performs communication processing via a network such as the Internet. A drive 810 is also connected to the I / O interface 805 as needed. A removable medium 811, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 810 as needed, so that a computer program read therefrom is installed into the storage section 808 as needed.

[0077] In particular, according to the embodiments disclosed in the present invention, the process described above with reference to the flowchart can be implemented as a computer software program. For example, the embodiments disclosed in the present invention include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication part 809, and / or installed from the removable medium 811. When the computer program is executed by the central processing unit (CPU) 801, the above-mentioned functions defined in the system of the present invention are executed.

[0078] It should be noted that the computer-readable medium shown in the present invention may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present invention, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present invention, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer-readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, optical cable, RF, etc., or any suitable combination of the above.

[0079] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present invention. In this regard, each box in the flow chart or block diagram can represent a module, a program segment, or a part of a code, and the above-mentioned module, program segment, or a part of a code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0080] The units or modules involved in the embodiments of the present invention may be implemented by software or hardware. The units or modules described may also be provided in a processor. For example, they may be described as follows: a processor includes a data acquisition module, a floor rendering module, a floor setting module, and a sliding display module. The names of these units or modules do not, in some cases, constitute limitations on the units or modules themselves. For example, the data acquisition module may also be described as a "module for acquiring home page data."

[0081] As another aspect, the present invention also provides a computer-readable medium, which may be included in the device described in the above embodiment; or it may exist independently without being assembled into the device. The above computer-readable medium carries one or more programs, and when the above one or more programs are executed by a device, the device includes: obtaining home page data, the home page data includes live broadcast room floor data and component floor data; rendering the live broadcast room floor of the home page according to the live broadcast room floor data, and rendering the component floor of the home page according to the component floor data; setting the component floor on the upper layer of the live broadcast room floor, and making the background of the component floor within the live broadcast room screen range of the live broadcast room floor transparent; in response to detecting a preset gesture operation on the home page, displaying the live broadcast room floor and the component floor according to the preset gesture operation.

[0082] According to the technical solution of the embodiment of the present invention, by obtaining home page data, the home page data includes live broadcast room floor data and component floor data; the live broadcast room floor of the home page is rendered according to the live broadcast room floor data, and the component floor of the home page is rendered according to the component floor data; the component floor is set on the upper layer of the live broadcast room floor, and the background of the component floor within the live broadcast room screen range of the live broadcast room floor is transparently processed; in response to detecting a preset gesture operation on the home page, a technical solution for displaying the live broadcast room floor and the component floor according to the preset gesture operation, by setting the component floor on the upper layer of the live broadcast room floor, all component floors of the original home page can be retained, and at the same time, each component floor can also be maintained in the original position for normal display, and there will be no conflict in position display with the underlying live broadcast room floor, so that users can browse more information and will not affect the distribution of store traffic; by transparently processing the background of the component floor within the live broadcast room screen range of the live broadcast room floor, the underlying live broadcast room floor better displays immersive live content by crossing multiple background transparent floors, and users can browse the home page content normally when entering the home page, thereby improving the overall interactive experience.

[0083] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may occur depending on design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A method for page display, characterized in that: include: Obtain home page data, the home page data including live broadcast room floor data and component floor data; Rendering the live broadcast room floor of the home page according to the live broadcast room floor data, and rendering the component floor of the home page according to the component floor data; The component floor is arranged on the upper layer of the live studio floor, and the background of the component floor within the live studio screen range of the live studio floor is transparently processed; In response to detecting a preset gesture operation on the home page, the live broadcast room floor and the component floor are displayed according to the preset gesture operation.

2. The method according to claim 1, characterized in that The component floor is arranged on the upper floor of the live studio floor, including: The component floor is set at the top layer of the page container, and a live broadcast placeholder floor with a transparent background corresponding to the live broadcast room floor is set at the top layer; The live broadcast room floor is set at the bottom layer of the page container, and the component floor is set at the upper layer of the live broadcast room floor.

3. The method according to claim 1, characterized in that: The component floor is arranged on the upper floor of the live studio floor, including: The component floor is configured on the live studio screen of the live studio floor to set the component floor on the upper layer of the live studio floor.

4. The method according to claim 1, characterized in that: Rendering the live broadcast room floor of the home page according to the live broadcast room floor data includes: According to the live broadcast room floor data, a separate thread is opened to initialize the live broadcast room player to render the live broadcast room floor on the home page.

5. The method according to claim 1, characterized in that The component floors within the live studio screen range of the live studio floor are determined in the following manner: Get the location and height of each component floor, as well as the height corresponding to the live broadcast room screen range; Determine the order of component floors from top to bottom based on the positions of the respective component floors; The heights of the component floors are summed in order from top to bottom, and the sum of the heights is compared with the height corresponding to the live studio screen range to determine a reference floor, and the reference floor satisfies: the sum of the heights of the component floors above the reference floor is less than the height corresponding to the live studio screen range, and the sum of the heights of the reference floor and the component floors above the reference floor is greater than or equal to the height corresponding to the live studio screen range; The reference floor and the component floors above the reference floor are determined as the component floors within the live broadcast room screen range located on the live broadcast room floor.

6. The method according to claim 1 or 5, characterized in that: The background of the component floor within the live broadcast room screen range of the live broadcast room floor is processed transparently, including: By setting the transparency of the background color of the component floor, the background of the component floor within the live broadcast room screen range of the live broadcast room floor is made transparent; Or, by setting the style of the component floor to a preset transparent style, the background of the component floor within the live broadcast room screen range of the live broadcast room floor is made transparent; Or, by setting the background color of the component floor to a transparent color, the background of the component floor within the live broadcast room screen range of the live broadcast room floor is made transparent.

7. The method according to claim 1 or 5, characterized in that: The live broadcast room floor and the component floor are displayed according to the preset gesture operation, including: In response to the preset gesture operation being a sliding operation, a sliding distance of the sliding operation is obtained by monitoring a change in a position of the last component floor within the live studio screen range; The live broadcast room floor is synchronously slid according to the sliding distance to display the live broadcast room floor and the component floor.

8. The method according to claim 1 or 5, characterized in that: The live broadcast room floor and the component floor are displayed according to the preset gesture operation, including: In response to the preset gesture operation being a click operation, monitoring a click position corresponding to the click operation; In response to the click position being a designated position for triggering entry into the live broadcast room, the component floor is hidden and the live broadcast room floor is displayed.

9. The method according to claim 1, characterized in that: The method further comprises: In response to detecting a pull-down refresh operation on the home page, the component floor within the live broadcast room screen range of the live broadcast room floor is re-determined, and the background of the component floor within the live broadcast room screen range of the live broadcast room floor is made transparent.

10. A device for displaying a page, characterized in that: include: A data acquisition module is used to acquire home page data, wherein the home page data includes live broadcast room floor data and component floor data; A floor rendering module, used to render the live broadcast room floor of the home page according to the live broadcast room floor data, and to render the component floor of the home page according to the component floor data; A floor setting module, used for setting the component floor on the upper floor of the live studio floor, and making the background of the component floor within the live studio screen range of the live studio floor transparent; A sliding display module is used to respond to detecting a preset gesture operation on the home page and display the live broadcast room floor and the component floor according to the preset gesture operation.

11. An electronic device, characterized in that: include: one or more processors; a storage device 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 the method according to any one of claims 1 to 9.

12. A computer readable medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 9 is implemented.

13. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the method according to any one of claims 1 to 9 is implemented.

Images