Page interaction method and device, equipment, medium and program product

Abstract

The embodiment of the invention provides a page interaction method and device, equipment, a medium and a program product. The method comprises the steps that candidate media data are displayed in a first page, and the candidate media data comprise image-text content; in response to a trigger operation of target media data in the candidate media data, displaying a second page, and displaying content information of the target media data in the second page; and in response to the sliding operation of the second page, displaying the target recommendation data corresponding to the target media data in the second page, so that media data switching can be directly realized in the second page without returning to the first page to execute the media data switching operation, the data switching process is simplified, and the data switching efficiency is improved after the media data switching is executed. The media data displayed in the second page is the recommended data corresponding to the target media data, so that the media data in which the user is interested is continuously displayed, and the user experience is improved.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to computer technology, and more particularly to a page interaction method, apparatus, device, medium, and program product. Background Art

[0002] With the advancement of computer technology, content recommendation has become a key feature in social, information, and video applications. This feature allows users to identify recommended content and display multiple recommendations on a recommendation page. However, due to page size limitations, the recommendation page can only display a small amount of information about each recommended item. Users must click on a recommended item to access the content details page to view detailed information. However, if users want to switch to another recommended item, they must return to the recommended homepage from the content details page before they can switch, resulting in a poor user experience. Summary of the Invention

[0003] The embodiments of the present disclosure provide a page interaction method, apparatus, device, medium, and program product, which can optimize the page interaction mode of recommended content.

[0004] In a first aspect, an embodiment of the present disclosure provides a page interaction method, including:

[0005] Displaying candidate media data on the first page, wherein the candidate media data includes graphic and text content;

[0006] In response to a triggering operation of target media data among the candidate media data, displaying a second page, and displaying content information of the target media data on the second page;

[0007] In response to a sliding operation on the second page, target recommendation data corresponding to the target media data is displayed on the second page.

[0008] In a second aspect, an embodiment of the present disclosure further provides a page interaction device, the device comprising:

[0009] A first display module, configured to display candidate media data on a first page, wherein the candidate media data includes graphic and text content;

[0010] A second display module, configured to display a second page in response to a triggering operation of target media data among the candidate media data, and to display content information of the target media data on the second page;

[0011] The third display module is configured to display target recommendation data corresponding to the target media data on the second page in response to a sliding operation on the second page.

[0012] In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

[0013] one or more processors;

[0014] a storage device for storing one or more programs,

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the page interaction method as described in any embodiment of the present disclosure.

[0016] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer-executable instructions, which, when executed by a computer processor, are used to execute the page interaction method as described in any embodiment of the present disclosure.

[0017] In a fifth aspect, an embodiment of the present disclosure further provides a computer program product, including a computer program, which, when executed by a processor, implements the page interaction method as described in any embodiment of the present disclosure.

[0018] The disclosed embodiments provide a page interaction method, which displays candidate media data on a first page, displays a second page in response to a triggering operation of target media data in the candidate media data, displays content information of the target media data on the second page, and displays target recommended data corresponding to the target media data on the second page in response to a sliding operation on the second page. Media data switching can be directly implemented on the second page without returning to the first page to perform the media data switching operation, thereby simplifying the data switching process. After the media data switching is performed, the media data displayed on the second page is the recommended data corresponding to the target media data, thereby realizing continuous display of media data that the user is interested in, and improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 A schematic diagram of a flow chart of a page interaction method provided by an embodiment of the present disclosure;

[0021] Figure 2 A schematic diagram of a first page provided by an embodiment of the present disclosure;

[0022] Figure 3 A schematic diagram of a second page provided by an embodiment of the present disclosure;

[0023] Figure 4 A schematic diagram of another second page provided by an embodiment of the present disclosure;

[0024] Figure 5 A schematic diagram of a flow chart of a page interaction method provided by an embodiment of the present disclosure;

[0025] Figure 6 A schematic diagram of a candidate media data preloading process in a page interaction method provided by an embodiment of the present disclosure;

[0026] Figure 7 A schematic diagram of the structure of a page interaction device provided in an embodiment of the present disclosure

