Page content display method, related device and medium

Abstract

The invention provides a page content display method, a related device and a medium. The method comprises the steps that in response to sliding in a first direction on a first content page, a content container sequence is displayed on the first content page, and the content container sequence comprises a target content container; when the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container; after the first target container is displayed on the first content page, responding to a second sliding operation in the first direction, displaying a second target container in the first direction, and displaying second content in the second target container. The information amount of the content page of the information flow application can be increased, and the effective information display efficiency can be improved. The method and the device can be applied to various scenes such as page layout, content delivery and information technology.

Description

Technical Field

[0001] The present disclosure relates to the computer field, and in particular to a page content display method, related devices and media. Background Art

[0002] In the content page of the information flow application, the content to be displayed is often placed in a content container (a box that loads content on the page). The content containers are arranged in a row or a column. When the object slides up and down or left and right on the content page, the content containers that are not displayed in the row or column are displayed on the content page in sequence, so that the object can view the content in the content container.

[0003] For some relatively important content, such as news of major events, it is usually presented in a larger content container, and the content container is designed to have a better visual effect. The content container and size will not change. In this way, when the subject is not interested in the content in the larger content container, the subject sees less other content on the content page due to the larger content container. Since the content container is larger, the subject needs to swipe for a longer time on the content page to pass through the content container and see new content, which reduces the effective information display efficiency of the content page. Since the content container is displayed in a fixed form, the attention level is low and the information transmission efficiency is poor. Summary of the invention

[0004] The disclosed embodiments provide a page content display method, related devices and media, which can improve the information volume of the content page of the information flow application and the efficiency of displaying effective information.

[0005] According to one aspect of the present disclosure, a method for displaying page content is provided, comprising:

[0006] In response to a first sliding operation along a first direction on the first content page, displaying a content container sequence on the first content page, the content container sequence including a target content container;

[0007] When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0008] After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and second content is displayed in the second target container, wherein a size of the second target container is larger than a size of the first target container, and a size of the second content is larger than a size of the first content.

[0009] According to one aspect of the present disclosure, a page content display device is provided, the page content display device comprising:

[0010] a first display unit, configured to display a content container sequence on the first content page in response to a first sliding operation along a first direction on the first content page, the content container sequence including a target content container;

[0011] a second display unit, configured to display the first target container in the first direction and display the first content in the first target container when the target content container is displayed on the first content page;

[0012] a third display unit, configured to display a second target container in the first direction in response to a second sliding operation in the first direction after displaying the first target container on the first content page, and to display second content in the second target container, wherein a size of the second target container is larger than a size of the first target container, and a size of the second content is larger than a size of the first content.

[0013] Optionally, the page content display device further includes a fourth display unit, and the fourth display unit is specifically used to:

[0014] If, after the second target container is displayed on the first content page, a first sliding distance indicated by the second sliding operation is greater than a first threshold, a third target container is displayed in the first direction, and third content is displayed in the third target container, wherein a size of the third target container is greater than a size of the second target container, and a size of the third content is greater than a size of the second content.

[0015] Optionally, the first target container is displayed from a first edge of the first content page; the page content display device further includes a fifth display unit, and the fifth display unit is specifically used to:

[0016] recognizing that in response to the sliding in the first direction, the third target container contacts a second edge of the first content page, wherein the second edge is opposite to the first edge;

[0017] If, after the third target container contacts the second edge of the first content page, a second sliding distance in the first direction is greater than a second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container, wherein the second threshold is less than the first threshold.

[0018] Optionally, the page content display device further includes a sixth display unit, and the sixth display unit is specifically used to:

[0019] If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0020] Optionally, the third content includes a video of the target content of the target content container; the page content display device further includes a seventh display unit, and the seventh display unit is specifically used to:

[0021] In response to detecting a slide in the first direction, playing the video in the third target container;

[0022] In response to detecting that the sliding stops, the video stops playing.

[0023] Optionally, the page content display device further includes a generating unit, and the generating unit specifically includes:

[0024] A receiving subunit, configured to receive a target resource package of the target content container from a server, wherein the target resource package includes the text, the picture and the video of the target content;

[0025] A first generating subunit, configured to generate the first content based on the text;

[0026] A second generating subunit, configured to generate the second content based on the text and the picture;

[0027] The third generating subunit is used to generate the third content based on the text and the video.

[0028] Optionally, the receiving subunit is specifically configured to: receive resource packages of multiple content containers in the content container sequence from a server, the multiple content containers include the target content container, the resource packages include the target resource package, and the content container includes at least one of the text, the picture and the video of the content container according to the content container configuration instruction;

[0029] The resource package is generated by the server in the following manner:

[0030] Acquire the content container configuration instruction and the pre-configured content material of the content container, wherein the pre-configured content material includes at least one of the text, the picture and the video;

[0031] If the pre-configured content material does not conform to the content container configuration instructions, generating supplemental material based on the pre-configured content material;

[0032] The preconfigured content material and the supplementary material are integrated into the resource package.

[0033] Optionally, the picture includes a plurality of pictures of the target content;

[0034] The second generating subunit is specifically used for:

[0035] Determining a degree of matching between the plurality of images and the text;

[0036] The second content is generated based on the pictures whose matching degree meets a predetermined condition among the plurality of pictures and the text.

[0037] Optionally, the picture includes a plurality of pictures of the target content;

[0038] The second generating subunit specifically includes:

[0039] A picture generating subunit, configured to generate a plurality of picture subsets, each of the picture subsets comprising a portion of pictures selected from the plurality of pictures;

[0040] A candidate content generating subunit, configured to generate second candidate content based on the text and each of the image subsets;

[0041] a feedback acquisition subunit, configured to display the second candidate contents in the target content container of the first content page of multiple platform objects, and acquire feedback from multiple platform objects on multiple second candidate contents;

[0042] A selection subunit is configured to select the second content from a plurality of second candidate contents based on the feedback.

[0043] Optionally, the feedback acquisition subunit is used to:

[0044] For each of the second candidate contents, determining the number of positive feedback platform objects that provide positive feedback to the second candidate contents among the plurality of platform objects;

[0045] The selection subunit is used to:

[0046] The second candidate content with the largest number of positive feedback platform objects is determined as the second content.

[0047] Optionally, the feedback acquisition subunit is used to:

[0048] For each of the second candidate contents, determining a positive feedback platform object that provides positive feedback to the second candidate contents from among the plurality of platform objects, and a positive feedback category of each of the positive feedback platform objects, wherein the positive feedback category includes comment feedback, like feedback, and forward feedback;

[0049] The selection subunit is used to:

[0050] Determining a review score for each of the second candidate contents based on a first number of positive feedback platform objects that generate the review feedback;

[0051] Determining a like score for each of the second candidate contents based on the second number of objects of the positive feedback platform that generate the like feedback;

[0052] determining a forwarding score of each of the second candidate contents based on the third number of positive feedback platform objects that generate the forwarding feedback;

[0053] The second content is selected from a plurality of second candidate contents based on the comment score, the like score, and the forwarding score.

[0054] Optionally, the page content display device further includes an eighth display unit, and the eighth display unit is specifically used to:

[0055] In response to a triggering operation on the second target container, displaying a second content page, the second content page including target content details corresponding to the target content container;

[0056] In response to a return operation on the second target container, the second content page is exited, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0057] Optionally, the first target container is displayed from a first edge of the first content page; and the third display unit is specifically configured to:

[0058] Making the distance between a first side of the first target container and the first edge consistent with the first sliding distance indicated by the second sliding operation, wherein the first side is the side of the first target container closest to the first edge;

[0059] Produce a second edge of the first target container to protrude along the first direction, so that a distance between the first edge and the second edge is consistent with a size of the second target container in the first direction, wherein the second edge is an edge of the first target container opposite to the first edge;

[0060] Based on a difference between a size of the second target container in the first direction and a size of the first target container in the first direction, a content container following the target content container in the first direction is translated along the first direction.

[0061] Optionally, the page content display device further includes a ninth display unit, and the ninth display unit is specifically configured to:

[0062] If, after the third target container is displayed on the first content page, a third sliding distance in a second direction is greater than the second threshold, the second target container is displayed in the first direction, and second content is displayed in the second target container, wherein the second direction is opposite to the first direction.

[0063] Optionally, the page content display device further includes a tenth display unit, and the tenth display unit is specifically used to:

[0064] If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the second threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0065] According to one aspect of the present disclosure, an electronic device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor implements the page content display method as described above when executing the computer program.

[0066] According to one aspect of the present disclosure, a computer-readable storage medium is provided, wherein the storage medium stores a computer program, and when the computer program is executed by a processor, the page content display method as described above is implemented.

[0067] According to one aspect of the present disclosure, a computer program product is provided. The computer program product includes a computer program. The computer program is read and executed by a processor of a computer device, so that the computer device executes the page content display method as described above.

[0068] In the embodiment of the present disclosure, in response to sliding along a first direction on a first content page, a content container sequence is displayed on the first content page so that the object can view the content in the content container, wherein the content container sequence includes a target content container. Further, when the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container, which can more conveniently limit the initial container size and the initial display content of the target content container. Further, if after the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container, so that the display content and container size of the target content container change with the sliding distance in the first direction. Since the size of the second target container is larger than the size of the first target container, and the size of the second content is larger than the size of the first content, with continuous sliding in the first direction, the target content container will display the content in a larger content frame, which effectively increases the amount of information displayed, and can improve the amount of information on the content page of the information flow application and the efficiency of effective information display. In addition, compared with the content container displayed in a fixed form in the related art, the container size and display content of the target content container in the embodiment of the present disclosure are variable, which can improve the attention level and information transmission efficiency.

[0069] Other features and advantages of the present disclosure will be described in the following description, and partly become apparent from the description, or understood by practicing the present disclosure. The purpose and other advantages of the present disclosure can be realized and obtained by the structures particularly pointed out in the description, claims and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0070] The accompanying drawings are used to provide further understanding of the technical solution of the present disclosure and constitute a part of the specification. Together with the embodiments of the present disclosure, they are used to explain the technical solution of the present disclosure and do not constitute a limitation on the technical solution of the present disclosure.

[0071] Figure 1 is a system architecture diagram of a system to which the page content display method according to an embodiment of the present disclosure is applied;

[0072] Figure 2A -G is a schematic diagram of the page content display method according to an embodiment of the present disclosure applied in a page display scenario;

[0073] Figure 3 is a flow chart of a method for displaying page content according to an embodiment of the present disclosure;

[0074] Figure 4A -B is a schematic diagram comparing the target content container of the page content display method of the embodiment of the present disclosure with the conventional container in the related art;

[0075] Figure 5 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0076] Fig. 6A -C is a schematic diagram showing the display form of a target content container of a page content display method according to an embodiment of the present disclosure;

[0077] Figure 7 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0078] Figure 8 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0079] Fig. 9 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0080] Fig. 10A -B is a schematic diagram of the implementation process of video playback and video pause in the page content display method of an embodiment of the present disclosure;

[0081] Fig.11 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0082] Fig. 12A -D is a schematic diagram of an implementation process of switching pages according to object operations in an embodiment of the present disclosure;

[0083] Fig.13 Shows Figure 3 Step 330 is a flow chart showing the second target container in the first direction;

[0084] Fig.14 A schematic diagram showing an implementation process of displaying a second target container in a first direction according to an embodiment of the present disclosure is shown;

[0085] Fig.15A -B is a schematic diagram showing an implementation process of displaying a second target container in a first direction according to an embodiment of the present disclosure;

[0086] Fig.16A -B is a schematic diagram showing an implementation process of displaying a third target container in a first direction according to an embodiment of the present disclosure;

[0087] Fig.17 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0088] Fig.18A schematic diagram showing an implementation process of displaying a target content container in response to sliding along a second direction according to an embodiment of the present disclosure is shown;

[0089] Fig.19 is a flow chart of a method for displaying page content according to another embodiment of the present disclosure;

[0090] Fig. 20 A schematic diagram showing an implementation process of displaying a target content container in response to sliding along a second direction according to an embodiment of the present disclosure is shown;

[0091] Fig.21 A flowchart showing generation of first content, second content and third content according to an embodiment of the present disclosure is shown;

[0092] Fig. 22 A flowchart showing generation of a resource package by a server according to an embodiment of the present disclosure is shown;

[0093] Fig.23 Shows Fig.21 Step 2130 is a flowchart of generating second content based on the matching degree between the image and the text;

[0094] Fig.24 Shows Fig.21 In step 2130, the flow chart of generating the second content based on the feedback of each platform object;

[0095] Fig.25 Shows Fig.24 Step 2440 is a flowchart of selecting a second content from a plurality of second candidate contents based on the feedback;

[0096] Fig.26 is a schematic diagram of implementation details of a method for displaying page content according to an embodiment of the present disclosure;

[0097] Fig. 27 is a schematic diagram of an interaction process between an object terminal and a server according to an embodiment of the present disclosure;

[0098] Fig.28 is a module diagram of a page content display device according to an embodiment of the present disclosure;

[0099] Fig.29 is a terminal structure diagram of a page content display method according to an embodiment of the present disclosure;

[0100] Fig.30 It is a server structure diagram of the page content display method according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0101] In order to make the purpose, technical solution and advantages of the present disclosure more clear, the present disclosure is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present disclosure and are not used to limit the present disclosure.

[0102] Before further describing the embodiments of the present disclosure in detail, the nouns and terms involved in the embodiments of the present disclosure are described. The nouns and terms involved in the embodiments of the present disclosure are subject to the following interpretations:

[0103] Artificial intelligence: It is the theory, method, technology and application system that uses digital computers or machines controlled by digital computers to simulate, extend and expand human intelligence, perceive the environment, acquire knowledge and use knowledge to obtain target results. In other words, artificial intelligence is a comprehensive technology in computer science. It attempts to understand the essence of intelligence and produce a new intelligent machine that can respond in a similar way to human intelligence. Artificial intelligence is to study the design principles and implementation methods of various intelligent machines so that machines have the functions of perception, reasoning and decision-making. Artificial intelligence technology is a comprehensive discipline that covers a wide range of fields, including both hardware-level technology and software-level technology. The basic technologies of artificial intelligence generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technology, operation / interaction systems, and mechatronics. Artificial intelligence software technology mainly includes computer vision technology, speech processing technology, natural language processing technology, and machine learning / deep learning. With the research and advancement of artificial intelligence technology, artificial intelligence technology has been studied and applied in many fields, such as common smart homes, smart wearable devices, virtual assistants, smart speakers, smart marketing, unmanned driving, automatic driving, drones, robots, smart medical care, smart customer service, etc. I believe that with the development of technology, artificial intelligence technology will be applied in more fields and play an increasingly important role.

[0104] Information flow: refers to the various ways people use to achieve information exchange, including channels and processes such as information collection, transmission, processing, storage, etc.

[0105] Information flow products: Content products distributed in a waterfall flow manner can be defined as information flow products; the most common information flow products are used to provide information such as graphic content, short video content, and medium and long video content.

[0106] Container: A container is a technology used to bundle an application and all its necessary files into a runtime environment. As a unit, a container can be easily moved and run on any operating system in any environment. The container in the embodiments of the present disclosure refers to a carrier for loading content.

[0107] In the content page of the information flow application, the content to be displayed is often placed in a content container (a box that loads content on the page). The content containers are arranged in a row or a column. When the object slides up and down or left and right on the content page, the content containers that are not displayed in the row or column are displayed on the content page in sequence, so that the object can view the content in the content container.

[0108] For some relatively important content, such as news of major events, it is usually presented in a larger content container, and the content container is designed to have a better visual effect. The content container and size will not change. In this way, when the subject is not interested in the content in the larger content container, the subject sees less other content on the content page due to the larger content container. Since the content container is larger, the subject needs to swipe for a longer time on the content page to pass through the content container and see new content, which reduces the effective information display efficiency of the content page. Since the content container is displayed in a fixed form, the attention level is low and the information transmission efficiency is poor.

[0109] System architecture and scenario description of the application of the embodiments of the present disclosure

[0110] Figure 1 It is a system architecture diagram used by the page content display method according to the embodiment of the present disclosure, which includes an object terminal 140, a content display platform server 110, a content configuration platform server 160, a database 150, a gateway 120 and the Internet 130, etc.