[0027] Figure 8 A schematic structural diagram of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0028] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0029] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0030] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0031] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0032] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0033] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0034] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0035] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0036] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0037] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0038] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0039] Figure 1 This is a flow chart of a page interaction method provided by an embodiment of the present disclosure. This embodiment of the present disclosure is applicable to scenarios involving the processing of graphic content, such as browsing, commenting, liking, adding to favorites, or creating secondary works of graphic content. This method can be executed by a page interaction device, which can be implemented in software and / or hardware, and optionally by an electronic device such as a mobile terminal, PC, or server.

[0040] like Figure 1 As shown, the method includes:

[0041] S110: Display candidate media data on a first page, wherein the candidate media data includes graphic and text content.

[0042] Among them, the first page is used to display multiple candidate media data. Specifically, the first page is a functional page composed of multiple cards. A card can be a page element that can carry content such as images, titles, and text. The size of the card is not limited to a fixed size, but is a retractable container. Each card can be used to display one candidate media data. For example, the first page includes a recommendation page or a search results page. The candidate media data represents media data available for user consumption. For example, the candidate media data includes at least one of an editing template, a sharing post, a promotional post, and a topic. Optionally, the topic represents a collection of graphic and text content on the same subject.

[0043] Exemplarily, displaying the candidate media data on the first page includes: displaying at least two columns of the candidate media data on the first page.

[0044] Figure 2 This is a schematic diagram of a first page provided by an embodiment of the present disclosure. Figure 2 As shown, multiple candidate media data 220 are displayed in double rows on the first page 210. The candidate media data 220 include graphic content of types such as editing templates, sharing posts, promotional posts and topics. Figure 2 As shown, the candidate media data 220 currently displayed includes editing template A, editing template B, sharing post C, promotional post D, topic R, promotional post E, sharing post G and editing template T.

[0045] Optionally, if the candidate media data includes an editing template, and the editing template includes a single template image, the template image, title, author information, and a first control are displayed on the first page. The first control is used to trigger a template format that uses the template image. Optionally, the interaction volume is displayed at the location corresponding to the first control. The interaction volume can represent the usage of the template image or the number of clicks on the first control.

[0046] Alternatively, the candidate media data includes an editing template, and some of the images in the editing template are template images. If the first image of the editing template is a template image, the template image, author information, and first control of the editing template are displayed on the first page. If the first image of the editing template is a non-template image, the non-template image, author information, and like control of the editing template are displayed on the first page. Optionally, the number of likes can also be displayed at the position corresponding to the like control on the first page.

[0047] Optionally, if the candidate media data includes an editing template, the first page displays the editing template's cover image, title, author information, first control, and label. For example, if the editing template is generated by a model, the label indicates that the editing template is a model-generated template. Alternatively, if the editing template is generated based on a live view, the label indicates that the editing template is a live view template.

[0048] Optionally, if the candidate media data includes a shared post, the cover image, author information, and like control of the shared post are displayed on the first page. Optionally, the number of likes can also be displayed at the position corresponding to the like control on the first page.

[0049] Optionally, if the candidate media data includes a promotional post, the cover image, tag information, close control, text, view button, title and author information of the promotional post are displayed on the first page.

[0050] Optionally, if the promotional post is a banner promotional post, the cover image, title, author information, like control and number of likes of the banner promotional post are displayed on the first page.

[0051] Optionally, if the candidate media data includes a topic, and the topic includes a single image, the first page displays the topic's cover image, topic name, and interaction volume. If the topic includes multiple images, the first page displays the topic's multiple cover images, multiple titles, author information, like controls, and like volume.

[0052] Exemplarily, in response to a triggering operation of a preset tag item in a preset page, a first page is displayed, in which multiple candidate media data recommended according to a first recommendation logic are displayed. The multiple candidate media data are arranged in two columns. The first recommendation logic includes content recommendation based on configuration information associated with an account, or content recommendation based on the content displayed on the first page. The preset page can be the homepage or function entry page of an application. The preset tag item represents the tag item corresponding to the preset function entry.

[0053] Optionally, in response to a search event in a preset page, a first page is displayed, and a plurality of candidate media data recommended according to the search term corresponding to the search event is displayed on the first page. The plurality of candidate media data are arranged in two columns.

[0054] It should be noted that, for electronic devices with a screen size less than or equal to a preset size threshold (such as smart phones), the candidate media data can be displayed in a double column format, and the cover image, title, author information and interactive controls can be displayed at the position corresponding to each candidate media data. Displaying the candidate media data in a double column format on the first page can increase the number of candidate media data displayed on a single screen. It is understandable that, for electronic devices with a screen size greater than a preset size threshold (such as a PC or a handheld computer, etc.), three or more columns of candidate media data can be displayed on a single screen, each column including multiple candidate media data, and the cover image, title, author information and interactive controls can be displayed at the position corresponding to each candidate media data. The embodiments of the present disclosure do not limit the number of columns of candidate media data displayed on a single screen.

[0055] S120 . In response to a triggering operation of target media data among the candidate media data, display a second page, and display content information of the target media data on the second page.

[0056] The target media data refers to the candidate media data that is triggered. For example, the target media data is the candidate media data that is selected by a click, circle, or checkbox. The second page is used to display the content information of the target media data. For example, the second page can be a details page. The content information may include at least one of a preview image, title, copy, topic, author information, follow, share, like, favorite, and comment content of the target media data.

[0057] Exemplarily, in response to a triggering operation of target media data in the candidate media data in the first page, the second page is displayed; content information and interaction information of the target media data are displayed in the second page, wherein the content information includes preview images and comment content, and the interaction information includes interaction controls and / or interaction volume.

[0058] In the disclosed embodiment, if you click on an edit template or share a post on the first page, a second page is displayed. If you click on a topic in the candidate media data, a topic details page is displayed, wherein the topic details page includes graphic content related to the same topic. In response to a triggering operation for graphic content related to the same topic, a second page is displayed, and the content information of the triggered graphic content is displayed on the second page.

[0059] In some embodiments, the interactive control includes a first control and a second control, wherein the first control is used to trigger the use of an editing template associated with the template image, and the second control is used to post a comment. The target media data includes multiple preview images. Displaying the content information and interactive information of the target media data on the second page includes: displaying a preview image of the target media data and the comment content on the second page, wherein the type of the preview image includes a template image or a non-template image, and the template image is associated with an editing template. Determining whether to display the first control or the second control is based on the type of the preview image, wherein the first control is used to trigger the use of an editing template associated with the template image, and the second control is used to post a comment.

[0060] For example, if a template image, comment content, and a first control are displayed on the second page, in response to a sliding operation on the template image, an image to be displayed is obtained. If the image to be displayed is a non-template image, the non-template image, comment content, and the second control are displayed on the second page.

[0061] Figure 3 This is a schematic diagram of a second page provided by an embodiment of the present disclosure. Figure 3 As shown, in response to a click operation on the editing template B in the candidate media data in the first page 310, the second page 320 is displayed. The content information and interaction information of the editing template B are displayed on the second page 320. The content information includes a preview image and comment content 330, etc. For example, the preview image includes picture W, picture X, picture Q, and picture Y. The interaction information includes an interaction control 340. In some embodiments, the corresponding interaction amount can also be displayed on the interaction control 340. For example, the interaction control includes likes, favorites, comments, and a first control. The interaction control 340 can also include the like amount x1, the favorite amount x2, the comment amount x3, and the interaction amount x4 of the first control. Optionally, the picture W included in the target media data and the first control are displayed on the second page 320, and in response to a sliding operation of the picture W (sliding in the direction of the arrow), the picture X included in the target media data and the second control are displayed on the second page 320, and the picture X is converted to a selected state.

[0062] S130: In response to a sliding operation on the second page, display target recommended data corresponding to the target media data on the second page.