[0111] The object terminal 140 includes various forms such as desktop computers, laptop computers, PDAs (personal digital assistants), mobile phones, vehicle-mounted terminals, home theater terminals, and dedicated terminals. In addition, it can be a single device or a collection of multiple devices. The object terminal 140 can communicate with the content display platform server 110 through the Internet 130 and the gateway 120 in a wired or wireless manner to exchange data. The object terminal 140 is used to display content pages to the object and receive the object's interactive operation information on the content page.

[0112] The content display platform server 110 and the content configuration platform server 160 refer to computer systems that can provide certain services to the object terminal 140. Compared with the ordinary object terminal 140, the content display platform server 110 and the content configuration platform server 160 have higher requirements in terms of stability, security, performance, etc. The content display platform server 110 and the content configuration platform server 160 can be a high-performance computer in the network platform, a cluster of multiple high-performance computers, a part of a high-performance computer (such as a virtual machine), a combination of parts of multiple high-performance computers (such as virtual machines), etc. The content configuration platform server 160 refers to a server that collects relevant content materials for content configuration and determines the content configuration method. The content configuration platform server 160 is used to send content configuration instructions and related content materials to the content display platform server 110. The content display platform server 110 refers to a server that can construct a resource package for content display. The content display platform server 110 is used to form a resource package according to the content configuration instruction and related content materials, send the resource package to the object terminal 140, and store the resource package in the database 150.

[0113] The gateway 120 is also called an internetwork connector or a protocol converter. The gateway realizes network interconnection at the transport layer and is a computer system or device that acts as a converter. The gateway is a translator between two systems that use different communication protocols, data formats or languages, or even completely different architectures. At the same time, the gateway can also provide filtering and security functions. The message sent by the object terminal 140 to the content display platform server 110 must be sent to the corresponding content display platform server 110 through the gateway 120. The message sent by the content display platform server 110 to the object terminal 140 must also be sent to the corresponding object terminal 140 through the gateway 120.

[0114] When content delivery is required, the content configuration platform server 160 sends content configuration instructions and related content materials to the content display platform server 110. Then, the content display platform server 110 assembles a resource package containing different contents according to the content configuration instructions and related content materials, and sends the resource package to the target terminal 140. Furthermore, the target terminal 140 fills the various contents in the resource package into different content containers.

[0115] When the object A performs a sliding operation on the content page of the object terminal 140, the object terminal 140 receives the sliding operation and sequentially displays content containers filled with various contents on the content page so that the object A can browse the various contents in the content containers.

[0116] The embodiments of the present disclosure can be applied in various scenarios, such as Figure 2A -G shows the scene shown on the page, etc.

[0117] Combine the following Figure 2A -G describes in detail the process of implementing content display in the page display scenario.

[0118] like Figure 2A As shown, when object A opens an information flow application in the object terminal 140, the content page of the information flow application is displayed on the object terminal 140, wherein the content page is the page corresponding to the "Home" control. In the content page, interactive controls such as "Home", "Novel", "Direct", "File" and "My" are displayed. When object A triggers the interactive controls such as "Novel", "Direct", "File" and "My", the object terminal 140 can display the pages corresponding to the various interactive controls.

[0119] On the content page, there is also a search box and an information flow content display area. The search box is used for object A to enter the content he wants to search, and the information flow content display area is used to fill in different content. At this time, the information flow content display area is filled with three pieces of content. Among them, the first piece of content is the content with the title "Title 1: Xxxxxx xxxxxx1"; the second piece of content is the content with the title "Title 2: Xxxxxx xxxxxx"; the third piece of content is the content with the title "Title 3: Xxxxxx xxxxxx". Among them, the first and third pieces of content are pure text content, and the second piece of content is content composed of text and pictures.

[0120] At this time, as object A slides upward in the information flow content display area, the content arranged after the third content will gradually be displayed in the content page from the bottom of the content page.

[0121] like Figure 2B As shown in the figure, when object A slides up a certain distance in the information flow content display area, the three previously displayed contents are all browsed contents and are displayed in the browsed area. As object A slides up a certain distance, content M will be displayed in the information flow content display area. Content M is titled "Burn your calories! Before you drink latte, it is recommended to accept this exercise guide first" and has 322 comments. At this time, content M is in text form.

[0122] like Figure 2CAs shown, object A continues to slide upward in the information flow content display area. After sliding upward for a certain distance, content M moves upward, and the new content arranged after content M is gradually displayed from the bottom of the content page. At this time, the area of ​​the browsed area becomes smaller, and the area occupied by content M in the information flow content display area becomes larger. Content M is displayed in a combination of text and pictures. Content M includes the title "Burn your calories! Before drinking latte, it is recommended to accept this exercise guide first" and three pictures arranged in sequence.

[0123] Furthermore, the new content gradually displayed from the bottom of the content page includes a new content, and the new content is titled "Xxx Camera Shooting Skills". Due to the short upward sliding distance, the new content is not fully displayed.

[0124] like Figure 2D As shown, object A continues to slide upward in the information flow content display area. After sliding upward for a distance, content M continues to translate upward, and more new content arranged after content M will gradually appear from the bottom of the content page. At this time, the area of ​​the browsed area continues to decrease, and the area occupied by content M in the information flow content display area continues to increase. Content M will be displayed in a combination of text and video. Content M includes the title "Burn your calories! Before drinking latte, it is recommended to accept this exercise guide first" and a short video with a video length of 13 seconds.

[0125] Furthermore, the new content arranged after content M and gradually displayed from the bottom of the content page includes two new contents. The first new content is a content titled "Photography skills of Xxx camera" and contains two pictures. This new content consists of text and pictures, and this new content is displayed in full. The other new content is the content arranged after the first new content. This new content is titled "What impact will watching the screen before going to bed have on the sleep experience?" This new content consists of pictures and text. Due to the limit of the upward sliding distance, this new content is not displayed in full for the time being.

[0126] like Figure 2E As shown, object A continues to slide upward in the information flow content display area. After sliding upward for a distance, content M continues to translate upward, and content M touches the top of the information flow content display area. The content in the browsed area before content M disappears, and the area occupied by content M in the information flow content display area no longer increases. More new content arranged after content M is displayed in the information flow content display area. At this time, 3 new content arranged after content M are displayed in the information flow content display area. The first new content and the second new content are new content that have been displayed before, but the display positions of these two new content are translated upward, and the first new content and the second new content are both displayed completely.

[0127] Furthermore, in addition to the two new contents, the information flow content display area also displays a third new content arranged after the second new content. The third new content is titled "Xxxx movie box office exceeds 100 million!". Due to the limitation of the upward sliding distance, this new content is not displayed in full for the time being.

[0128] like Figure 2F As shown, object A continues to slide upward in the information flow content display area. After sliding upward for a certain distance, content M does not disappear, but only reduces the area occupied in the information flow content display area. At the same time, content M is no longer displayed in the form of a combination of text and video, but switches back to a combination of text and pictures.

[0129] As the area occupied by content M in the information flow content display area decreases, more new content arranged after content M will be displayed in the information flow content display area. At this time, the third new content that was not fully displayed before will be fully displayed. In addition to the title "Xxxx movie box office breaks 100 million!", subject A can also read "The box office of movie xxx has continued to rise since it was released on xx / xx / xxxx...; Xxxxxx; xxxxxx; Xxxxx" and other related content.

[0130] like Figure 2G As shown, object A continues to slide upward in the information flow content display area. After sliding upward for a certain distance, the area occupied by content M in the information flow content display area is further reduced. At the same time, content M is no longer displayed in the form of a combination of text and pictures, but is switched to pure text.

[0131] As the area occupied by content M in the information flow content display area is further reduced, more new content arranged after content M will be displayed in the information flow content display area. At this time, in addition to the three new content that have been fully displayed, the fourth new content arranged after the third new content will gradually be displayed in the information flow content display area. Among them, the fourth new content is titled "Xxx game is about to be publicly tested!!". Due to the limitation of the sliding distance, the fourth new content only displays a title.

[0132] Furthermore, as the object A continues to slide upward, the content M will gradually disappear from the top of the information flow content display area. At the same time, other information of the fourth new content and new content arranged after the fourth new content will be displayed according to the sliding distance.

[0133] General description of the disclosed embodiments

[0134] According to an embodiment of the present disclosure, a method for displaying page content is provided.

[0135] This page content display method is often used in page layout, content delivery, Figure 2A -G shows the page display and other scenes. The disclosed embodiment provides a solution for adjusting the display form of the content container on the page based on the sliding distance, which can improve the information volume of the content page of the information flow application and the display efficiency of effective information.

[0136] like Figure 3 As shown, a page content display method according to an embodiment of the present disclosure may include:

[0137] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0138] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0139] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0140] Steps 310 - 330 are described in detail below.

[0141] In step 310 , in response to a first sliding operation along a first direction on a first content page, a content container sequence is displayed on the first content page.

[0142] The first sliding operation refers to the object sliding on the first content page of the object terminal through the touch body. The object refers to the terminal user interacting with the object terminal, such as page developers, ordinary groups, etc., without limitation. The touch body refers to the object that comes into contact with the object terminal when the object interacts with the object terminal. For example, the touch body includes the object's finger, stylus, etc., without limitation.

[0143] The first direction refers to a predetermined moving path of the content container.

[0144] Specifically, when the first direction is determined in the horizontal direction, the first direction is leftward or rightward, and the content containers are arranged in a row. For example, the first direction is set to be leftward, and when the object slides along the first direction, the content containers move from right to left.

[0145] When the first direction is determined in the vertical direction, the first direction is upward or downward, and the content containers are arranged in a row. For example, the first direction is set to be upward, and when the object slides along the first direction, the content container moves from bottom to top.

[0146] The content container sequence is a sequence formed by arranging the content containers in a certain order. The content container refers to a frame on a page for loading content. Specifically, as the object slides on the first content page of the object terminal through the touch body, the position of each content container will be translated.

[0147] It should be noted that the content container sequence includes a target content container. The target content container refers to a frame used to load some relatively important content. Among them, relatively important content includes but is not limited to news of major events, film and television news, major operational activities, etc.

[0148] In the specific implementation of step 310, when the object performs a first sliding operation on the first content page of the object terminal through the contact body, multiple content containers in the content container sequence will be displayed on the first content page in sequence according to the set arrangement order. Specifically, in response to the first sliding operation along the first direction on the first content page, the content container ranked first in the content container sequence will gradually appear from the edge of the first content page; when the sliding distance along the first direction is greater than the container thickness of the first content container, the content container ranked first will be fully displayed. Then, in response to the continued sliding along the first direction on the first content page, the content container ranked second in the content container sequence will gradually appear from the edge of the first content page, and gradually display completely as the sliding distance changes. And so on. As the object slides on the first content page of the object terminal through the contact body, the object terminal responds to the first sliding operation along the first direction on the first content page, so that each content container in the content container sequence appears and displays completely in sequence. Among them, different content containers are loaded with different contents, and the object can obtain various content information through each content container displayed on the first content page.

[0149] In step 320 , when the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0150] The first target container is a specific form of the target content container.

[0151] In the embodiment of the present disclosure, the first target container is displayed with a first zone thickness in the first direction, and the first zone thickness refers to the thickness of the area occupied by the first target container on the first content page in the first direction. Specifically, when the first direction refers to the left or right direction in the horizontal direction, the first zone thickness refers to the width. When the first direction refers to the upward or downward direction in the vertical direction, the first zone thickness refers to the height.

[0152] The first content refers to the specific content loaded when the target content container is displayed in the form of the first target container. The first content is a single-mode content form, or a combination of multiple-mode content forms, without limitation.

[0153] In the specific implementation of step 320, if the object slides on the first content page of the object terminal through the touch body, after all the content containers arranged before the target content container in the content container sequence are fully displayed, the object continues to slide on the first content page of the object terminal through the touch body. In response to sliding along the first direction on the first content page, the target content container will gradually be displayed from the edge of the first content page. At this time, on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0154] It should be noted that, since the content display of the target content container is associated with the sliding distance, limited by the sliding distance, as the object slides along the first direction on the first content page through the contact body, the first target container in the first zone thickness will gradually be displayed completely.

[0155] For example, the height of the first target container is 5 cm. When the object slides upward on the first content page of the object terminal through the touch body, the content containers that are arranged before the target content container in the content container sequence are fully displayed. The object continues to slide upward on the first content page by 2 cm through the touch body. At this time, the first target container with a height of 5 cm will display 2 / 5 of the entire container. When the object continues to slide upward on the first content page through the touch body, the remaining 3 / 5 will gradually appear on the first content page. Therefore, when the object slides on the first content page of the object terminal through the touch body, the content containers that are arranged before the target content container in the content container sequence are fully displayed. The object needs to continue to slide upward on the first content page by 5 cm through the touch body to make the first target container with a height of 5 cm fully displayed.

[0156] In step 330 , after the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0157] The second sliding operation refers to an operation of continuing to slide along the first direction on the first content page after the first target container is displayed in the first direction, and being able to generate a certain sliding displacement.

[0158] The second target container is another specific form of the target content container.

[0159] In the disclosed embodiment, the second target container is displayed with a second zone thickness in the first direction. The second zone thickness refers to the thickness of the area occupied by the second target container on the first content page in the first direction. Similar to the first zone thickness, when the first direction refers to the left or right direction in the horizontal direction, the second zone thickness refers to the width. When the first direction refers to the upward or downward direction in the vertical direction, the second zone thickness refers to the height.

[0160] The second content refers to the specific content loaded when the target content container is displayed in the form of the second target container. The second content is a single-mode content form, or a combination of multiple-mode content forms, without limitation.

[0161] In order to allow the target content container to load more content information, in the embodiment of the present disclosure, the size of the second target container is set to be larger than the size of the first target container (that is, the thickness of the second area of ​​the second target container is larger than the thickness of the first area of ​​the first target container), and the size of the second content is larger than the size of the first content.

[0162] Since the contents of the browsed area are mostly those that have been received by the object and have generated feedback, it is often meaningless for these contents to stay on the first content page for a long time, and it may also affect the display efficiency of new content. Based on this, the embodiment of the disclosure considers changing the size of the target content container along the first direction based on the sliding distance to accelerate the elimination of the contents of the browsed area, make full use of the page area of ​​the first content page, and improve the display efficiency of effective information on the content page.

[0163] When step 330 is specifically implemented, the object slides on the first content page of the object terminal through the contact body, so that the first target container is fully displayed. In response to the second sliding operation on the first content page of the object terminal, the first target container will translate along the first direction. At the same time, the size of the first target container will change, and it will occupy a larger area in the first content page. Specifically, when the object slides on the first content page of the object terminal through the contact body, after the first target container is displayed in the first direction, as the object continues to slide on the first content page, the object terminal collects the second sliding operation of the object on the first content page, and uses the sliding distance indicated by the second sliding operation as the first sliding distance. Then, the object terminal determines whether the collected first sliding distance is greater than a preset threshold. If the first sliding distance is greater than the preset threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0164] It should be noted that, in order to display the second target container completely, the difference between the size of the second target container in the first direction (i.e., the thickness of the second area) and the size of the first target container in the first direction (i.e., the thickness of the first area) is calculated, and the preset threshold is set to a value greater than or equal to this difference.

[0165] For example, the height of the first target container is 5 cm, the height of the second target container is 10 cm, and the preset threshold is 5 cm. When the object slides on the first content page of the object terminal through the touch body, so that the content containers before the target content container in the content container sequence are fully displayed, the object continues to slide 5 cm from bottom to top on the first content page through the touch body. At this time, the first target container with a height of 5 cm is fully displayed. Then, when the object continues to slide upward by 5 cm on the first content page through the touch body, the first target container will translate 5 cm along the first direction. At the same time, the displayed first target container will switch to display the second target container, and the first content will be replaced by the second content.

[0166] Combine the following Figure 4A -B provides a detailed comparative description of the page content display method of the embodiment of the present disclosure and the page content display in the related art.

[0167] like Figure 4A The figure shows the content display of the conventional container as the object continuously slides upward on the first content page. First, the object slides upward on the first content page of the object terminal through the contact body, and the object terminal responds to the sliding operation of the object to display the conventional container from the bottom of the first content page. At this time, the conventional container only displays a small part. Then, the object continues to slide on the first content page, and the object terminal responds to the sliding operation of the object to make the conventional container translate upward on the first content page. At this time, the conventional container displays more parts. Then, the object continues to slide on the first content page, and the object terminal responds to the sliding operation of the object to make the conventional container continue to translate upward on the first content page. At this time, the conventional container is displayed completely, and the new content arranged after the conventional container is displayed.