[0063] The target recommendation data represents the recommended media data corresponding to the target media data or the historical target recommendation data. The target recommendation data includes recommended media data of template type or post type. If the type of the target media data is template type, then all the target recommendation data are template type or mixed type (mixed type means that some target media data are template type and some target media data are post type). If the type of the target media data is post type, then all the target recommendation data are post type or mixed type.

[0064] In an embodiment of the present disclosure, in response to a sliding operation on the second page, the client obtains target recommendation data returned by the server based on the target media data, or obtains new target recommendation data determined by the server based on the target recommendation data corresponding to the target media data. The client displays the target recommendation data on the second page.

[0065] Exemplarily, in response to a sliding operation on the second page, the target recommendation data corresponding to the target media data is displayed on the second page, including: in response to a sliding operation on the second page, a second recommendation request is initiated to the server based on the target media data displayed on the second page, and the target recommendation data returned based on the second recommendation request is displayed on the second page, wherein the second recommendation request is used to request the server to return the target recommendation data. In response to a sliding operation on the second page, a second recommendation request is initiated to the server based on the target recommendation data displayed on the second page, and the target recommendation data returned based on the second recommendation request is displayed on the second page.

[0066] In some embodiments, in response to a sliding operation on the second page, a second recommendation request is initiated to the server based on the target media data, wherein the second recommendation request includes type parameters and identification information of the target media data. The candidate recommendation data set returned by the server is obtained, and the recommendation priority of the candidate recommendation data is determined based on the ranking result of the candidate recommendation data in the candidate recommendation data set. The target recommendation data in the candidate recommendation data set is displayed on the second page based on the recommendation priority. In response to a sliding operation on the target recommendation data in the second page, the target recommendation data among the remaining candidate recommendation data in the candidate recommendation data set is displayed on the second page based on the recommendation priority.

[0067] The candidate recommendation data set includes recommended media data of the same type as the target media data determined by the server based on the second recommendation request. Alternatively, the candidate recommendation data set includes recommended media data of mixed types determined by the server based on the second recommendation request. Mixed-type recommended media data includes recommended media data of both template and post types.

[0068] Specifically, in response to a swipe operation on the second page, a second recommendation request is generated based on the target media data's type parameters and identification information, and the second recommendation request is sent to the server. The server obtains the target media data's content based on the target media data's identification information, performs content recommendation processing based on the target media data's content and type parameters, and obtains recommended media data of the same type as the target media data, along with a recommendation score for each recommended media data item. The recommended media data items are sorted based on the recommendation scores, and a preset number of candidate media data items are selected based on the sorting results to form a candidate recommendation dataset. The candidate recommendation dataset is then returned to the client. The candidate recommendation data items within the candidate recommendation dataset are arranged in order of recommendation scores. Optionally, the server performs content recommendation processing based on the target media data's content to obtain recommended media data items. Based on the target media data's type parameters, the server determines, within the recommended media data items, recommended media data items of the same type as the target media data items and recommended media data items of different types. The recommended media data items of the same and different types are mixed and sorted based on their recommendation scores. Based on the sorting results, a preset number of candidate media data items are selected to form a candidate recommendation dataset, and the candidate recommendation dataset is returned to the client.

[0069] The client determines the recommendation priority of the candidate recommendation data based on the ranking results of the candidate recommendation data in the candidate recommendation data set. The candidate recommendation data with the highest recommendation priority is used as the target recommendation data corresponding to the current sliding operation, and the target recommendation data is displayed on the second page. Optionally, the client determines the recommendation priority of each candidate recommendation data based on the interaction volume of the candidate recommendation data in the candidate recommendation data set. The candidate recommendation data with the highest recommendation priority is used as the target recommendation data corresponding to the current sliding operation, and the target recommendation data is displayed on the second page.