[0168] like Figure 4BAs shown, the content display of the target content container of the embodiment of the present disclosure as the object continuously slides upward on the first content page. First, the object slides upward on the first content page of the object terminal through the contact body, and the object terminal responds to the sliding operation of the object, and the target content container is displayed in the form of the first target container. At this time, the content loaded in the target content container displayed in the form of the first target container is displayed completely. Then, the object continues to slide on the first content page, and the object terminal responds to the upward sliding operation of the object, and the target content container displayed in the form of the first target container is translated upward, and the target content container will be displayed in the form of the second target container. At this time, the content loaded in the target content container displayed in the form of the second target container is displayed completely, and the new content arranged after the target content container is displayed on the first content page. Then, the object continues to slide on the first content page, and the object terminal responds to the upward sliding operation of the object, and the target content container displayed in the form of the second target container continues to translate upward, and the target content container will be displayed in the form of the third target container. At this time, the content loaded in the target content container displayed in the form of the third target container is displayed completely, and more new content arranged after the target content container is displayed on the first content page.

[0169] It can be seen that when a conventional container is used to display content, the object needs to perform a long slide on the content page to pass through the conventional container and see new content. Compared with conventional containers, when a target content container whose size changes with the sliding distance provided by the embodiment of the present disclosure is used to display content, the object only needs to perform a short slide on the content page to pass through the target content container and see new content, which can improve the display efficiency of effective information.

[0170] Through the above steps 310-330, in the embodiment of the present disclosure, in response to the first sliding operation along the first direction on the first content page, a content container sequence is displayed on the first content page so that the object can view the content in the content container, wherein the content container sequence includes a target content container. Further, when the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container, which can more conveniently limit the initial container size and the initial display content of the target content container. Further, if after the first target container is displayed on the first content page, in response to the second sliding operation in the first direction, the second target container is displayed in the first direction, and the second content is displayed in the second target container, so that the display content and container size of the target content container change with the sliding distance in the first direction. Since the size of the second target container is larger than the size of the first target container, and the size of the second content is larger than the size of the first content, with the continuous sliding in the first direction, the target content container will display the content in a larger content frame, which effectively increases the amount of information displayed, and can improve the information amount of the content page of the information flow application and the efficiency of effective information display. In addition, compared with the content container displayed in a fixed form in the related art, the container size and display content of the target content container in the embodiment of the present disclosure are variable, which can improve the attention level and information transmission efficiency.

[0171] The above is a detailed description of steps 310 - 330 .

[0172] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0173] In order to increase the container size of the target content container and the diversity of displayed content, the embodiment of the present disclosure provides a solution for multiple adjustments to the display form of the content container on the page based on the size of the sliding distance, which can further improve the amount of information on the content page of the information flow application and the efficiency of displaying effective information.

[0174] like Figure 5 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0175] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0176] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0177] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0178] Step 510: If, after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container.

[0179] Steps 310 - 510 are described in detail below.

[0180] The specific implementation process of step 310 to step 330 has been described in detail above, so it will not be repeated here for the sake of saving space.

[0181] In step 510, if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container.

[0182] The first threshold is a preset value, which is set according to actual needs and is not limited. The first threshold is used to measure whether the first sliding distance reaches the condition for changing the size of the second target container.

[0183] The third target container is another specific form of the target content container.

[0184] In the disclosed embodiment, the third target container is displayed with a third zone thickness in the first direction, and the third zone thickness refers to the thickness of the area occupied by the third target container on the first content page in the first direction. Similar to the first zone thickness, when the first direction refers to the left or right direction in the horizontal direction, the third zone thickness refers to the width. When the first direction refers to the upward or downward direction in the vertical direction, the third zone thickness refers to the height.

[0185] The third content refers to the specific content loaded when the target content container is displayed in the form of the third target container. The third content is a single-mode content form, or a combination of multiple-mode content forms, without limitation.

[0186] In order to allow the target content container to load more content information, in the embodiment of the present disclosure, the size of the third target container is larger than the size of the second target container (that is, the thickness of the third area of ​​the third target container is larger than the thickness of the second area of ​​the second target container), and the size of the third content is larger than the size of the second content.

[0187] In order to further accelerate the elimination of the content of the browsed area, make full use of the page area of ​​the first content page, and improve the display efficiency of effective information on the content page. In the specific implementation of step 510, when the object slides on the first content page of the object terminal through the contact body, after the first target container is displayed in the first direction, as the object continues to slide on the first content page, the object terminal collects the sliding distance of the second sliding operation of the object on the first content page as the first sliding distance. Then, the object terminal first determines whether the collected first sliding distance is greater than the second threshold. If the first sliding distance is greater than the second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container. Then, as the object continues to slide on the first content page, the object terminal responds to the sliding operation, updates the aforementioned first sliding distance, and determines whether the updated first sliding distance is greater than the first threshold. If the first sliding distance is greater than the second threshold, the third target container is displayed in the first direction, and the third content is displayed in the third target container.

[0188] The first threshold is greater than the second threshold, and the second threshold is a preset value, which is set according to actual needs and is not limited. The second threshold is used to measure whether the second sliding operation reaches the condition of changing the size of the first target container.

[0189] It should be noted that, in order to display the third target container completely, the difference between the size of the third target container in the first direction (i.e., the thickness of the third area) and the size of the first target container in the first direction (i.e., the thickness of the first area) is calculated, and the first threshold is set to a value greater than or equal to the difference. Similarly, the difference between the size of the second target container in the first direction (i.e., the thickness of the second area) and the size of the first target container in the first direction (i.e., the thickness of the first area) is calculated, and the second threshold is set to a value greater than or equal to the difference.

[0190] For example, the height of the first target container is 5 cm, the height of the second target container is 10 cm, and the height of the third target container is 15 cm. The first threshold is 10 cm, and the second threshold is 5 cm. After the first target container is displayed in the first direction, the object continues to slide up 5 cm on the first content page through the touch body, and the first target container moves upward 5 cm. At this time, the second target container is displayed completely. Then, when the object continues to slide up 5 cm on the first content page through the touch body, the second target container continues to move upward 5 cm, and the displayed second target container will switch to the third target container, and the second content in the second target container will be replaced by the third content. At this time, the third target container is displayed completely.

[0191] Since different objects have different interests in different modal contents, if the first content, the second content, and the third content are all presented in the same modality, the attention level of the content in the target content container will be reduced. Based on this, the disclosed embodiment considers a solution based on constructing a correspondence between target content containers of different sizes and displayed contents, so that the content in the target content container is presented in multiple modalities, which can improve the diversity of information display and the richness of content, and is conducive to improving the attention level of the content in the target content container and the efficiency of information transmission.

[0192] Combine the following Fig. 6A -C describes in detail the specific process of displaying the content in the target content container in multiple modes based on constructing the correspondence between the target content containers of different sizes and the display content.

[0193] Target content refers to the content that needs to be loaded in the target content container. Target content is often some relatively important content, such as major news, important notices, film and television news, major operational activities, or some content that needs to be displayed at key time nodes, etc., without restriction. For example, the target content includes relevant descriptions of weather change events.

[0194] In some embodiments, the first content of the first target container is determined to be in text form. Specifically, the first content is the text of the target content of the target content container.

[0195] like Fig. 6A As shown, the first content of the first target container is set to plain text. The first target container is a rectangular box with a height equal to the thickness of the first zone, which is used to fill the plain text content and the number of comments. For example, the first content in plain text contains "Burn your calories! Before drinking latte, it is recommended to accept this exercise guide first." The first target container also contains the number of comments "322 comments".

[0196] In some embodiments, the second content of the second target container is determined to be a combination of text and pictures. Specifically, the second content is the text and pictures of the target content.

[0197] like Figure 6B As shown, the second content of the second target container is set to the form of text + picture. The second target container is a rectangular frame with a height equal to the thickness of the second zone, which is used to fill text, three pictures and the number of comments. For example, the second content in the form of text + picture includes the text "Burn your calories! Before drinking latte, it is recommended to take this exercise guide first" and three pictures arranged side by side.

[0198] In some embodiments, the third content of the third target container is determined to be a combination of text and video. Specifically, the third content is the text and video of the target content.

[0199] like Figure 6C As shown, the third content of the third target container is set to the form of text + video. The third target container is a rectangular frame with a height equal to the thickness of the third zone, which is used to fill text, a short video, release time, and number of comments. For example, the third content in the form of text + video contains the text "Burn your calories! Before drinking latte, it is recommended to accept this exercise guide first" and a short video with a duration of 13 seconds.

[0200] Through the above steps 310-510, in the embodiment of the present disclosure, after the first target container is displayed on the first content page, the container size of the target content container is switched twice according to the size relationship between the first sliding distance and the first threshold value, and the size relationship between the first sliding distance and the second threshold value, and different contents are displayed in target content containers of different sizes. Specifically, when the first target container is displayed in the first direction, the first target container displays the first content. When the first sliding distance is greater than the second threshold value, the first target container displayed in the first direction is transformed into the second target container displayed in the first direction, and the first content in the target content container is replaced with the second content. Furthermore, when the first sliding distance is greater than the first threshold value, the second target container displayed in the first direction is transformed into the third target container displayed in the first direction, and the second content in the target content container is replaced with the third content, which can improve the container size of the target content container and the diversity of displayed content. In addition, the embodiments of the present disclosure also take into account that different objects have different preferences for content display modes, and set the first content to text form, the second content to text + picture form, and the third content to text + video form, so that the filler content in the target content container takes into account multiple modes such as text, pictures, and videos, which can improve the diversity of information display and content richness, improve the attention level of the content in the target content container, and thus increase the amount of information on the content page of the information flow application and the efficiency of information transmission.

[0201] The above is a detailed description of steps 310 - 510 .

[0202] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0203] Since the target content container is often filled with some relatively important content, the attention required for these important contents is often high. If after displaying the target content container at the largest size, the target content container is gradually exited from the content page as the object slides, the display time of the important content will often be short, which is not conducive to the exposure of the important content in the target content container and will cause the attention level of the important content to be low. However, if the target content container is left on the content page for a long time, new content will not be displayed quickly, affecting the display efficiency of effective content. Based on this, the embodiment of the present disclosure provides a solution that allows the target content container to change its shape as the object slides after reaching the edge of the first content page, which can increase the display time of the important content of the target content container while displaying more new content, thereby improving the display efficiency of effective information on the content page.

[0204] like Figure 7 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0205] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0206] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0207] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0208] Step 510: if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container;

[0209] Step 710: Identify that in response to sliding in the first direction, the third target container contacts the second edge of the first content page;

[0210] Step 720: If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the second threshold, display the second target container in the first direction, and display the second content in the second target container.

[0211] Steps 310-720 are described in detail below.

[0212] The specific implementation process of step 310 to step 510 has been described in detail above, so it will not be repeated here for the sake of saving space.

[0213] It should be noted that the page edge refers to the blank area between the elements in the page, generally including the top, bottom, left and right sides of the page. In the embodiment of the present disclosure, the first edge refers to one of the top, bottom, left and right sides of the first content page, and the second edge refers to the edge on the first content page opposite to the first edge. Specifically, the target content container is displayed from the first edge of the first content page in the form of a first target container. As the object slides on the first content page, the target content container will gradually translate to the second edge of the first content page. As the object slides, the target content container will gradually disappear from the second edge of the first content page in the form of a third target container.

[0214] For example, according to the reading habits of most target groups, when laying out a page, the bottom of the first content page is often used as the first edge, and the top of the first content page is often used as the second edge.

[0215] In step 710 , it is identified that in response to a swipe in a first direction, a third target container contacts a second edge of the first content page.

[0216] When this embodiment is implemented, it is possible to determine whether the third target container touches the second edge of the first content page by identifying the distance between the third target container and the second edge of the first content page. Specifically, a code program is first set in the background of the object terminal, so that the object terminal obtains the touch event of the object on the first content page through the code program. Then, the distance between the third target container and the second edge of the first content page is calculated by collecting relevant data of the touch event. If the distance between the third target container and the second edge of the first content page is zero, it is determined that the third target container touches the second edge of the first content page.

[0217] In step 720, if the second sliding distance in the first direction is greater than the second threshold after the third target container contacts the second edge of the first content page, the second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0218] The second sliding distance refers to a distance that the contact moves along the first direction on the first content page after the third target container contacts the second edge of the first content page.

[0219] After the third target container contacts the second edge of the first content page, in response to the sliding operation of the object on the first content page, the third target container gradually disappears from the second edge, and the content in the third target container is no longer fully displayed.

[0220] Based on this, when this embodiment is specifically implemented, after determining that the third target container contacts the second edge of the first content page, the object terminal will continue to respond to the sliding of the object on the first content page through the touch body, and collect the distance moved by the touch body along the first direction on the first content page as the second sliding distance. Then, it is determined whether the collected second sliding distance is greater than the second threshold. If the second sliding distance is greater than the second threshold, the target content container is transformed, the second target content container is displayed, and the second content is displayed in the second target container, so that the target content container is displayed in a smaller size on the first content page, and the second content is displayed completely.

[0221] For example, the height of the first target container is 5 cm, the height of the second target container is 10 cm, the height of the third target container is 15 cm, the first threshold is 10 cm, the second threshold is 5 cm, the first edge is the bottom of the first content page, and the second edge is the top of the second content page. When the target content container is fully displayed in the form of the third target container, the third target container is 15 cm away from the top of the first content page. At this time, the object slides 15 cm on the first content page through the contact body, and the object terminal responds to the sliding operation of the object and translates the third target container upward by 15 cm. The object terminal recognizes that the third target container contacts the second edge of the first content page. Then, the object continues to slide 5 cm on the first content page through the contact body, and the object terminal responds to the sliding operation of the object and translates the third target container upward by 5 cm. At this time, the previous third target container is switched to the second target container, and the third content is replaced by the second content. At this time, the second target container is displayed completely.

[0222] Through the above steps 310-720, in the embodiment of the present disclosure, after the third target container is displayed in the first direction, as the object slides on the first content page, the object terminal will continuously translate the third target container to the second edge of the first content page in response to the sliding operation. At the same time, the object terminal will also collect the distance between the third target container and the second edge. When the object terminal recognizes that the third target container contacts the second edge of the first content page in response to the sliding of the touch body in the first direction, the object terminal will collect the distance that the object continues to slide along the first direction on the first content page as the second sliding distance. Further, the second sliding distance is compared with the second threshold value, and when the second sliding distance is greater than the second threshold value, the second target container is displayed in the first direction, and the second content is displayed in the second target container. This method makes the target content container not disappear with the sliding operation of the object, but can be fully displayed in the first content page with a smaller area, which can increase the display time of the important content of the target content container. In addition, since the target content container will be displayed in a smaller area with the sliding operation of the object, it will not affect the display of new content from the first edge, and more new content can be displayed while increasing the display time of the important content of the target content container, thereby improving the display efficiency of the effective information of the content page.

[0223] The above is a detailed description of steps 310-720.

[0224] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0225] In order to make the target content container undergo more diverse morphological changes as the object slides after reaching the edge of the first content page, the disclosed embodiment also provides a solution for adjusting the display morphology of the content container on the page multiple times based on the sliding distance after the target content container reaches the edge of the first content page, which can further improve the display efficiency of new content, thereby improving the amount of information on the content page of the information flow application and the efficiency of displaying effective information.

[0226] like Figure 8 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0227] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0228] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0229] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0230] Step 510: if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container;

[0231] Step 710: Identify that in response to sliding in the first direction, the third target container contacts the second edge of the first content page;

[0232] Step 720: If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the second threshold, display the second target container in the first direction, and display the second content in the second target container;

[0233] Step 810: If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0234] Steps 310 - 810 are described in detail below.

[0235] The specific implementation process of step 310 to step 720 has been described in detail above, so it will not be repeated here for the sake of space saving.

[0236] In step 810, if the second sliding distance in the first direction is greater than the first threshold after the third target container contacts the second edge of the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0237] In the specific implementation of this embodiment, when the object terminal determines that the second sliding distance collected is greater than the second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container, as the object continues to slide along the first direction on the first content page, the object terminal updates the second sliding distance in response to the sliding of the object on the first content page through the contact body, and determines whether the updated second sliding distance exceeds the first threshold. If the second sliding distance is greater than the first threshold, the object terminal will transform the target content container, display the first target container in the first direction, and display the first content in the first target container, so that the target content in the target content container is displayed completely.