[0070] In some embodiments, the target recommendation data is displayed on a second page, and a target recommendation data refresh event is triggered in response to a swipe operation on the second page. If the number of remaining candidate recommendation data in the candidate recommendation dataset is less than a preset threshold, a second recommendation request is generated based on the type parameter and identification information of the target recommendation data, and the second recommendation request is sent to the server. Optionally, a second recommendation request is generated based on the type parameter and identification information of at least one target recommendation data previously displayed in the candidate recommendation dataset returned by the server, and the second recommendation request is sent to the server. The server performs content recommendation processing based on the type parameter and identification information included in the second recommendation request to obtain a candidate recommendation dataset. The steps of returning the candidate recommendation dataset have been described in the above embodiments and are not repeated here. The candidate recommendation dataset returned by the server is cached. It should be noted that when the type parameter in the second recommendation request includes at least two types, the proportion of recommended media data of the corresponding types in the candidate recommendation dataset consisting of the mixed types of recommended media data is determined based on the ratio of the number of target recommendation data corresponding to the at least two types. If the number of remaining candidate recommendation data in the candidate recommendation dataset is greater than or equal to the preset threshold, the next candidate recommendation data of the template recommendation data is selected from the candidate recommendation dataset as the new target recommendation data based on the identification information of the target advancement data.

[0071] Figure 4 A schematic diagram of another second page provided by an embodiment of the present disclosure. In response to a click operation on the editing template B in the candidate media data in the first page 410, the second page 420 is displayed. Content information and interactive information of the editing template B are displayed in the second page 420. In response to a swipe down operation (sliding in the direction of the arrow) in the second page 420, the target recommended data B1 corresponding to the editing template B is displayed. In response to an upward swipe operation (sliding in the direction of the arrow) of the target recommended data B1 in the second page 420, the target media data B is displayed in the second page. In response to a swipe down operation (sliding in the direction of the arrow) of the target recommended data B1 in the second page 420, the target recommended data B2 is displayed in the second page.

[0072] Optionally, after displaying the target media data on the second page, a second recommendation request may be generated based on the target media data's type parameter and identification information. The client sends the second recommendation request to the server, which then performs content recommendation processing based on the second recommendation request and returns a candidate recommendation dataset, thereby preloading data. In response to a swipe operation on the second page, the target recommended data from the preloaded candidate recommendation dataset is displayed on the second page, shortening the waiting time for data switching on the second page.

[0073] The sliding operation on the second page includes an upward sliding operation and a downward sliding operation. If the target media data is displayed on the second page, it is determined that the first content of the second page is currently displayed. In response to the downward sliding operation on the second page, a second recommendation request is initiated to the server based on the target media data to update the preloaded candidate recommendation data set. In response to the upward sliding operation on the second page, the target recommendation data in the candidate recommendation data set is displayed on the second page according to the recommendation priority.

[0074] Optionally, during the process of displaying candidate media data on the first page, a preset number of recommended media data are preloaded and cached. If the second recommendation request fails or times out, target recommended data from the preset number of recommended media data are displayed on the second page. By preloading the recommended media data, target recommended data from the cached recommended media data can be displayed on the second page even if the second recommendation request fails or times out, thereby shortening the waiting time for displaying new content on the second page.

[0075] The technical solution of the embodiment of the present disclosure displays candidate media data on a first page, displays a second page in response to a triggering operation of target media data in the candidate media data, displays content information of the target media data on the second page, and displays target recommended data corresponding to the target media data on the second page in response to a sliding operation on the second page. Media data switching can be directly implemented on the second page without returning to the first page to perform the media data switching operation, thereby simplifying the data switching process. After performing the media data switching, the media data displayed on the second page is the recommended data corresponding to the target media data, thereby realizing continuous display of media data that the user is interested in and improving the user experience.

[0076] Figure 5 This is a flow chart of a page interaction method provided by an embodiment of the present disclosure. Based on the above embodiments, the embodiment of the present disclosure specifically defines the display of candidate media data in the first page. Figure 5 As shown, the method includes:

[0077] S510 : In response to completion of the preloading task corresponding to the first page, display the preloaded candidate media data on the first page, and cache the preloaded candidate media data.

[0078] Among them, the preloading task is used to preload candidate media data. The preloading task refers to the operation of preloading the content to be displayed on the first page before the first page is displayed. The content to be displayed includes candidate media data. The client stores the preloaded candidate media data in the local cache. The preloading task corresponding to the first page is used to preload the candidate media data before displaying the first page, and display the preloaded candidate media data on the first page. By preloading and displaying the candidate media data, the waiting time for seeing the new candidate media data on the first page can be shortened.