[0238] For example, the height of the first target container is 5 cm, the height of the second target container is 10 cm, the height of the third target container is 15 cm, the first threshold is 10 cm, the second threshold is 5 cm, the first edge is the bottom of the first content page, and the second edge is the top of the second content page. When the target content container is fully displayed in the form of the third target container, the third target container is 15 cm away from the top of the first content page. At this time, the object slides 15 cm on the first content page through the touch body, and the object terminal responds to the sliding operation of the object and translates the third target container upward by 15 cm. The object terminal will recognize that the third target container contacts the second edge of the first content page. Then, the object continues to slide 5 cm on the first content page through the touch body, and the object terminal responds to the sliding operation of the object and translates the third target container upward by 5 cm. At this time, the previously displayed third target container will switch to the second target container, and the third content in the target content container will be replaced by the second content. At this time, the second target container is fully displayed. Further, the object continues to slide 5 cm on the first content page through the touch body, and the object terminal responds to the sliding operation of the object and translates the second target container upward by 5 cm. At this time, the second target container will be switched to the first target container, and the second content in the target content container will be replaced by the first content. At this time, the first target container is displayed completely.

[0239] Through the above steps 310-810, in the embodiment of the present disclosure, after the target content container reaches the edge of the first content page, the display form of the content container on the page is adjusted multiple times based on the size of the sliding distance, and the container size and filling content of the target content container are changed according to the sliding distance. Specifically, after the target content container reaches the edge of the first content page, it is first determined whether the second sliding distance of the object continuing to slide on the first content page is greater than the second threshold. When the second sliding distance is greater than the second threshold, the displayed third target container is transformed into the second target container, and the third content is replaced with the second content. Further, with the sliding operation of the object, it is continued to be determined whether the second sliding distance of the object continuing to slide on the first content page is greater than the first threshold. When the second sliding distance is greater than the first threshold, the displayed second target container is transformed into the first target container, and the second content is replaced with the first content, which can increase the container size of the target content container and the diversity of the displayed content, and further improve the display efficiency of the new content, thereby improving the information volume of the content page of the information flow application and the display efficiency of effective information.

[0240] The above is a detailed description of steps 310-810.

[0241] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0242] When the target content container is displayed in the form of a third target container in the first direction, the third content filled in the target content container includes a video. The video in the target content container can be played automatically, so that the video frames in the video are displayed to the object in chronological order. Although, this method allows the object to receive specific information about the target content through the automatically played video. However, since the video is played automatically, when the object's attention is not on the first content page, the use of automatic playback will cause part of the content in the video to not be effectively received by the object, and the object will not be able to fully understand the video content. Based on this, the embodiment of the present disclosure provides a solution for controlling video playback based on the interaction process between the object and the first content page, which can enable the video content to be displayed to the object more comprehensively, increase the degree of attention to the third content, and thereby improve the efficiency of displaying effective information.

[0243] Combine the following Fig. 9 , Fig. 10A -B describes in detail the playback process of the video in the third content when the third target container is displayed.

[0244] like Fig. 9 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0245] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0246] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0247] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0248] Step 510: if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container;

[0249] Step 910: In response to detecting a slide in the first direction, playing the video in a third target container;

[0250] Step 920: In response to detecting that the sliding stops, stop playing the video.

[0251] Steps 310-920 are described in detail below.

[0252] The specific implementation process of step 310 to step 810 has been described in detail above, so it will not be repeated here for the sake of space saving.

[0253] In step 910 , in response to detecting a slide in a first direction, a video is played in a third target container.

[0254] In the specific implementation of this embodiment, first, a code program is set in the background of the object terminal, so that the object terminal obtains the object's interaction event on the first content page through the code program, wherein the interaction event includes a sliding operation. Then, the code program is also set to indicate that when the interaction event is a sliding operation, the video frames of the control video are played in sequence. Based on this, when the object terminal detects the object's sliding operation on the first content page, the video is played in the target content container.

[0255] like Fig. 10A As shown, when the target content container is displayed on the first content page in the form of a third target container, the third target container contains a video with a duration of 13 seconds. As the object continues to slide up on the first content page, the third target container continuously moves upward, and at the same time, the video in the third target container is played, and the first 3 seconds of the video frames are displayed on the first content page in sequence. Furthermore, as the object continues to slide up on the first content page, the remaining 10 seconds of the video frames in the video will also be displayed on the first content page in sequence.

[0256] In step 920, in response to detecting that the sliding stops, the video stops playing.

[0257] When this embodiment is implemented, when the code program is set in the background of the object terminal, the interactive event can also be extended to a sliding operation and a stop sliding. At the same time, the code program is further extended so that the object terminal can also obtain the stop sliding of the object through the code program. Further, the code program is set to indicate that when the interactive event is to stop sliding, the video frame of the control video stops playing. Based on this, when the object terminal detects that the object stops sliding on the first content page, the video stops playing, so that the video frames that are not displayed in the video are temporarily not displayed on the first content page.

[0258] like Fig. 10B As shown, as the object continues to slide up on the first content page, the third target container continuously moves upward, and at the same time, the video in the third target container is played, and the first 5 seconds of the video frames are displayed on the first content page in sequence. At this time, the object stops sliding on the first content page, the play icon at the bottom left of the video becomes a pause icon, the 7th second video frame of the video will be displayed on the first content page, and the remaining 8 seconds of the video frames will not be displayed temporarily.

[0259] Through the above steps 310-920, the embodiment of the present disclosure controls the video playback based on the interaction process between the object and the first content page. When the object terminal detects that the object slides along the first direction on the first content page through the touch body, the video is played in the third target container. Further, when the object terminal detects that the sliding of the object on the first content page stops, the video is stopped. This method makes the playback progress of the video highly correlated with the sliding operation of the object, which can improve the effectiveness and accuracy of the video playback, so that the object can receive the entire video content of the video to the greatest extent, improve the attention level of the third content, and thus improve the efficiency of displaying effective information.

[0260] The above is a detailed description of steps 310-920.

[0261] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0262] When the target content container is displayed on the first content page, the object can perform a trigger operation such as clicking on the target content container on the first content page through the touch body, so as to obtain the content details of the content displayed in the target content container through the trigger operation. Furthermore, after the object has browsed the content details of the content displayed in the target content container, it often returns to the first content page to continue browsing other content. If the target content container is still displayed in a larger area on the first content page after the object has browsed the content details of the content displayed in the target content container, it often causes low display efficiency of other content, which is not conducive to the object browsing more content. Based on this, the embodiment of the present disclosure provides a scheme for adjusting the display form of the target content container based on the trigger operation of the target content container and the browsing of the content details by the object, so that after the object has browsed the content details of the content filled in the target content container, the target content container can be displayed in a smaller area on the first content page to improve the display efficiency of the content.

[0263] Combine the following Fig.11 , Fig. 12A -D describes in detail the process of adjusting the display form of the target content container based on the triggering operation of the object on the target content container and the browsing of the content details.

[0264] like Fig.11 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0265] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0266] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0267] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0268] Step 1110: In response to a triggering operation on a second target container, display a second content page;

[0269] Step 1120: In response to a return operation on the second target container, exit the second content page, display the first target container in the first direction, and display the first content in the first target container.

[0270] Steps 310-1120 are described in detail below.

[0271] The specific implementation process of step 310 to step 330 has been described in detail above, so it will not be repeated here for the sake of saving space.

[0272] In step 1110 , in response to a triggering operation on a second target container, a second content page is displayed.

[0273] The second content page includes target content details corresponding to the target content container.

[0274] When this embodiment is implemented, first, a code program is set in the background of the object terminal, so that the object terminal obtains the object's interaction event with the target content container through the code program, wherein the interaction event includes triggering operations such as clicks. When the target content container is displayed on the first content page in the form of a second target container, the object clicks the second target container on the first content page through the contact body. Then, the object terminal will obtain the object's click event on the target content container, and switch the first content page to the second content page according to the click event, and display the second content page to the object. Among them, the second content page includes the target content details corresponding to the target content container, and compared with the second content of the second target container in the first content page, the second content page will contain more content information of the target content.

[0275] like Fig. 12A As shown, the target content container is displayed on the first content page in the form of a second target container, and the second target container displays the title of the target content "Burn your calories! Before drinking latte, it is recommended to receive this exercise guide first" and three pictures arranged in sequence. At this time, the subject clicks any position of the second target container on the first content page through the contact body.

[0276] like Fig. 12BAs shown, the object terminal displays the second content page in response to the object's click operation on any position of the second target container. The second content page displays the title of the target content and a detailed description of the target content. In addition, the second content page displays a comment input box for filling in comments, a like interaction control for liking the target content, a forward interaction control for forwarding the target content, and a return interaction control for returning from the second content page to the first content page.

[0277] In step 1120 , in response to a return operation on the second target container, the second content page is exited, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0278] In the specific implementation of this embodiment, a series of interactive controls are often provided on the second content page, and the object is used to trigger different interactive events through the interactive controls. Based on this, when the code program is set in the background of the object terminal, the various interactive events between the object and each interactive control on the second content page are obtained through the code program. Then, when it is obtained that the object triggers an event of returning to the first content page on the second content page, the object terminal will exit the second content page, redisplay the first content page, and display the target content container in the form of the first target container.

[0279] It should be noted that the interactive controls include but are not limited to return controls, forward controls, etc. The return control is used to exit the second content page and return to the first content page, and the forward control is used to send the target content details in the second content page to other objects.

[0280] Furthermore, since the target terminal will exit the second content page, when the first content page is redisplayed, the target content container is displayed in the form of the first target container. At this time, compared with the target content container previously displayed in the form of the second target container, the display area of ​​the target content container becomes smaller. Therefore, in the first content page, the content of the browsed area displayed will increase, and the previously disappeared browsed content will be rolled back to the first content page, which can effectively extend the display time of the browsed content.

[0281] like Fig. 12C As shown, after the object has browsed the target content details in the second content page, the object clicks the return interactive control on the second content page through the contact body. Then, the object terminal jumps back to the first content page in response to the object's return operation. At this time, the target content container in the first content page is no longer displayed in the form of the second target container, but is displayed in the form of the first target container. The target content container is only filled with the title of the target content "Burn your calories! Before you drink the latte, it is recommended to accept this exercise guide first."

[0282] like Fig.12D As shown, when the object terminal exits the second content page and redisplays the first content page, after the target content container is displayed in the form of the first target container, the object continues to slide up on the first content page through the touch body, the target content container is always displayed in the form of the first target container, and more new content is gradually displayed at the bottom of the first content page.

[0283] It should be understood that in the embodiments of the present disclosure, when the target content container is displayed in the form of the first target container, the second target container, or the third target container, as long as the object triggers the target content container on the first content page and jumps to the second content page, and then returns from the second content page to the first content page, the target content container is displayed in the form of the first target container. Furthermore, as the object slides along the first direction on the first content page, the target content container is always displayed in the form of the first target container until the target content container touches the edge of the first content page and disappears from the edge of the first content page.

[0284] Through the above steps 310-1120, the embodiment of the present disclosure displays the second content page containing target content details to the object in response to the object's triggering operation on the target content container. Further, in response to the object's return operation on the target content container, after the object browses the target content details of the second content page, the first content page is displayed again, and the target content container is displayed in a smaller area on the first content page, thereby improving the display efficiency of other content.

[0285] The above is a detailed description of steps 310-1120.

[0286] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0287] In step 330 , after the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0288] When adjusting the size of the target content container according to the sliding distance, the target content container can increase the container size by protruding along the first direction or by protruding in the opposite direction of the first direction. However, different methods often result in different display efficiencies of new content. Based on this, the disclosed embodiment provides a solution for changing the container size of the target content container according to the sliding distance, which can increase the amount of content information of the target content container while displaying the new content faster, thereby improving the display efficiency of effective content.

[0289] Combine the following Fig.13 , Fig.14A process of changing the container size of a target content container according to a sliding distance is described in detail.

[0290] like Fig.13 As shown, the first target container is displayed from the first edge of the first content page, and the specific process of displaying the second target container in the first direction may include:

[0291] Step 1310: Make the distance between the first side of the target content container and the first edge consistent with the first sliding distance;

[0292] Step 1320: Make the second edge of the first target container protrude in the first direction, so that the distance between the first edge and the second edge is consistent with the size of the second target container in the first direction;

[0293] Step 1330: Based on the difference between the size of the second target container in the first direction and the size of the first target container in the first direction, translate the content container following the target content container in the first direction along the first direction.

[0294] Steps 1310 - 1330 are described in detail below.

[0295] In step 1310, the first side is the side of the first target container closest to the first edge. Specifically, a code program is set in the background of the object terminal, and the code program is used to instruct that after receiving the first sliding distance, the first side of the first target container is controlled to move so that the distance between the first side of the first target container and the first edge is consistent with the first sliding distance. Then, when the object slides along the first direction on the first content page through the touch body, the object terminal obtains the first sliding distance of the object sliding, and controls the first target container to translate along the first direction so that the distance between the first side of the first target container and the first edge is consistent with the first sliding distance.

[0296] For example, when the object slides 5 cm on the first content page, the object terminal will cause the first target container to move upward, so that the first side of the first target container is 5 cm away from the bottom of the first content page. At this time, the first target container will be displayed at a new height.

[0297] In step 1320, the second side is the side of the first target container opposite to the first side. Specifically, a code program is set in the background of the object terminal, and the code program is used to instruct that after receiving the first sliding distance, the second side of the first target container is controlled to protrude in the first direction. Then, when the object slides in the first direction on the first content page through the touch body, the object terminal obtains the first sliding distance of the object sliding, and controls the first target container to translate in the first direction, so that the distance of the first side of the first target container from the first edge is the same as the first sliding distance, and the second side of the first target container protrudes a certain distance in the first direction.

[0298] For example, the height of the first target container is 5 cm, the height of the second target container is 10 cm, and the second threshold is 5 cm. When the object slides 5 cm on the first content page, the object terminal will cause the first target container to move upward, so that the first side of the first target container is 5 cm away from the bottom of the first content page. At the same time, the second side of the second target container is protruded 5 cm above, and the second target container is displayed on the first content page.

[0299] In step 1330, first, the difference between the size of the second target container in the first direction and the size of the first target container in the first direction is calculated (i.e., the difference between the thickness of the second area and the thickness of the first area is calculated). Then, the target terminal controls the content container after the target content container to translate along the first direction, so that the displacement of the content container after the target content container is not less than the difference between the size of the second target container in the first direction and the size of the first target container in the first direction (the difference between the thickness of the second area and the thickness of the first area).

[0300] like Fig.14 As shown, it is a schematic diagram of translating the first target container upward according to the swipe-up operation of the object. Specifically, first, according to the first sliding distance corresponding to the swipe-up operation, the first side of the first target container close to the bottom of the first content page is moved upward by the first sliding distance, and the first side will reach the actual displacement height of the first side. Furthermore, the first side of the first target container moves upward by the first sliding distance, and the second side of the first target container will theoretically also move upward by the first sliding distance, and the second side will reach the theoretical displacement height of the second side. However, the container size of the target content container will change with the sliding distance, and the second side of the first target container will protrude upward with the sliding operation, and the second side will reach the actual displacement height of the second side. Based on this, the actual displacement amounts of the first side and the second side are different, and the actual displacement amount of the first side is consistent with the first sliding distance, but the actual displacement amount of the second side will be greater than the first sliding distance.

[0301] Through the above steps 1310-1330, in the embodiment of the present disclosure, when the container size of the target content container is changed according to the sliding distance, the distance between the first side of the first target container and the first edge is made consistent with the first sliding distance, and the second side of the first target container is made to protrude along the first direction. This can increase the amount of content information of the target content container while allowing new content to be displayed more quickly, and can also make the browsed content disappear from the first content page more quickly, thereby improving the display efficiency of effective information.

[0302] The above is a detailed description of steps 1310 - 1330 .

[0303] It should be noted that when the target content container changes its display form, it gradually changes with the sliding distance, and does not directly change from being displayed in the first area thickness to being displayed in the second area thickness. Based on this, in one embodiment, the process of displaying the second target container in the first direction includes but is not limited to the following steps:

[0304] If the first target container is displayed on the first content page, obtaining a first sliding distance of the contact in the first direction;

[0305] Making the distance between the first side of the first target container and the first edge consistent with the first sliding distance;

[0306] Make the distance that the second edge of the first target container protrudes in the first direction consistent with the first sliding distance;