[0079] S520: In response to the preloading task not being completed and cached candidate media data existing, display the cached candidate media data on the first page.

[0080] S530: If there is no preloading task, in response to a sliding operation on the first page, a first recommendation request is initiated to the server based on the candidate media data displayed on the first page, wherein the first recommendation request is used to request the server to return the candidate media data.

[0081] S540: Display the candidate media data returned by the server on the first page, and cache the candidate media data returned by the server.

[0082] Figure 6 This is a schematic diagram of the candidate media data preloading process in a page interaction method provided by an embodiment of the present disclosure. Figure 6 As shown, when the application is cold-started, the client initiates a preloading task and requests candidate media data from the server through the preloading task. The first page is displayed. It is determined whether the preloading task is completed. If so, the preloaded candidate media data is displayed on the first page, and the local cache is updated based on the preloaded candidate media data. If not, it is determined whether there is cached candidate media data. If there is cached candidate media data, the cached candidate media data is displayed on the first page. If there is no cached candidate media data, it is determined whether there is an ongoing preloading task. If there is an ongoing preloading task, the client waits for the preloading task to be completed and obtains the candidate media data returned by the successful preloading. The preloaded candidate media data is displayed on the first page. If a sliding operation is detected on the first page and there is no preloading task, a first recommendation request is initiated to the server based on the content of the current first page, and the candidate media data returned by the server is obtained. The candidate media data corresponding to the first recommendation request is displayed on the first page, achieving the effect of refreshing the candidate media data displayed on the first page by sliding the first page. The local cache is updated based on the candidate media data corresponding to the first recommendation request.

[0083] S550: In response to a triggering operation of target media data among the candidate media data, display a second page, and display content information of the target media data on the second page.

[0084] For example, by clicking on any candidate media data displayed on the first page, the clicked candidate media data is used as the target media data, and a second page is displayed, where the content information and interaction information of the target media data are displayed.

[0085] S560: In response to a sliding operation on the second page, target recommended data corresponding to the target media data is displayed on the second page.

[0086] Exemplarily, after displaying the content information of the target media data on the second page, a candidate recommendation dataset is requested from the server based on the target media data. The candidate recommendation dataset includes at least one candidate recommendation data item. The at least one candidate recommendation data item corresponds to a different recommendation priority. The candidate recommendation dataset is cached. In response to a scroll down operation on the second page, the target recommendation data item is determined from the candidate recommendation dataset based on the recommendation priority, and the target recommendation data item is displayed on the second page. In response to another scroll down operation on the second page, the target recommendation data item is determined from the cached candidate recommendation data item that has not been displayed based on the recommendation priority, and the newly determined target recommendation data item is displayed on the second page. In response to an up operation on the second page, the last displayed media data item for displaying the target recommendation data item is returned. If the number of cached undisplayed candidate recommendation data items is less than a preset threshold, a new candidate recommendation dataset is requested from the server based on the at least one media data item that has been displayed on the second page. The new candidate recommendation dataset returned by the server is obtained, and the cached candidate recommendation data item is updated based on the new candidate recommendation dataset. For example, the new candidate recommendation data item is stored, and the recommendation priority of the new candidate recommendation data item is set lower than that of the undisplayed candidate recommendation data item in the cache. The embodiment of the present disclosure realizes that during the process of displaying media data on the second page, candidate recommendation data sets are pulled in parallel, which can achieve smooth switching of the content displayed on the second page and reduce the waiting time for switching.

[0087] The disclosed embodiment preloads and displays candidate media data through a preload task on the first page, shortening the wait time for new candidate media data to appear on the first page. By caching candidate media data, the locally cached data can be displayed on the first page after the application is restarted, and the latest data displayed last time can be displayed each time, avoiding the need to display a copy of cached data on each restart, which would affect the user's browsing experience.

[0088] Figure 7This is a schematic diagram of the structure of a page interaction device provided in an embodiment of the present disclosure. The device can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, which can be a mobile terminal, PC or server, etc.

[0089] like Figure 7 As shown, the device includes: a first display module 710 , a second display module 720 and a third display module 730 .

[0090] A first display module 710 is configured to display candidate media data on a first page, wherein the candidate media data includes graphic content;

[0091] A second display module 720 is configured to display a second page in response to a triggering operation of target media data in the candidate media data, and to display content information of the target media data on the second page;

[0092] The third display module 730 is configured to display target recommended data corresponding to the target media data on the second page in response to a sliding operation on the second page.

[0093] Optionally, the first display module 710 is specifically configured to:

[0094] At least two columns of the candidate media data are displayed on the first page.

[0095] Optionally, the first display module 710 is specifically configured to:

[0096] In response to completion of the preloading task corresponding to the first page, displaying the preloaded candidate media data on the first page and caching the preloaded candidate media data;

[0097] In response to the preloading task not being completed and cached candidate media data existing, the cached candidate media data is displayed on the first page.

[0098] Optionally, the first display module 710 is specifically configured to:

[0099] In response to a sliding operation on the first page, initiating a first recommendation request to a server based on the candidate media data displayed on the first page;

[0100] The candidate media data returned by the server is displayed on the first page, and the candidate media data returned by the server is cached.

[0101] Optionally, the second display module 720 is specifically configured to:

[0102] The content information and interaction information of the target media data are displayed on the second page, wherein the content information includes a preview image and comment content, and the interaction information includes an interaction control and / or interaction amount.

[0103] Optionally, displaying the content information and interaction information of the target media data on the second page includes:

[0104] Displaying a preview image of the target media data and the comment content on the second page, wherein the preview image includes a template image or a non-template image, and the template image is associated with an editing template;

[0105] Determine whether to display a first control or a second control according to the type of the preview image, wherein the first control is used to trigger the use of an editing template associated with the template image, and the second control is used to post a comment.

[0106] Optionally, the third display module 730 is specifically configured to:

[0107] In response to a sliding operation on the second page, initiating a second recommendation request to a server based on the target media data, wherein the second recommendation request includes a type parameter and identification information of the target media data;

[0108] Obtaining the candidate recommendation data set returned by the server, and determining the recommendation priority of the candidate recommendation data according to the ranking result of the candidate recommendation data in the candidate recommendation data set;

[0109] Displaying target recommended data in the candidate recommendation data set on the second page according to the recommendation priority;

[0110] In response to a sliding operation of the target recommended data in the second page, target recommended data among the remaining candidate recommended data of the candidate recommendation data set are displayed in the second page based on the recommendation priority.

[0111] Optionally, the candidate recommendation data set includes recommended media data of the same type as the target media data determined by the server based on the second recommendation request;

[0112] or,

[0113] The candidate recommendation data set includes mixed-type recommendation media data determined by the server based on the second recommendation request, wherein the mixed-type recommendation media data includes template-type and post-type recommendation media data.

[0114] The page interaction device provided by the embodiment of the present disclosure can execute the page interaction method provided by any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0115] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0116] Figure 8 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Figure 8 , which shows an electronic device (eg Figure 8 The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (such as in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 8 The electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0117] like Figure 8 As shown, the electronic device 800 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 801, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 802 or a program loaded from a storage device 808 into a random access memory (RAM) 803. Various programs and data required for the operation of the electronic device 800 are also stored in the RAM 803. The processing device 801, the ROM 802, and the RAM 803 are connected to each other via a bus 804. An edit / output (I / O) interface 805 is also connected to the bus 804.

[0118] Typically, the following devices may be connected to the I / O interface 805: an input device 806 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 807 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 808 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 809. The communication device 809 may allow the electronic device 800 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 8 The electronic device 800 is shown with various devices, but it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed instead.

[0119] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 809, or installed from the storage device 808, or installed from the ROM 802. When the computer program is executed by the processing device 801, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0120] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0121] The electronic device provided by the embodiment of the present disclosure and the page interaction method provided by the above embodiment belong to the same inventive concept. For technical details not fully described in this embodiment, please refer to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0122] An embodiment of the present disclosure provides a computer storage medium having a computer program stored thereon. When the program is executed by a processor, the page interaction method provided in the above embodiment is implemented.

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