[0307] If the first sliding distance of the touch body in the first direction is greater than the second threshold, a second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0308] In the specific implementation of this embodiment, after the target content container is displayed in the form of a first target container on the first content page, the first sliding distance of the touch body in the first direction is obtained in real time. Then, according to the first sliding distance, the target content container is controlled to translate along the first direction, so that the distance between the first side of the first target container and the first edge is the same as the first sliding distance. Furthermore, the distance that the second side of the first target container protrudes along the first direction is consistent with the first sliding distance. At this time, the area thickness of the first target container is between the first area thickness and the second area thickness. At the same time, the first content is replaced with the second content. Since the area thickness of the first target container is less than the second area thickness, only a portion of the second content will be displayed.

[0309] Furthermore, as the object continues to slide on the first content page, the first sliding distance will increase, and the first target container will be controlled to continue to translate along the first direction, so that the distance between the first side of the first target container and the first edge continues to increase, and the distance that the second side protrudes along the first direction continues to increase, until the first sliding distance is greater than the second threshold, the area thickness of the first target container reaches the second area thickness, and the second target container is displayed in the first direction, and the second content is filled in the target content container and displayed completely.

[0310] like Fig.15AAs shown, when the first target container is displayed from the bottom of the first content page and is fully displayed at the first height, the first target container is filled with the content "Burn your calories! Before you drink latte, it is recommended that you accept this exercise guide first". Then, the object slides on the first content page, the bottom of the first target container leaves the bottom of the first content page, and the top of the first target container protrudes upward for a distance, so that the height of the first target container is greater than the first height. At this time, the first target container is filled with the title "Burn your calories! Before you drink latte, it is recommended that you accept this exercise guide first" and three pictures, but only a portion of the three pictures are displayed.

[0311] like Fig. 15B As shown, as the object continues to slide up on the first content page, the first target container continues to move up, and the top of the first target container continues to protrude upward. At this time, the height of the first target container reaches the second height, and the three pictures filled in the first target container are fully displayed. At this time, the conversion from the first target container to the second target container is completed.

[0312] Likewise, the process of displaying the third target container in the first direction includes but is not limited to the following steps:

[0313] After the second target container is displayed on the first content page, continue to obtain a first sliding distance of the contact in the first direction;

[0314] Making the distance between the first side of the second target container and the first edge consistent with the first sliding distance;

[0315] Make the distance that the second edge of the second target container protrudes in the first direction consistent with the first sliding distance;

[0316] If the first sliding distance of the touch body in the first direction is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target content container.

[0317] In the specific implementation of this example, after the target content container is displayed in the form of a second target container on the first content page, the first sliding distance of the touch body in the first direction is continuously obtained. Then, according to the new first sliding distance, the second target container is controlled to translate along the first direction, so that the distance between the first side of the second target container and the first edge is the same as the first sliding distance. Furthermore, the distance that the second side of the second target container protrudes along the first direction is consistent with the first sliding distance. At this time, the area thickness of the second target container is between the second area thickness and the third area thickness. At the same time, the second content is replaced with the third content. Since the area thickness of the second target container is less than the third area thickness, only a portion of the third content will be displayed.

[0318] Furthermore, as the object continues to slide on the first content page, the first sliding distance will increase, and the second target container will be controlled to continue to translate along the first direction, so that the distance between the first side of the second target container and the first edge continues to increase, and the distance that the second edge protrudes along the first direction continues to increase, until the first sliding distance is greater than the first threshold, the area thickness of the second target container reaches the third area thickness, and the third target container is displayed in the first direction, and the third content is filled in the target content container and displayed completely.

[0319] like Fig.16A As shown, when the second target container is displayed at the second height, the second target container is filled with the content "Burn your calories! Before you drink latte, it is recommended to accept this exercise guide first" and three fully displayed pictures. Then, the object slides on the first content page, the second target container continues to move up, and the top of the second target container continues to bulge upward, so that the height of the second target container is greater than the second height. At this time, the second target container is filled with the title "Burn your calories! Before you drink latte, it is recommended to accept this exercise guide first" and a short video, but only a part of the short video is displayed.

[0320] like Fig. 16B As shown, as the object continues to slide up on the first content page, the second target container continues to move up, and the top of the second target container continues to protrude upward. At this time, the height of the second target container reaches the third height, and the video filled in the second target container is displayed completely, thereby realizing the conversion of the second target container to the third target container.

[0321] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0322] In the actual page browsing process, due to personal habits or actual needs, the subject often re-browses the browsed content. When the subject needs to re-browse the browsed content, the browsed content is often rolled back to the content page through a sliding operation. If the target content container is always displayed in a larger area, it will greatly affect the scrolling speed of the browsed content, reducing the content display efficiency. Based on this, the embodiment of the present disclosure provides a solution for adjusting the display form of the target content container based on the sliding operation of the object, which can make the target content container smaller according to the sliding operation of the object, thereby improving the efficiency of returning the browsed content to the first content page.

[0323] Combine the following Fig.17 , Fig.18 The process of adjusting the display form of the target content container based on the sliding operation of the object is described in detail.

[0324] like Fig.17 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0325] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0326] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0327] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0328] Step 510: if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container;

[0329] Step 1710: If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0330] Steps 310-1710 are described in detail below.

[0331] The specific implementation process of step 310 to step 510 has been described in detail above, so it will not be repeated here for the sake of saving space.

[0332] In step 1710, if the third sliding distance in the second direction is greater than the second threshold after the third target container is displayed on the first content page, the second target container is displayed in the first direction, and the second content is displayed in the second target container.

[0333] The second direction is opposite to the first direction. For example, when the first direction is upward, the second direction is downward; when the first direction is leftward, the second direction is rightward.

[0334] The third sliding distance refers to a distance that the touch body moves along the second direction on the first content page after the target content container is displayed with a third zone thickness in the first direction.

[0335] In the specific implementation of this embodiment, after the third target container is displayed on the first content page, as the object passes the third sliding distance of the contact body in the second direction, the third target container will be translated along the second direction. At the same time, the size of the target content container will change, and the area occupied by it in the first content page will be reduced. Specifically, the object terminal obtains the trigger event of the object on the first content page by setting a code program, wherein the trigger event includes a sliding operation and the direction of the sliding operation. Then, after the object terminal receives the event that the object slides along the second direction on the first content page, it will obtain the distance that the object slides along the second direction as the third sliding distance. Further, the object terminal uses the set code program to make the third target container translate along the second direction according to the third sliding distance, and reduce the area thickness of the third target container according to the third sliding distance. Further, the object terminal will also determine whether the third sliding distance is greater than the second threshold. If the third sliding distance is greater than the second threshold, the object terminal displays the second target container in the first direction and displays the second content in the second target content container.

[0336] like Fig.18 As shown, the target content container is displayed on the first content page in the form of a third target container, and the third target container is filled with the title of the target content "Burn your calories! Before having a latte, it is recommended to accept this exercise guide first" and a short video with a duration of 13 seconds. When the object slides down a certain distance on the first content page, the object terminal moves the third target container downward in response to the sliding operation of the object, and makes the top of the third target container concave. When the object slides down a certain distance, the object terminal displays the second target container on the first content page. At this time, the second target container contains the title of the target content "Burn your calories! Before having a latte, it is recommended to accept this exercise guide first" and three pictures.

[0337] Through the above steps 310-1710, in the embodiment of the present disclosure, the object terminal identifies the distance that the object slides along the second direction on the first content page through the touch body, and obtains the third sliding distance. Further, by comparing the third sliding distance with the second threshold value, it is determined whether the sliding operation of the object meets the condition of adjusting the display form of the target content container. When the third sliding distance is greater than the second threshold value, the third target container is transformed into the second target container, and the displayed third content is transformed into the second content, which can effectively reduce the size of the target content container, so that the first content page has more area to display the browsed content, and improve the efficiency of returning the browsed content to the first content page.

[0338] The above is a detailed description of steps 310-1710.

[0339] Detailed description of another method for displaying page content according to an embodiment of the present disclosure

[0340] In order to further improve the speed of returning to the content page after browsing content, the embodiment of the present disclosure also provides a solution for multiple adjustments to the display form of the target content container based on the sliding operation of the object, which can enable the target content container to be transformed in a variety of ways according to the sliding operation of the object, thereby further improving the efficiency of returning to the first content page after browsing content.

[0341] Combine the following Fig.19 , Fig. 20 The process of adjusting the display form of the target content container based on the sliding operation of the object is described in detail.

[0342] like Fig.19 As shown, a page content display method according to another embodiment of the present disclosure may include:

[0343] Step 310: In response to a first sliding operation along a first direction on a first content page, display a content container sequence on the first content page;

[0344] Step 320: When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container;

[0345] Step 330: After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0346] Step 510: if after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container;

[0347] Step 1710: if, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container;

[0348] Step 1910: If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0349] Steps 310-1910 are described in detail below.

[0350] The specific implementation process of step 310 to step 1710 has been described in detail above, so it will not be repeated here for the sake of space saving.

[0351] In step 1910, if the third sliding distance in the second direction is greater than the first threshold after the third target container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0352] In the specific implementation of this embodiment, when the third target container is translated along the second direction and reduced to be displayed as the second target container as the object slides in the second direction through the contact body, as the object continues to slide in the second direction, the second target container will continue to translate along the second direction and continue to be reduced to be displayed as the first target container. Specifically, when the object terminal obtains the sliding event of the object in the second direction on the first content page by setting the code program, it first obtains the sliding distance of the object in the sliding event as the third sliding distance, and through the set code program, the target content container is translated along the second direction according to the third sliding distance, and the area thickness of the third target container is reduced according to the third sliding distance. Further, when the object terminal determines that the third sliding distance is greater than the second threshold, the second target container is displayed on the first content page. Further, after displaying the second target container, the object terminal will also respond to the continued sliding of the object in the second direction, so that the second target container continues to translate and reduce the area thickness, and continuously updates the third sliding distance. When the object terminal determines that the third sliding distance is greater than the first threshold, the second target container will be reduced to the first target container and displayed on the first content page.

[0353] like Fig. 20 As shown, when the object slides down a certain distance on the first content page, the object terminal displays the second target container on the first content page in response to the sliding operation of the object. At this time, the second target container contains the title of the target content "Burn your calories! Before you have a latte, it is recommended to accept this exercise guide" and three pictures. Further, the object continues to slide down on the first content page, and the object terminal moves the second target container downward in response to the sliding operation of the object, and makes the top of the second target container concave. After the object slides down a certain distance, the object terminal displays the first target container on the first content page. At this time, the target content container only contains the title of the target content "Burn your calories! Before you have a latte, it is recommended to accept this exercise guide".

[0354] Through the above steps 310-1910, in the embodiment of the present disclosure, when the target content container is displayed on the first content page, the display form of the content container on the page is adjusted multiple times based on the size of the sliding distance of the object along the second direction, so that the container size and the filled content of the target content container change according to the sliding distance. Specifically, the object terminal will identify the third sliding distance of the object sliding along the second direction on the first content page through the contact body. Further, when the object terminal determines that the third sliding distance is greater than the second threshold, the target content container displayed in the form of the third target container is transformed into the form of the second target container, and the filled third content is transformed into the second content. Further, when the object terminal determines that the third sliding distance is greater than the first threshold, the target content container displayed in the form of the second target container is transformed into the form of the first target container, and the filled second content is transformed into the first content. This method allows the target content container to continuously reduce and streamline the displayed content as the sliding distance of the object in the second direction increases, which can leave more space for the browsed content to return to the first content page, so that more browsed content can be displayed on the first content page, and the efficiency of returning the browsed content to the first content page is improved.

[0355] The above is a detailed description of steps 310-1910.

[0356] Detailed description of the process of generating content in the content container of the present disclosure

[0357] Since the attention level of the content filled in the content container is closely related to the amount of information and effectiveness that the content can provide, if the content filled in the content container is randomly generated or simply combined with various modal information, it often leads to a decrease in information transmission efficiency, which is not conducive to improving the attention level of the content. Based on this, the embodiment of the present disclosure provides a solution for generating the filling content of the content container, which can make the content in the content container take into account multiple forms of expression, effectively improve the quality of the filling content, and thus improve the attention level of the content and the efficiency of information transmission.

[0358] like Fig.21 As shown, in some embodiments, the specific process of generating the first content, the second content, and the third content may include:

[0359] Step 2110: Receive a target resource package of a target content container from a server;

[0360] Step 2120: Generate first content based on the text;

[0361] Step 2130: Generate second content based on the text and the picture;

[0362] Step 2140: Generate third content based on the text and the video.

[0363] Steps 2110-2110 are described in detail below.

[0364] In step 2110 , a target resource bundle of a target content container is received from a server.

[0365] The server refers to the content display platform server 110 described above. The target resource package refers to the related materials required to generate the first content, the second content and the third content in the target content container. The target resource package includes the text, pictures and videos of the target content.

[0366] Since different content containers are filled with different contents, the content to be filled in each content container needs to be generated based on content-related materials. Based on this, when receiving the target resource package of the target content container from the server, the object terminal first sends a resource package acquisition request to the server, and the resource package acquisition request is used to obtain the resource packages of each content container in the content container sequence generated by the server. When the server receives the resource package acquisition request, it will send the resource packages of each content container in the content container sequence to the object terminal in batches. Based on this, the object terminal will receive resource packages of multiple content containers in the content container sequence from the server. Since multiple content containers include the target content container, the resource package includes the target resource package. Therefore, the target resource package of the target content container can be determined from the resource packages of multiple content containers.

[0367] Please refer to Fig. 22 In some embodiments, the resource bundle is generated by the server in the following manner:

[0368] Step 2210: Obtain content container configuration instructions and pre-configured content materials of the content container;

[0369] Step 2220: If the pre-configured content material does not conform to the content container configuration instruction, generate supplementary material based on the pre-configured content material;

[0370] Step 2230: Integrate the pre-configured content material and the supplementary material into a resource package.

[0371] Steps 2210-2230 are described in detail below.

[0372] In step 2210, content container configuration instructions and pre-configured content materials of the content container are obtained.

[0373] It should be noted that the above server refers to the content display platform server 110 described above.

[0374] The content container configuration instruction is used to limit the presentation form of the content to be filled in the content container. The content container includes at least one of the text, picture and video of the content container according to the content container configuration instruction. For example, when the content container configuration instruction indicates that the content container needs to be filled with text, the content container is filled with content in plain text according to the content container configuration instruction.

[0375] The pre-configured content material of the content container refers to the content that needs to be displayed on the page through the content container according to actual needs. The pre-configured content material includes at least one of text, picture and video.

[0376] In the specific implementation of this embodiment, the content container configuration instruction and the pre-configured content material of the content container are often sent to the content configuration platform server by the business side according to actual needs. Based on this, when the content configuration platform server receives the content container configuration instruction and the pre-configured content material of the content container sent by the business side, it will forward the content container configuration instruction and the pre-configured content material of the content container to the content display platform server 110, so that the content display platform server 110 obtains the content container configuration instruction and the pre-configured content material of the content container determined by the business side.

[0377] In step 2220, if the pre-configured content material does not conform to the content container configuration instructions, supplemental material is generated based on the pre-configured content material.

[0378] In the specific implementation of this embodiment, since the content container configuration instruction defines the form of expression of the content to be filled in the content container, and the pre-configured content material includes at least one of text, pictures and videos, there is often a situation where the pre-configured content material is inconsistent with the defined form of expression of the content to be filled. Based on this, it is first necessary to determine the content required for the content container according to the content container configuration instruction. Next, the pre-configured content material is compared with the content required for the content container. If the pre-configured content material is inconsistent with the content required for the content container, it is considered that the pre-configured content material does not comply with the content container configuration instruction. Further, based on the comparison between the pre-configured content material and the content required for the content container, the content material missing from the content container is determined. Finally, supplementary material is generated based on artificial intelligence technology and the pre-configured content material.

[0379] It should be noted that the inconsistency between the pre-configured content material and the content required by the content container includes but is not limited to the following situations:

[0380] (1) Compared with the specified content to be filled, the pre-configured content material lacks one or more contents.

[0381] For example, the content container configuration instruction specifies that the content to be filled in the content container includes text, pictures, and videos. However, the pre-configured content material only includes text, and lacks pictures and videos. Therefore, it is considered that the pre-configured content material is inconsistent with the content required by the content container. It is necessary to generate pictures from the text based on artificial intelligence technology to obtain pictures, and to generate videos from the text based on artificial intelligence technology to obtain videos.

[0382] (2) Compared with the limited content to be filled, the pre-configured content material contains one or more additional contents.