[0124] In some embodiments, the client and server can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0125] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0126] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0127] Displaying candidate media data on the first page, wherein the candidate media data includes graphic and text content;

[0128] In response to a triggering operation of target media data among the candidate media data, displaying a second page, and displaying content information of the target media data on the second page;

[0129] In response to a sliding operation on the second page, target recommendation data corresponding to the target media data is displayed on the second page.

[0130] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

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

[0132] The units involved in the embodiments described in this disclosure may be implemented in software or hardware, wherein the name of a unit does not necessarily limit the unit itself.

[0133] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0134] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0135] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0136] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0137] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. A page interaction method, characterized in that: include: Displaying candidate media data on the first page, wherein the candidate media data includes graphic and text content; In response to a triggering operation of target media data among the candidate media data, displaying a second page, and displaying content information of the target media data on the second page; In response to a sliding operation on the second page, target recommendation data corresponding to the target media data is displayed on the second page.

2. The method according to claim 1, characterized in that The displaying of the candidate media data on the first page includes: At least two columns of the candidate media data are displayed on the first page.

3. The method according to claim 1, characterized in that The displaying of the candidate media data on the first page includes: In response to completion of the preloading task corresponding to the first page, displaying the preloaded candidate media data on the first page and caching the preloaded candidate media data; In response to the preloading task not being completed and cached candidate media data existing, the cached candidate media data is displayed on the first page.

4. The method according to claim 1, wherein The displaying of the candidate media data on the first page includes: In response to a sliding operation on the first page, initiating a first recommendation request to a server based on the candidate media data displayed on the first page, wherein the first recommendation request is used to request the server to return the candidate media data; The candidate media data returned by the server is displayed on the first page, and the candidate media data returned by the server is cached.

5. The method according to claim 1, characterized in that The displaying of the content information of the target media data on the second page includes: The content information and interaction information of the target media data are displayed on the second page, wherein the content information includes a preview image and comment content, and the interaction information includes an interaction control and / or interaction amount.

6. The method according to claim 5, characterized in that The displaying of the content information and interaction information of the target media data on the second page includes: Displaying a preview image of the target media data and the comment content on the second page, wherein the preview image includes a template image or a non-template image, and the template image is associated with an editing template; Determine whether to display a first control or a second control according to the type of the preview image, wherein the first control is used to trigger the use of an editing template associated with the template image, and the second control is used to post a comment.

7. The method according to claim 1, characterized in that The displaying, in response to the sliding operation on the second page, target recommended data corresponding to the target media data on the second page includes: In response to a sliding operation on the second page, initiating a second recommendation request to the server based on the target media data displayed on the second page, and displaying the target recommendation data returned based on the second recommendation request on the second page, wherein the second recommendation request is used to request the server to return the target recommendation data; In response to the sliding operation of the second page, the second recommendation request is initiated to the server based on the target recommendation data displayed on the second page, and the target recommendation data returned based on the second recommendation request is displayed on the second page.

8. The method according to claim 7, characterized in that The target recommendation data includes recommended media data of a template type or a post type.

9. A page interaction device, characterized in that: include: A first display module, configured to display candidate media data on a first page, wherein the candidate media data includes graphic and text content; A second display module, configured to display a second page in response to a triggering operation of target media data among the candidate media data, and to display content information of the target media data on the second page; The third display module is configured to display target recommendation data corresponding to the target media data on the second page in response to a sliding operation on the second page.

10. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page interaction method as described in any one of claims 1 to 8.

11. A storage medium containing computer-executable instructions, characterized in that: When the computer executable instructions are executed by a computer processor, they are used to execute the page interaction method according to any one of claims 1 to 8.

12. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the computer program implements the page interaction method according to any one of claims 1 to 8.

Images