[0383] For example, the content container configuration instruction specifies that the content to be filled in the content container includes text. However, the preconfigured content material includes text and video, with the exception of video. Therefore, it is considered that the preconfigured content material is inconsistent with the content required by the content container. At this point, the content container specified by the content container configuration instruction cannot fully display the preconfigured content material, so the target content container is selected to fill the preconfigured content material. Furthermore, since the content that needs to be filled in the target content container includes text, video and pictures, and the preconfigured content material is still missing pictures. At this point, it is necessary to generate pictures of the text and video based on artificial intelligence technology to obtain the missing pictures.

[0384] It should be noted that the above-mentioned artificial intelligence technology refers to calling a common neural network model to generate pictures, videos, etc. To save space, this embodiment of the present disclosure will not be described in detail.

[0385] In step 2230, the pre-configured content material and the supplementary material are integrated into a resource package.

[0386] In the specific implementation of this embodiment, the pre-configured content material and the supplementary material are first stored in the same folder. Then, the folder is compressed to obtain a material compressed file, and the material compressed file is used as a resource package.

[0387] Furthermore, in order to improve the search efficiency of materials of different modalities, when integrating the preconfigured content materials and the supplementary materials into a resource package, the preconfigured content materials and the supplementary materials can also be integrated into the target material first. Then, extract all the texts in the target material and package them to obtain the first package; extract all the pictures in the target material and package them to obtain the second package; extract all the videos in the target material and package them to obtain the third package. Finally, integrate the first package, the second package and the third package into a resource package. In this way, materials of the same modality are stored in the same compressed package, and materials of different modalities are stored in different compressed packages, which is conducive to distinguishing materials of different modalities and improving the search efficiency of materials.

[0388] Through the above steps 2210-2230, the embodiment of the present disclosure obtains and compares the content container configuration instruction and the pre-configured content material of the content container through the server. When the pre-configured content material does not conform to the content container configuration instruction, it flexibly generates supplementary materials or adjusts the content container to be configured, so that the pre-configured content material can be filled in the content container as much as possible, improving the content comprehensiveness and content quality of the content container, and helping to improve the information display volume and information display efficiency. In addition, the resource package is generated by the server and then provided to each object terminal, which can effectively reduce the resource processing burden of the object terminal.

[0389] The above is a detailed description of steps 2210-2230. Next, step 2120 is described in detail.

[0390] In step 2120, first content is generated based on the text.

[0391] In the specific implementation of this embodiment, text often refers to the expression of written language that describes all the content details of the target content. Since the target content container filled with the first content is displayed with the thickness of the first zone, the display area of ​​the target content container is small. In order to enable the target content to be quickly noticed by the object, the first content needs to clearly and concisely characterize the main information of the target content. Based on this, the embodiment of the present disclosure considers generating the title of the target content based on the text, or the summary of the target content as the first content. Specifically, first, the keywords and key sentences in the text can be extracted through the named entity recognition technology. Then, the keywords are used as the title of the target content, and the key sentences are used as the summary of the target content. Finally, at least one of the title of the target content and the summary of the target content is used as the first content.

[0392] For example, for a long text, the Jieba word segmenter is first used to segment the text to obtain text words. Then, the TF-IDF keyword extraction algorithm is used to filter out the keywords of the text from multiple text words. Finally, the keywords are used as the title of the target content to obtain the first content.

[0393] Through the above-mentioned step 2120, the embodiment of the present disclosure utilizes machine learning and other technologies to extract more important information from the text as the title and summary of the target content, so that the title and summary of the target content can be filled in the target content container as the first content, which can improve the conciseness of the first content and help to improve the attention level of the first content.

[0394] The above is a detailed description of step 2120. Next, step 2130 is described in detail.

[0395] In step 2130 , second content is generated based on the text and the picture.

[0396] In the specific implementation of this example, since the second content is filled in the target content container displayed with the second zone thickness, the target content container has a larger content display area than the target content container displayed with the first zone thickness. In addition to filling the target content container displayed with the second zone thickness with pure text content, you can also consider expanding the display mode of the content, that is, displaying the second content in the form of text and pictures. Specifically, first, extract the title, summary, etc. of the target content from the text as the first sub-content. Then, combine the first sub-content and the picture into the second content. For example, the second content can be in any form of title + picture, title + summary + picture, summary + picture.

[0397] Since the text of the target content is often fixed, and the pictures often include multiple pictures of the target content, firstly, a certain number of pictures are randomly selected from all pictures, and then the randomly selected pictures are combined with the text to form the second content.

[0398] For example, the pictures include 10 pictures of the target content, 3 pictures are randomly selected from the 10 pictures, and the 3 pictures are combined with the title content extracted from the text to obtain the second content.

[0399] Since the text and the picture are randomly combined to form the second content, there is often a problem that the content to be represented by the text and the picture is quite different, which will affect the content quality of the second content. Based on this, the embodiment of the present disclosure provides a solution for combining text and pictures to form the second content based on the matching degree of text and pictures, which can improve the adaptability of pictures and texts in the second content and improve the content quality of the second content.

[0400] like Fig.23 As shown, in some embodiments, the specific process of step 2130 may include:

[0401] In step 2310, the matching degree between the plurality of images and the text is determined;

[0402] In step 2320, second content is generated based on the pictures whose matching degree meets the predetermined condition and the text among the multiple pictures.

[0403] Steps 2310-2320 are described in detail below.

[0404] In step 2310, the matching degree of each image and text can be calculated by artificial intelligence technology. Specifically, first, multiple images and texts are input into a preset image-text matching model, wherein the preset image-text matching model is a neural network model based on a cross-attention mechanism, including a feature extraction layer and an attention mechanism layer. Then, the image is feature extracted by the feature extraction layer of the image-text matching model to obtain the image content information of the image and obtain the image feature vector corresponding to the image; at the same time, the text is feature extracted by the feature extraction layer of the image-text matching model to obtain the text content information of the text and obtain the text feature vector corresponding to the text. Further, the image feature vector is linearly projected by the feature extraction layer of the image-text matching model to obtain a query vector; the text feature vector is linearly projected to obtain a value vector and a key vector. Further, the query vector, the key vector and the value vector are cross-attention calculated by the attention mechanism layer to obtain the visual-semantic similarity, and the visual-semantic similarity is used as the matching degree between the image and the text.

[0405] In step 2320, since the higher the matching degree, the more similar the content information represented by the image and the text is. Based on this, the predetermined condition is set to a matching degree greater than a preset threshold, wherein the preset threshold is determined according to actual needs. Specifically, firstly, the matching degree of each image and text is compared with the preset threshold, and the image with a matching degree greater than the preset threshold is determined as the image whose matching degree meets the predetermined condition. Then, the image and text whose matching degree meets the predetermined condition are combined into the second content.

[0406] Furthermore, since the target content container used to fill the second content is limited in the content that can be displayed, if the number of pictures whose matching degree meets the predetermined condition is large, it may not be possible to fill all the pictures whose matching degree meets the predetermined condition into the target content container. Based on this, the number of pictures in the second content is often preset. When the total number of pictures whose matching degree meets the predetermined condition is greater than the preset number of pictures, a number of pictures are randomly selected from multiple pictures whose matching degree meets the predetermined condition to form the second content; or, a first ranking is generated based on the preset number of pictures, and pictures whose matching degree ranks in the first ranking are selected from multiple pictures whose matching degree meets the predetermined condition to form the second content.

[0407] Through the above steps 2310-2320, the embodiment of the present disclosure uses artificial intelligence technology to calculate the matching degree of each image and text, and screens out images and texts whose matching degrees meet predetermined conditions to constitute the second content, which can make the content information to be represented by the images and texts constituting the second content closer, and can improve the content quality of the second content.

[0408] The above is a detailed description of steps 2310-2320.

[0409] Since even if the content information represented by the image and text of the second content is relatively close, the second content may not be the content that the object is interested in. Simply generating the second content based on the matching degree of the image and the text will still cause the problem of low attention level of the second content. Based on this, the embodiment of the present disclosure provides a solution for generating the second content based on the feedback of each object, which can improve the attention level of the second content, make the second content more easily noticed, and improve the display effectiveness of the second content.

[0410] like Fig.24 As shown, in some other embodiments, the specific process of step 2130 may include:

[0411] In step 2410, a plurality of picture subsets are generated;

[0412] In step 2420, second candidate content is generated based on the text and each image subset;

[0413] In step 2430, the second candidate contents are displayed in the target content container of the first content page of the plurality of platform objects, and feedback of the plurality of platform objects on the plurality of second candidate contents is obtained;

[0414] In step 2440 , based on the feedback, second content is selected from a plurality of second candidate content.

[0415] Steps 2410-2440 are described in detail below.

[0416] In step 2410, the number of pictures required by the second content of the target content container is first obtained. Then, a plurality of pictures are randomly combined according to the number of pictures required by the second content to obtain a plurality of picture subsets. The number of pictures in each picture subset is consistent with the number of pictures required by the second content.

[0417] In step 2420, first, the title, summary, etc. of the target content are extracted from the text as the first sub-content. Then, the first sub-content is combined with each image subset to generate a plurality of second candidate contents.

[0418] In step 2430, feedback refers to various operations generated by the platform object on the second candidate content. Specifically, first, for each platform object, each second candidate content is sequentially displayed in the target content container of the first content page of each platform object, so that each platform object can view all the second candidate content. Further, the trigger operation of each platform object on each second candidate content is obtained. If the platform object has a trigger operation on the second candidate content, a feedback of the platform object on the second candidate content is generated based on the trigger operation.

[0419] In step 2440, since more feedbacks on the second candidate content mean that the platform object triggers the second candidate content more frequently, the second candidate content attracts more attention. Based on this, the second candidate content with the most feedbacks can be used as the second content.

[0420] Through the above steps 2410-2440, the embodiment of the present disclosure combines multiple images into multiple image subsets according to the number of images required by the second content, and generates second candidate content based on the text and each image subset. Furthermore, the feedback of each platform object on different second candidate contents is obtained by displaying the second candidate content on the first content page of each platform object. Thus, the second content can be screened out according to the feedback, which can improve the attention level of the second content, make the second content easier to be paid attention to, and improve the display effectiveness of the second content.

[0421] The above is a detailed description of steps 2410-2440.

[0422] Since the feedback of the platform object to the second candidate content includes positive feedback and negative feedback, positive feedback is an operation generated by the platform object on the second candidate content that helps to increase the exposure of the second candidate content, while negative feedback is an operation that is not conducive to increasing the exposure of the second candidate content. When the platform object is interested in the second candidate content, the platform object will generate a positive feedback operation; and when the second candidate content interferes with the platform object, the platform object will generate a negative feedback operation. Based on this, the embodiment of the present disclosure provides a scheme for determining the second content based on the number of positive feedback platform objects that generate positive feedback on the second candidate content, which can make the determined second content have a higher degree of attention, thereby increasing the exposure of the target content.

[0423] In the specific implementation of this embodiment, when obtaining feedback from multiple platform objects on multiple second candidate contents, for each second candidate content, the number of positive feedback platform objects among the multiple platform objects that provide positive feedback on the second candidate content is determined. For example, operations such as clicking, liking, forwarding, and commenting on the second candidate content by the platform object are all positive feedback on the second candidate content. The number of positive feedback platform objects refers to the total number of platform objects that provide positive feedback on the second candidate content.

[0424] It should be noted that when the platform object provides positive feedback to the second candidate content, the object terminal may receive the object's feedback data on the second candidate content through a preset data collector.

[0425] Since the more positive feedbacks a second candidate content has, it indicates that the second candidate content is more in line with the interest preferences of each object, and the attention level of the second candidate content is higher.

[0426] Based on this, when selecting the second content from a plurality of second candidate contents based on the feedback, the second candidate content with the largest number of positive feedback platform objects is determined as the second content.

[0427] For example, the picture contains four pictures of the target content, which are picture A, picture B, picture C and picture D in sequence. The number of pictures required for the second content of the target content container is three pictures. Based on this, pictures A, picture B, picture C and picture D are randomly combined to obtain picture subset 1: {picture A, picture B, picture C}, picture subset 2: {picture A, picture B, picture D}, picture subset 3: {picture A, picture C, picture D}, picture subset 4: {picture D, picture B, picture C}. Then, four second candidate contents are generated based on these four picture subsets and text, which are second candidate content 1, second candidate content 2, second candidate content 3 and second candidate content 4 in sequence. Further, for 20 platform objects, the second candidate content 1, second candidate content 2, second candidate content 3 and second candidate content 4 are displayed in the target content container of the first content page of each platform object in sequence, so that each platform object can receive the second candidate content 1, second candidate content 2, second candidate content 3 and second candidate content 4. Furthermore, the feedback of these 20 platform objects on the second candidate content is obtained, and the number of platform objects with positive feedback for each second candidate content is counted, and the number of platform objects with positive feedback for the second candidate content 1 is 12, the number of platform objects with positive feedback for the second candidate content 2 is 15, the number of platform objects with positive feedback for the second candidate content 3 is 8, and the number of platform objects with positive feedback for the second candidate content 4 is 4. Based on this, the second candidate content 2 is taken as the second content, wherein the second content consists of text, picture A, picture B, and picture D.

[0428] This method can count the platform objects that provide positive feedback to the second candidate content, obtain the number of platform objects with positive feedback, and select the second candidate content with the largest number of platform objects with positive feedback as the second content, so that the second candidate content with more positive feedback can be used as the second content, making the second content have a higher level of attention, thereby increasing the exposure of the target content.

[0429] Since the positive feedback categories of different objects may vary greatly, if the second content is screened from the second candidate content based solely on the number of positive feedback platform objects, it is still difficult to select the second candidate content with the highest degree of attention as the second content. Based on this, the disclosed embodiment provides a solution for selecting the second content from multiple second candidate contents based on the positive feedback category, which can screen the second candidate content with a higher degree of attention as the second content, thereby improving the degree of attention of the second content.

[0430] In a specific implementation of this embodiment, when feedback from multiple platform objects on multiple second candidate contents is obtained, for each second candidate content, the positive feedback platform objects that provide positive feedback on the second candidate contents and the positive feedback category of each positive feedback platform object are determined among the multiple platform objects, wherein the positive feedback category includes comment feedback, like feedback, and forwarding feedback.

[0431] Comment feedback refers to feedback data generated based on the comment operation of the platform object on the second content in the target content container. Like feedback refers to feedback data generated based on the like operation of the platform object on the second content in the target content container. Forward feedback refers to feedback data generated based on the forwarding operation of the platform object on the second content in the target content container.

[0432] like Fig.25 As shown, in some embodiments, based on the feedback, the specific process of selecting the second content from the plurality of second candidate contents may include:

[0433] In step 2510, based on the first number of positive feedback platform objects that generate comment feedback, a comment score for each second candidate content is determined;

[0434] In step 2520, based on the second number of objects of the positive feedback platform objects that generate like feedback, a like score of each second candidate content is determined;

[0435] In step 2530, based on the third number of objects of the positive feedback platform objects that generate forwarding feedback, a forwarding score of each second candidate content is determined;

[0436] In step 2540, second content is selected from a plurality of second candidate content based on the comment score, the like score, and the forwarding score.

[0437] Steps 2510-2540 are described in detail below.

[0438] In step 2510, the first number of objects refers to the total number of platform objects among multiple platform objects that generate positive feedback categories for the second candidate content, which are comment feedback. Specifically, first, for each second candidate content, the total number of platform objects that have generated comment feedback for this second candidate content among all platform objects is counted to obtain the first number of objects. Then, the first number of objects is divided by the total number of platform objects to obtain the proportion of platform objects that generate comment feedback among all platform objects. Further, this proportion is substituted into a preset function for function calculation to obtain a calculation result. Finally, this calculation result is used as the comment score of the second candidate content. Among them, the preset function is a direct proportional function. In the preset function, the calculation result is the dependent variable, the proportion is the independent variable, and the calculation result increases with the increase of the proportion.

[0439] In step 2520, the second number of objects refers to the total number of platform objects among multiple platform objects that generate positive feedback categories of like feedback for the second candidate content. The specific implementation process of step 2520 is similar to the specific implementation process of step 2510 above. The difference is that step 2520 is to determine the like score of the second candidate content, while step 2510 is to determine the comment score of the second candidate content. To save space, it will not be repeated.

[0440] In step 2530, the third number of objects refers to the total number of platform objects among the multiple platform objects that generate positive feedback categories for the second candidate content, which is forwarding feedback. The specific implementation process of step 2530 is similar to the specific implementation process of the above-mentioned step 2510. The difference is that step 2530 is to determine the forwarding score of the second candidate content, while step 2510 is to determine the comment score of the second candidate content. To save space, it will not be repeated.

[0441] In step 2540, first obtain the first weight of the comment score, the second weight of the like score, and the third weight of the forwarding score. Among them, the first weight is used to characterize the degree of influence of the comment operation of the platform object on the selection of the second content; the first weight is used to characterize the degree of influence of the comment operation of the platform object on the selection of the second content; the first weight is used to characterize the degree of influence of the comment operation of the platform object on the selection of the second content. Then, multiply the first weight and the comment score to obtain the comment weighted score; multiply the second weight and the like score to obtain the like weighted score; multiply the third weight and the forwarding score to obtain the forwarding weighted score. Further, the comment weighted score, the like weighted score, and the forwarding weighted score are summed to obtain the total score of each second candidate content. Finally, according to the total score of the second candidate content, the second content is selected from multiple second candidate contents.

[0442] It should be noted that, according to the total score of the second candidate content, selecting the second content from the plurality of second candidate contents includes but is not limited to the following methods:

[0443] (1) According to the total scores of the second candidate contents, the second candidate content with the largest total score is selected to form the second content;

[0444] (2) Arranging the second candidate contents in descending order according to the total scores of the second candidate contents; during the sorting, randomly selecting one of the second candidate contents ranked in a predetermined front position as the second content.

[0445] Through the above steps 2510-2540, the embodiment of the present disclosure determines the forwarding score, the like score and the comment score of each second candidate content according to the positive feedback of the positive feedback platform object, such as the like feedback, the forwarding feedback and the comment feedback, thereby realizing the multi-dimensional scoring of the second candidate content. Furthermore, the scores of multiple dimensions are integrated by weighted sum to obtain the total score of each second candidate content, so that the second content is selected from the multiple second candidate contents according to the total score, and the second candidate content with a higher degree of attention can be selected as the second content, thereby improving the degree of attention of the second content.

[0446] The above is a detailed description of step 2130. Next, step 2140 is described in detail.

[0447] In step 2140 , third content is generated based on the text and the video.

[0448] When the video contains a video of the target content, a video frame of a predetermined length is directly intercepted from the video to obtain a video clip. The video clip and the title generated based on the text are used as the third content. The predetermined length can be set according to actual conditions without limitation.

[0449] When the video contains multiple videos of the target content, the third content is generated based on the text and the video, but is not limited to the following methods:

[0450] (1) Determining the matching degree between the multiple videos and the text; generating third content based on the pictures and texts in the multiple videos whose matching degree meets the predetermined conditions.

[0451] The specific implementation process of this method is similar to the specific implementation process of the above steps 2310-2320, and will not be described in detail to save space.

[0452] (2) generating multiple video subsets; generating third candidate content based on the text and each video subset; displaying the third candidate content in a target content container of a first content page of multiple platform objects, and obtaining feedback from multiple platform objects on the multiple third candidate content; and selecting a third content from the multiple third candidate content based on the feedback.

[0453] The specific implementation process of this method is similar to the specific implementation process of the above steps 2410-2440, and will not be described in detail to save space.

[0454] Description of the underlying logic configuration of the target content container by the target terminal of the embodiment of the present disclosure

[0455] In order to better control the display form of the target content container on the first content page, the target terminal can perform underlying logic configuration on the target content after the target content container is displayed on the first content page with the first zone thickness, obtain the sliding operation of the object on the first content page through the touch body by setting a data collector, and adjust the position and form of the target content container according to the sliding operation.

[0456] The following describes in detail the process of the target terminal performing underlying logic configuration on the target content in the page content display method of the embodiment of the present disclosure, which process includes but is not limited to the following steps:

[0457] First, define the UI component in the layout file, use the defined UI component as the target content container, and set the code program to obtain the sliding operation of the object on the content page. Specifically, when defining the UI component, define the name, length, width, etc. of the UI component.

[0458] Next, a code program is set to perform event processing on the acquired sliding operation. Specifically, a corresponding touch event is set for the acquired sliding operation.

[0459] Furthermore, a code program is set to update the position and shape of the target content container according to different touch events. Specifically, the position of the target content container is first defined by code. Then, when the trigger event is a downward sliding action, the position of the target content container is adjusted according to the distance of the sliding action. Then, when the trigger event is a moving action, the position of the target content container is adjusted according to the distance generated by the moving action.

[0460] Furthermore, the code is set to achieve the size change of the target content container. Specifically, firstly, the vertical scaling of the target content container is defined by code, and the vertical scaling ratio is set to 1 times scaling, 2 times scaling, etc. Then, the duration of the vertical scaling is set.

[0461] Furthermore, since the target content container will deform with the sliding operation, based on this, the change logic of the target content container is defined based on the code program: the distance between the target content container and the first edge of the first content page is kept consistent with the sliding distance, so that the target content container protrudes along the first direction during the page scrolling and self-deformation process, accelerating the rapid removal of invalid content. Specifically, the object terminal defines a process through code: obtaining the sliding operation of the object, controlling the distance between the first side of the target content container and the first edge of the first content page to be consistent with the sliding distance.

[0462] For example, the target terminal controls the distance of the first side of the target content container away from the first edge of the first content page to be consistent with the sliding distance by defining a method. Specifically, firstly, the layout parameters of the target content container are obtained. Then, the position of the first side of the target content container is updated according to the sliding distance. Finally, the layout parameters of the target content container are reset.

[0463] Furthermore, in order to make the content in the target content container better meet the needs and interests of the object and improve the attention level of the content, it is also necessary to set a code program to obtain the trigger operation of the object and record the relevant feedback data of the trigger operation to the server or local database, so as to update the content in the target content container according to the relevant data of the trigger operation. Specifically, the object terminal first defines a method to send the relevant feedback data of the object to the server, and the method includes: obtaining the relevant feedback data of the object and sending the data to the server. Then, it is defined to receive the relevant feedback data of the object on the server side, analyze the relevant feedback data of the object, update the content in the target content container, and send the new content to the object terminal. Finally, it is defined to receive new content at the object terminal and display the content.

[0464] Furthermore, when the target content container is loaded and displayed in the form of a third target container, before the target content container touches the second edge of the first content page, as the object slides, the sequence frames of the video in the target content container are played. Based on this, the object terminal uses gesture recognition technology to obtain the movement operation of the object, and based on the movement operation, the video sequence frames are played and paused. Specifically, a data collector is first set to obtain the sliding operation of the object. Then, a code program is set to define that the playback of the video sequence frames is controlled according to the trigger event being a sliding operation, and a code program is set to define that the pause of the video sequence frames is controlled according to the trigger event not being a sliding operation.

[0465] Description of the implementation details of the page content display method of the present disclosure embodiment

[0466] Refer to the following Fig.26 , the implementation details of the page content display method of the embodiment of the present disclosure are explained in detail and by way of example.

[0467] When it is necessary to display key content to the object, the business side first selects the information framework and content material on the configuration platform server 160, and the configuration platform server 160 generates a content container configuration instruction based on the selected information framework, and generates a pre-configured content material of the content container based on the content material. Further, the configuration platform server 160 sends the pre-configured content material and the content container configuration instruction to the content display platform server 110. Further, the content display platform server 110 determines whether the configured material content overflows by judging whether the pre-configured content material conforms to the content container configuration instruction. If the pre-configured content material conforms to the content container configuration instruction, it is considered that the configured material content does not overflow, and the selected information framework is used to deliver the content material. If the pre-configured content material does not conform to the content container configuration instruction, it is considered that the configured material content overflows, and it is determined to use the target content container as a dynamic container for content delivery. At the same time, according to the content to be filled in the target content container, a prompt is given to supplement the material, and the configuration content of the pre-configured content material is marked. Furthermore, the content display platform server 110 also generates supplementary materials based on the preconfigured content materials, and generates a resource package based on the supplementary materials and the preconfigured content materials. For the specific implementation process, refer to the above steps 2210 to 2230.

[0468] Furthermore, the target terminal 140 sends a request and a resource designation instruction to the content display platform server 110. The content display platform server 110 sends a resource package according to the request and instruction of the target terminal 140.

[0469] Furthermore, the target terminal 140 prepares the framework of the key content with the received resource package, and organizes the content of the resource package into different content forms through the background. Among them, the resources include the text, pictures, and videos of the key content. Specifically, based on the text, the first content is generated; based on the text and the picture, the second content is generated; based on the text and the video, the third content is generated. The specific implementation process refers to the above steps 2210 to 2230.

[0470] Further, when the object terminal 140 recognizes that the key delivery content is sent, the key delivery content is filled in the dynamic container of the target content container. In response to the sliding of the object on the displayed first content page through the touch body, the object terminal 140 opens the primary form of the dynamic container and displays the first target container (i.e., the primary form of the dynamic container) on the first content page. At this time, the dynamic container in the primary form displays the first content. For the specific implementation process, refer to the above steps 310 to 320. Then, the object continues to slide up on the first content page through the touch body. The object terminal 140 identifies the screen sliding distance data of the object. When the sliding distance exceeds the height of the primary form, the transition form of the dynamic container is activated, and the second target container (i.e., the transition form of the dynamic container) is displayed on the first content page. At this time, the second content is displayed in the dynamic container in the transition form. For the specific implementation process, refer to the above step 330. Further, the object continues to slide up on the first content page through the touch body. The object terminal 140 identifies the object sliding screen distance data. When the transition form of the dynamic container is loaded and displayed completely, the complete form of the dynamic container is activated, and the third target container (i.e., the complete form of the dynamic container) is displayed on the first content page. At this time, the third content is displayed in the complete form of the dynamic container. For the specific implementation process, refer to the above step 510.

[0471] Furthermore, the object continues to slide up on the first content page through the touch body. The object terminal 140 identifies the screen sliding distance data of the object, and plays the video sequence frames as the object slides before the dynamic container reaches the top. The specific implementation process refers to the above step 910.

[0472] Furthermore, when the complete form of the dynamic container reaches the top of the information area on the first content page, the transition form and the primary form of the dynamic container are rolled back and called. The specific implementation process refers to the above steps 701 to 810.

[0473] Furthermore, when various forms of dynamic containers are displayed on the first content page, the object can generate various feedbacks on the content of the dynamic container. The object terminal 140 will recognize the object's behavioral feedback and upload the relevant feedback data to the content display platform server 110, so that the content display platform server 110 can record the returned feedback data through machine learning and other methods, and modify the used materials.

[0474] Detailed description of the interaction process between the object and the terminal

[0475] Refer to the following Fig. 27 , describing in detail a specific usage process of the page content display method of an embodiment of the present disclosure, which process includes but is not limited to the following steps 2701 to 2725.

[0476] Step 2701, the content configuration platform server 160 sends a content container configuration instruction and pre-configured content materials of the content container to the content display platform server 110;

[0477] Step 2702: The content display platform server 110 determines whether the pre-configured content material conforms to the content container configuration instruction. If the pre-configured content material does not conform to the content container configuration instruction, the content display platform server 110 generates supplementary material based on the pre-configured content material.

[0478] Step 2703: the content display platform server 110 integrates the pre-configured content material and the supplementary material into a resource package;

[0479] Step 2704: the content display platform server 110 sends the resource package of the target content container to the target terminal 140;

[0480] Step 2705: The target terminal 140 generates a first content based on the text, generates a second content based on the text and the picture, and generates a third content based on the text and the video;

[0481] Step 2706: Object A slides up on the first content page of the object terminal 140;

[0482] Step 2707: In response to the upward sliding operation of the object A, the object terminal 140 displays a content container sequence on the first content page;

[0483] Step 2708: Object A continues to slide up on the first content page;

[0484] Step 2709: the target terminal 140 displays the first target container from the bottom of the first content page, and displays the first content in the first target container;

[0485] Step 2710: Object A continues to slide upward on the first content page, so that the first sliding distance is greater than the second threshold;

[0486] Step 2711: The target terminal 140 displays the second target container and displays the second content in the second target container;

[0487] Step 2712: Object A continues to slide upward on the first content page, so that the first sliding distance is greater than the first threshold;

[0488] Step 2713: the target terminal 140 displays the third target content container, and displays the third content in the third target content container;

[0489] Step 2714: Object A continues to slide up on the first content page;

[0490] Step 2715: the target terminal 140 plays the video in the third target container in response to the detected sliding operation;

[0491] Step 2716: the target terminal 140 stops playing the video in response to the detected sliding stop;

[0492] Step 2717: Object A continues to slide up on the first content page;

[0493] Step 2718: The target terminal 140 recognizes that in response to the upward sliding operation on the first content page, the third target container reaches the top of the first content page;

[0494] Step 2719: Object A continues to slide upward on the first content page, so that the second sliding distance is greater than the second threshold;

[0495] Step 2720: the target terminal 140 displays the second target container and fills the second content in the second target container;

[0496] Step 2721, object A clicks to trigger the second target container;

[0497] Step 2722: The target terminal 140 sends feedback data generated based on the click operation to the content display platform server 110;

[0498] Step 2723: The object terminal 140 displays the second content page to the object A;

[0499] Step 2724: Object A browses the second content page and clicks the return button;

[0500] Step 2725: The target terminal 140 displays the first target container, and displays the first content in the first target container.

[0501] It can be understood that the specific process of steps 2701-2703 is similar to steps 2210-2230 in the above embodiment. The specific process of steps 2704-2705 is similar to steps 2110-2110 in the above embodiment. The specific process of steps 2706-2713 is similar to steps 310-510 in the above embodiment. The specific process of steps 2714-2716 is similar to steps 910-920 in the above embodiment. The specific process of steps 2717-2720 is similar to steps 710-720 in the above embodiment. The specific process of steps 2721-2725 is similar to steps 1110-1120 in the above embodiment. In order to save space, it will not be repeated here.

[0502] Description of the apparatus and device of the present disclosure

[0503] It is to be understood that, although the steps in the above-mentioned flowcharts are sequentially displayed according to the characterization of arrows, these steps are not necessarily executed in sequence according to the order of arrow characterization. Unless there is a clear description in the present embodiment, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a portion of the steps in the above-mentioned flowcharts can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a portion of the steps or stages in other steps.

[0504] It should be noted that in each specific implementation of the present application, when it comes to the need to perform relevant processing based on data related to the characteristics of the target object such as the target object attribute information or attribute information set, the permission or consent of the target object will be obtained first, and the collection, use and processing of these data will comply with relevant laws, regulations and standards. In addition, when the embodiment of the present application needs to obtain the attribute information of the target object, the separate permission or separate consent of the target object will be obtained through a pop-up window or jump to a confirmation page. After clearly obtaining the separate permission or separate consent of the target object, the necessary target object-related data used to enable the normal operation of the embodiment of the present application is obtained.

[0505] Fig.28 The schematic diagram of the structure of the page content display device 2800 provided in the embodiment of the present disclosure. The page content display device 2800 includes:

[0506] A first display unit 2810, configured to display a content container sequence on the first content page in response to a first sliding operation along a first direction on the first content page, the content container sequence including a target content container;

[0507] The second display unit 2820 is configured to display the first target container in the first direction and display the first content in the first target container when the target content container is displayed on the first content page;

[0508] The third display unit 2830 is used to display a second target container in the first direction in response to a second sliding operation in the first direction after displaying the first target container on the first content page, and to display the second content in the second target container, wherein the size of the second target container is larger than the size of the first target container, and the size of the second content is larger than the size of the first content.

[0509] Optionally, the page content display device further includes a fourth display unit (not shown), and the fourth display unit (not shown) is specifically used to:

[0510] If, after the second target container is displayed on the first content page, the first sliding distance indicated by the second sliding operation is greater than the first threshold, a third target container is displayed in the first direction, and the third content is displayed in the third target container, wherein the size of the third target container is greater than the size of the second target container, and the size of the third content is greater than the size of the second content.

[0511] Optionally, the first target container is displayed from the first edge of the first content page; the page content display device further includes a fifth display unit (not shown), and the fifth display unit (not shown) is specifically used to:

[0512] recognizing that in response to the swipe in the first direction, the third target container contacts a second edge of the first content page, wherein the second edge is opposite to the first edge;

[0513] If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than a second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container, wherein the second threshold is less than the first threshold.

[0514] Optionally, the page content display device further includes a sixth display unit (not shown), and the sixth display unit (not shown) is specifically used to:

[0515] If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0516] Optionally, the third content includes a video of the target content of the target content container; the page content display device further includes a seventh display unit (not shown), and the seventh display unit (not shown) is specifically used to:

[0517] In response to detecting a slide in the first direction, playing the video in a third target container;

[0518] In response to detecting that the slide stops, playing of the video stops.

[0519] Optionally, the page content display device further includes a generating unit (not shown), and the generating unit (not shown) specifically includes:

[0520] A receiving subunit (not shown), configured to receive a target resource package of a target content container from a server, wherein the target resource package includes text, pictures and videos of the target content;

[0521] A first generating subunit (not shown), configured to generate first content based on the text;

[0522] A second generating subunit (not shown), configured to generate second content based on the text and the picture;

[0523] The third generating subunit (not shown) is used to generate third content based on text and video.

[0524] Optionally, a receiving subunit (not shown) is specifically configured to: receive resource packages of a plurality of content containers in a content container sequence from a server, the plurality of content containers including a target content container, the resource packages including a target resource package, and the content container including at least one of text, picture and video of the content container according to the content container configuration instruction;

[0525] Resource packs are generated by the server in the following ways:

[0526] Obtaining a content container configuration instruction and pre-configured content material of the content container, where the pre-configured content material includes at least one of text, picture, and video;

[0527] If the pre-configured content material does not conform to the content container configuration instructions, generating supplemental material based on the pre-configured content material;

[0528] Combine preconfigured content assets with supplementary assets into resource packs.

[0529] Optionally, the picture includes multiple pictures of the target content;

[0530] The second generation subunit (not shown) is specifically used for:

[0531] Determine the matching degree of multiple images and text;

[0532] The second content is generated based on the pictures whose matching degree meets the predetermined condition and the text among the multiple pictures.

[0533] Optionally, the picture includes multiple pictures of the target content;

[0534] The second generation subunit (not shown) specifically includes:

[0535] A picture generating subunit (not shown), configured to generate a plurality of picture subsets, each picture subset including a portion of pictures selected from the plurality of pictures;

[0536] A candidate content generating subunit (not shown), configured to generate second candidate content based on the text and each image subset;

[0537] A feedback acquisition subunit (not shown), configured to display the second candidate content in the target content container of the first content page of the plurality of platform objects, and acquire feedback from the plurality of platform objects on the plurality of second candidate content;

[0538] A selection subunit (not shown) is configured to select a second content from a plurality of second candidate contents based on the feedback.

[0539] Optionally, a feedback acquisition subunit (not shown) is used to:

[0540] For each second candidate content, determining the number of positive feedback platform objects that provide positive feedback to the second candidate content among the plurality of platform objects;

[0541] A selection subunit (not shown) is used to:

[0542] The second candidate content with the largest number of positive feedback platform objects is determined as the second content.

[0543] Optionally, a feedback acquisition subunit (not shown) is used to:

[0544] For each second candidate content, determining a positive feedback platform object that provides positive feedback to the second candidate content, and a positive feedback category of each positive feedback platform object, among the plurality of platform objects, wherein the positive feedback category includes comment feedback, like feedback, and forward feedback;

[0545] A selection subunit (not shown) is used to:

[0546] Determining a review score for each second candidate content based on a first number of positive feedback platform objects that generate review feedback;

[0547] Determining a like score for each second candidate content based on the number of second objects of the positive feedback platform object that generates like feedback;

[0548] Determining a forwarding score of each second candidate content based on the number of third objects of the positive feedback platform objects that generate forwarding feedback;

[0549] Based on the comment score, the like score, and the forwarding score, the second content is selected from the plurality of second candidate contents.

[0550] Optionally, the page content display device further includes an eighth display unit (not shown), and the eighth display unit (not shown) is specifically used for:

[0551] In response to the triggering operation on the second target container, displaying a second content page, the second content page including target content details corresponding to the target content container;

[0552] In response to a return operation on the second target container, the second content page is exited, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0553] Optionally, the first target container is displayed from a first edge of the first content page; the third display unit 2830 is specifically used to:

[0554] Making the distance between the first side of the first target container and the first edge consistent with the first sliding distance, wherein the first side is the side of the first target container closest to the first edge;

[0555] Protrude the second side of the first target container along the first direction so that the distance between the first side and the second side is consistent with the size of the second target container in the first direction, wherein the second side is the side of the target content container opposite to the first side;

[0556] Based on the difference between the size of the second target container in the first direction and the size of the first target container in the first direction, the content container following the target content container in the first direction is translated along the first direction.

[0557] Optionally, the page content display device further includes a ninth display unit (not shown), and the ninth display unit (not shown) is specifically used for:

[0558] If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container, wherein the second direction is opposite to the first direction.

[0559] Optionally, the page content display device further includes a tenth display unit (not shown), and the tenth display unit (not shown) is specifically used for:

[0560] If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

[0561] Reference Fig.29 , Fig.29 The structural block diagram of the terminal part for implementing the page content display method of the embodiment of the present disclosure includes: a radio frequency (RF) circuit 2910, a memory 2915, an input unit 2930, a display unit 2940, a sensor 2950, ​​an audio circuit 2960, a wireless fidelity (WiFi) module 2970, a processor 2980, and a power supply 2990. Those skilled in the art can understand that Fig.29 The terminal structure shown does not constitute a limitation on the mobile phone or computer, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0562] RF circuit 2910 can be used for receiving and sending signals during information transmission or calls. In particular, after receiving the downlink information from the base station, it is sent to processor 2980 for processing; in addition, the designed uplink data is sent to the base station.

[0563] The memory 2915 may be used to store software programs and modules. The processor 2980 executes various functional applications and data processing of the target terminal by running the software programs and modules stored in the memory 2915 .

[0564] The input unit 2930 may be used to receive input digital or character information and generate key signal input related to the setting and function control of the target terminal. Specifically, the input unit 2930 may include a touch panel 2931 and other input devices 2932.

[0565] The display unit 2940 may be used to display input information or provided information and various menus of the target terminal. The display unit 2940 may include a display panel 2941.

[0566] The audio circuit 2960, the speaker 2961, and the microphone 2962 may provide an audio interface.

[0567] In this embodiment, the processor 2980 included in the terminal can execute the page content display method of the previous embodiment.

[0568] The terminals of the embodiments of the present disclosure include but are not limited to mobile phones, computers, intelligent voice interaction devices, smart home appliances, vehicle terminals, aircraft, etc. The embodiments of the present invention can be applied to various scenarios, including but not limited to data security, blockchain, data storage, information technology, etc.

[0569] Fig.30 A block diagram of the structure of a portion of a server for implementing the page content display method of an embodiment of the present disclosure. The server may have relatively large differences due to different configurations or performances, and may include one or more central processing units (CPUs) 3022 (for example, one or more processors) and memory 3032, and one or more storage media 3030 (for example, one or more mass storage devices) storing application programs 3042 or data 3044. Among them, the memory 3032 and the storage medium 3030 can be short-term storage or permanent storage. The program stored in the storage medium 3030 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations on the server. Furthermore, the central processing unit 3022 can be configured to communicate with the storage medium 3030 and execute a series of instruction operations in the storage medium 3030 on the server.

[0570] The server may also include one or more power supplies 3030, one or more wired or wireless network interfaces 3050, one or more input and output interfaces 3058, and / or one or more operating systems 3041, such as Windows ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.

[0571] The central processor 3022 in the server can be used to execute the page content display method of the embodiment of the present disclosure.

[0572] The embodiments of the present disclosure also provide a computer-readable storage medium, which is used to store program codes, and the program codes are used to execute the page content display methods of the aforementioned embodiments.

[0573] The embodiment of the present disclosure also provides a computer program product, which includes a computer program. A processor of a computer device reads and executes the computer program, so that the computer device executes and implements the above-mentioned page content display method.

[0574] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present disclosure described herein can, for example, be implemented in an order other than those illustrated or described herein. In addition, the terms "comprises" and "comprising" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0575] It should be understood that in the present disclosure, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0576] It should be understood that in the description of the embodiments of the present disclosure, the meaning of multiple (or multiple items) is more than two, greater than, less than, exceed, etc. are understood to not include the number, and above, below, within, etc. are understood to include the number.

[0577] In the several embodiments provided in the present disclosure, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.

[0578] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0579] In addition, each functional unit in each embodiment of the present disclosure may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0580] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present disclosure is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the various embodiments of the present disclosure. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory, referred to as ROM), random access memory (Random Access Memory, referred to as RAM), disk or optical disk and other media that can store program codes.

[0581] It should also be understood that the various implementations provided in the embodiments of the present disclosure can be combined arbitrarily to achieve different technical effects.

[0582] The above is a specific description of the implementation methods of the present disclosure, but the present disclosure is not limited to the above implementation methods. Technical personnel familiar with the art can also make various equivalent modifications or substitutions without violating the spirit of the present disclosure. These equivalent modifications or substitutions are all included in the scope defined by the claims of the present disclosure.

Claims

1. A method for displaying page content, characterized in that: include: In response to a first sliding operation along a first direction on the first content page, displaying a content container sequence on the first content page, the content container sequence including a target content container; When the target content container is displayed on the first content page, the first target container is displayed in the first direction, and the first content is displayed in the first target container; After the first target container is displayed on the first content page, in response to a second sliding operation in the first direction, a second target container is displayed in the first direction, and second content is displayed in the second target container, wherein a size of the second target container is larger than a size of the first target container, and a size of the second content is larger than a size of the first content.

2. The page content display method according to claim 1, characterized in that: After displaying the second target container in the first direction and displaying the second content in the second target container, the page content display method further includes: If, after the second target container is displayed on the first content page, a first sliding distance indicated by the second sliding operation is greater than a first threshold, a third target container is displayed in the first direction, and third content is displayed in the third target container, wherein a size of the third target container is greater than a size of the second target container, and a size of the third content is greater than a size of the second content.

3. The page content display method according to claim 2, characterized in that: The first target container is displayed from a first edge of the first content page; After displaying the third target container in the first direction and displaying the third content in the third target container, the page content display method further includes: recognizing that in response to the sliding in the first direction, the third target container contacts a second edge of the first content page, wherein the second edge is opposite to the first edge; If, after the third target container contacts the second edge of the first content page, a second sliding distance in the first direction is greater than a second threshold, the second target container is displayed in the first direction, and the second content is displayed in the second target container, wherein the second threshold is less than the first threshold.

4. The page content display method according to claim 3, characterized in that: After displaying the second target container in the first direction and displaying the second content in the second target container, the page content display method further includes: If, after the third target container contacts the second edge of the first content page, the second sliding distance in the first direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

5. The page content display method according to claim 2, characterized in that: The third content includes a video of the target content of the target content container; After displaying the third target container in the first direction and displaying the third content in the third target container, the page content display method further includes: In response to detecting a slide in the first direction, playing the video in the third target container; In response to detecting that the sliding stops, the video stops playing.

6. The page content display method according to claim 2, characterized in that: The first content is the text of the target content of the target content container, the second content is the text and the picture of the target content, and the third content is the text and the video of the target content.

7. The page content display method according to claim 6, characterized in that: In response to a first sliding operation along a first direction on the first content page, before displaying a content container sequence on the first content page, the page content display method further includes: Receive a target resource package of the target content container from a server, where the target resource package includes the text, the picture and the video of the target content; Based on the text, generate the first content; Generate the second content based on the text and the picture; The third content is generated based on the text and the video.

8. The page content display method according to claim 7, characterized in that: The receiving the target resource package of the target content container from the server comprises: receiving resource packages of multiple content containers in the content container sequence from the server, the multiple content containers including the target content container, the resource packages including the target resource package, and the content container including at least one of the text, the picture and the video of the content container according to the content container configuration instruction; The resource package is generated by the server in the following manner: Acquire the content container configuration instruction and the pre-configured content material of the content container, wherein the pre-configured content material includes at least one of the text, the picture and the video; If the pre-configured content material does not conform to the content container configuration instructions, generating supplemental material based on the pre-configured content material; The preconfigured content material and the supplementary material are integrated into the resource package.

9. The method for displaying page content according to claim 7, characterized in that: The picture includes a plurality of pictures of the target content; The generating the second content based on the text and the picture includes: Determining a degree of matching between the plurality of images and the text; The second content is generated based on the pictures whose matching degree meets a predetermined condition among the multiple pictures and the text.

10. The method for displaying page content according to claim 7, characterized in that: The picture includes a plurality of pictures of the target content; The generating the second content based on the text and the picture includes: Generate a plurality of picture subsets, each of the picture subsets including a portion of pictures selected from the plurality of pictures; Generate second candidate content based on the text and each of the image subsets; Displaying the second candidate content in the target content container of the first content page of multiple platform objects, and obtaining feedback from multiple platform objects on multiple second candidate content; Based on the feedback, the second content is selected from a plurality of the second candidate contents.

11. The method for displaying page content according to claim 10, characterized in that: The obtaining feedback from the plurality of platform objects on the plurality of second candidate contents includes: for each of the second candidate contents, determining the number of positive feedback platform objects among the plurality of platform objects that provide positive feedback on the second candidate contents; The selecting the second content from a plurality of second candidate contents based on the feedback includes: determining the second candidate content having the largest number of positive feedback platform objects as the second content.

12. The method for displaying page content according to claim 10, characterized in that: The obtaining feedback from the plurality of platform objects on the plurality of second candidate contents includes: For each of the second candidate contents, determining a positive feedback platform object that provides positive feedback to the second candidate contents from among the plurality of platform objects, and a positive feedback category of each of the positive feedback platform objects, wherein the positive feedback category includes comment feedback, like feedback, and forward feedback; The selecting the second content from a plurality of second candidate contents based on the feedback includes: Determining a review score for each of the second candidate contents based on a first number of positive feedback platform objects that generate the review feedback; Determining a like score for each of the second candidate contents based on the second number of objects of the positive feedback platform that generate the like feedback; determining a forwarding score of each of the second candidate contents based on the third number of positive feedback platform objects that generate the forwarding feedback; The second content is selected from a plurality of second candidate contents based on the comment score, the like score, and the forwarding score.

13. The page content display method according to claim 1, characterized in that: After displaying the second target container in the first direction and displaying the second content in the second target container, the page content display method further includes: In response to a triggering operation on the second target container, displaying a second content page, the second content page including target content details corresponding to the target content container; In response to a return operation on the second target container, the second content page is exited, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

14. The method for displaying page content according to claim 1, characterized in that: The first target container is displayed from a first edge of the first content page; The displaying the second target container in the first direction includes: Making the distance between a first side of the first target container and the first edge consistent with the first sliding distance indicated by the second sliding operation, wherein the first side is the side of the first target container closest to the first edge; Produce a second edge of the first target container to protrude along the first direction, so that a distance between the first edge and the second edge is consistent with a size of the second target container in the first direction, wherein the second edge is an edge of the first target container opposite to the first edge; Based on a difference between a size of the second target container in the first direction and a size of the first target container in the first direction, a content container following the target content container in the first direction is translated along the first direction.

15. The method for displaying page content according to claim 3, characterized in that: After displaying the third target container in the first direction and displaying the third content in the third target container, the page content display method further includes: If, after the third target container is displayed on the first content page, a third sliding distance in a second direction is greater than the second threshold, the second target container is displayed in the first direction, and second content is displayed in the second target container, wherein the second direction is opposite to the first direction.

16. The method for displaying page content according to claim 15, characterized in that: After displaying the second target container in the second direction and displaying the second content in the second target container, the page content display method further includes: If, after the third target container is displayed on the first content page, the third sliding distance in the second direction is greater than the first threshold, the first target container is displayed in the first direction, and the first content is displayed in the first target container.

17. A page content display device, characterized in that: The page content display device comprises: a first display unit, configured to display a content container sequence on the first content page in response to a first sliding operation along a first direction on the first content page, the content container sequence including a target content container; a second display unit, configured to display the first target container in the first direction and display the first content in the first target container when the target content container is displayed on the first content page; a third display unit, configured to display a second target container in the first direction in response to a second sliding operation in the first direction after displaying the first content container on the first content page, and to display second content in the second target container, wherein a size of the second target container is larger than a size of the first target container, and a size of the second content is larger than a size of the first content.

18. An electronic device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the page content display method according to any one of claims 1 to 16 is implemented.

19. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the page content display method according to any one of claims 1 to 16 is implemented.

20. A computer program product, comprising a computer program, wherein the computer program is read and executed by a processor of a computer device, so that the computer device executes the page content display method according to any one of claims 1 to 16.

Images