Page display method, device, apparatus and storage medium
By adopting a waterfall layout and dynamic visual effects to display recommended sub-information on short video platforms, the problem of low recommendation efficiency caused by users' habit of multiple-column recommendation streams is solved, thereby improving user experience and human-computer interaction efficiency.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- BEIJING DAJIA INTERNET INFORMATION TECH CO LTD
- Filing Date
- 2025-06-12
- Publication Date
- 2026-05-12
AI Technical Summary
Existing short video platforms suffer from low recommendation efficiency and low human-computer interaction efficiency due to users' accustomed multi-column recommendation streams.
This paper presents a novel page display method that displays multiple recommendation sub-information on a media display page and displays related recommendation pages in response to user operations. It adopts a waterfall layout, dynamic visual effects, recommendation sub-information display of different sizes and shapes, and the use of overlays and display windows to enhance users' willingness to browse and click.
It increased users' willingness to browse and click, enhanced recommendation efficiency, improved human-computer interaction efficiency, and met users' information acquisition needs.
Smart Images

Figure CN120390115B_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of computer technology, and in particular to a page display method, apparatus, device, and storage medium. Background Technology
[0002] With the development of computer technology, users can browse various media resources on the internet, such as images, audio, video, and short videos. Among these, short videos, with their concise content, diverse formats, and rapid dissemination, have become one of the most popular forms of information dissemination. How to recommend short videos is a research direction.
[0003] Currently, short video platforms can use a multi-column recommendation stream on their recommendation pages. A multi-column recommendation stream is a layout for displaying short video content on a computer. It presents multiple videos to the user in a parallel, multi-column format, allowing users to scroll down infinitely, creating a "waterfall" experience. This design can simultaneously display thumbnails, titles, and other key information from multiple videos, making it easy for users to quickly browse and select videos of interest.
[0004] However, if users become accustomed to the multi-column video layout recommendation format, they will no longer be sensitive to the recommended content, which will lead to low recommendation efficiency and low human-computer interaction efficiency. Summary of the Invention
[0005] This disclosure provides a page display method, apparatus, device, and storage medium. This solution offers a novel way of displaying recommendation information, giving users a fresh experience, increasing their willingness to browse and click, improving recommendation efficiency, and thus improving human-computer interaction efficiency.
[0006] According to one aspect of the embodiments of this disclosure, a page display method is provided, the method comprising:
[0007] The media display page displays multiple sub-recommendations, each of which is part of the overall recommendation information.
[0008] In response to a trigger operation on any of the recommended sub-information, the recommendation page associated with the recommended information is displayed.
[0009] According to another aspect of the present disclosure, a page display device is provided, the device comprising:
[0010] The first display unit is configured to display multiple recommendation sub-information on a media display page, each recommendation sub-information being a part of the recommendation information;
[0011] The second display unit is configured to display the recommendation page associated with any recommendation sub-information in response to a trigger operation on the recommendation sub-information.
[0012] In some embodiments, the first display unit is configured to display the plurality of recommendation sub-information in the central area of the media display page; or, the plurality of recommendation sub-information is displayed on the media display page from the edge of the media display page.
[0013] In some embodiments, the first display unit is configured to display the plurality of recommendation sub-information items horizontally side-by-side on the media display page; or, to display the plurality of recommendation sub-information items vertically side-by-side on the media display page; or, to display the plurality of recommendation sub-information items in a matrix form on the media display page.
[0014] In some embodiments, the size and shape of the plurality of recommendation sub-information are not exactly the same.
[0015] In some embodiments, the first display unit is further configured to display multiple media covers on the media display page; and in response to a target display event, to perform the step of displaying multiple recommendation sub-information on the media display page.
[0016] In some embodiments, the target display event includes any of the following:
[0017] Perform a swipe operation in any direction exceeding a target distance on the media display page;
[0018] The duration of time spent on the media display page exceeds the preset duration;
[0019] Triggering the refresh control of the media display page;
[0020] The target number of media resources of the target type are triggered within a preset time period.
[0021] In some embodiments, the second display unit is configured to display a floating layer on the media display page in response to a triggering operation on any recommendation sub-information, the floating layer displaying the recommendation page associated with the recommendation information.
[0022] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0023] The second display unit is configured to, in response to a trigger operation on any recommendation sub-information, enlarge the display window of the recommendation sub-information from a first size to a second size to serve as the recommendation page associated with the recommendation information.
[0024] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0025] The second display unit is configured to, in response to a trigger operation on any recommendation sub-information, merge the display windows of the multiple recommendation sub-information into a recommendation page associated with the recommendation information.
[0026] In some embodiments, the second display unit is further configured to display the plurality of recommendation sub-information concatenated into the recommendation information in response to a trigger operation on any recommendation sub-information.
[0027] In some embodiments, the first display unit is further configured to, in response to a closing operation of the recommendation page, display the plurality of recommendation sub-information replaced with a plurality of media covers belonging to the same media type on the media display page.
[0028] According to another aspect of the embodiments of this disclosure, an electronic device is provided, the electronic device comprising:
[0029] One or more processors;
[0030] Memory used to store the executable program code of the processor;
[0031] The processor is configured to execute the program code to implement the page display method described above.
[0032] According to another aspect of the present disclosure, a computer-readable storage medium is provided that, when the instructions in the computer-readable storage medium are executed by a processor of an electronic device, enables the electronic device to perform the page display method described above.
[0033] According to another aspect of the present disclosure, a computer program product is provided, including a computer program that, when executed by a processor, implements the above-described page display method.
[0034] This disclosure provides a page display scheme that offers a novel way of displaying recommendation information by showing multiple sub-information items on a media display page. This gives users a sense of novelty, increases their willingness to browse and click, improves recommendation efficiency, and thus improves human-computer interaction efficiency.
[0035] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description
[0036] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.
[0037] Figure 1This is a schematic diagram illustrating an implementation environment of a page display method according to an exemplary embodiment.
[0038] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment.
[0039] Figure 3 This is a flowchart illustrating another page display method according to an exemplary embodiment.
[0040] Figure 4 This is a schematic diagram illustrating a media display page according to an exemplary embodiment.
[0041] Figure 5 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0042] Figure 6 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0043] Figure 7 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0044] Figure 8 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0045] Figure 9 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0046] Figure 10 This is a schematic diagram illustrating another media display page according to an exemplary embodiment.
[0047] Figure 11 This is a block diagram illustrating a page display device according to an exemplary embodiment.
[0048] Figure 12 This is a block diagram illustrating an electronic device according to an exemplary embodiment. Detailed Implementation
[0049] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.
[0050] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.
[0051] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.), and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the images involved in this disclosure were obtained with full authorization.
[0052] Figure 1 This is a schematic diagram illustrating an implementation environment for a page display method according to an exemplary embodiment. See also... Figure 1 The implementation environment specifically includes: terminal 101 and server 102. Terminal 101 can be connected to server 102 via wireless network or wired network.
[0053] Terminal 101 can be at least one of the following devices: smartphone, smartwatch, desktop computer, laptop, MP3 player (Moving Picture Experts Group Audio Layer III), MP4 player (Moving Picture Experts Group Audio Layer IV), and laptop computer. An application can be installed and run on terminal 101. This application is used to view media covers and browse media resources through a media display page. This application is associated with server 102, which provides background services to terminal 101.
[0054] Terminal 101 can refer to one of a plurality of terminals, and this embodiment uses terminal 101 as an example. Those skilled in the art will know that the number of terminals can be more or less. For example, there can be several terminals, or dozens or hundreds of terminals, or more. This embodiment does not limit the number of terminals or the type of devices.
[0055] Server 102 can be at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Optionally, the number of servers may be more or fewer, and this disclosure does not limit this. Of course, server 102 may also include other functional servers to provide more comprehensive and diversified services. In some embodiments, server 102 undertakes the main computing work, and terminal 101 undertakes the secondary computing work; or, server 102 undertakes the secondary computing work, and terminal 101 undertakes the main computing work; or, server 102 and terminal 101 collaborate on computing using a distributed computing architecture. Server 102 can be connected to terminal 101 and other terminals via a wireless network or a wired network. Optionally, the number of servers may be more or fewer, and this disclosure does not limit this.
[0056] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment, such as... Figure 2 As shown, the method is performed by an electronic device and includes the following steps:
[0057] In step S201, multiple recommendation sub-information pieces are displayed on the media display page, each of which is part of the recommendation information.
[0058] In this embodiment of the disclosure, the media display page is a page used to display media information. The media information on the media display page is laid out in a waterfall layout.
[0059] Waterfall layout is a common layout method in web pages or applications. In this layout, content is arranged vertically from top to bottom like a waterfall, and the width of each content block (media covers in this embodiment) can be relatively fixed, while the height varies depending on the content; that is, different media covers are not exactly the same size and shape. As the user scrolls the page, new content is continuously loaded and displayed below, just like a waterfall flowing continuously. This layout method allows users to browse a large amount of content on a single page without frequently switching pages. Optionally, users can not only scroll vertically up and down to browse new media cover content as usual, but also scroll in any direction to browse new media cover content.
[0060] Recommended information refers to content recommended to users. Optionally, this recommended information is a poster. Each sub-recommendation is a component of the recommended information. Taking a poster as an example, the poster is divided into multiple parts that are not entirely the same size or shape; for ease of description, these are called poster blocks. These multiple poster blocks are displayed on the media display page according to the relative positions of each part within the poster. It should be noted that these multiple sub-recommendation information can display the complete recommended information, or a majority of the recommended information, such as 80% or 90%.
[0061] In step S202, in response to the triggering operation of any recommendation sub-information, the recommendation page associated with the recommendation information is displayed.
[0062] In this embodiment of the disclosure, a user can trigger any of the recommended sub-information to bring up the recommended page associated with the recommended information. The triggering operation refers to the user's interaction with the media display page; common triggering operations include clicking, long-pressing (on mobile devices), and hovering for a period of time (on computers), etc., and this embodiment of the disclosure does not limit these actions.
[0063] A recommendation page is a page related to recommendation information. When the recommendation information is used to recommend a target object, the recommendation page may contain more detailed information about that target object. For example, the recommendation information is a product poster, and the recommendation sub-information is a part of this poster, i.e., a poster block. When a user clicks on any poster block, the electronic device displays a more detailed introduction page for that product (i.e., the recommendation page), including product specifications, functions, user reviews, etc. This disclosure does not limit the content displayed on the recommendation page.
[0064] This disclosure provides a page display scheme that, by displaying multiple media covers on the media display page, can quickly present users with a rich media overview, facilitating intuitive information retrieval and improving browsing efficiency. By displaying multiple recommendation sub-information in response to target display events, a novel way of displaying recommendation information is provided, giving users a sense of novelty, increasing their willingness to browse and click, improving recommendation efficiency, and ultimately enhancing human-computer interaction efficiency.
[0065] In some embodiments, multiple recommendation sub-information items are displayed on the media display page, including:
[0066] Multiple sub-recommendations are displayed in the center area of the media display page; or, multiple sub-recommendations are displayed on the media display page, entering the media display page from the edge.
[0067] By displaying multiple sub-recommendations in the central area of the media display page, user attention can be quickly attracted, increasing the exposure of key recommended content. The strong visual focus of the central area allows users to obtain information more efficiently, reducing search costs. At the same time, based on user behavior data triggered by events, content can be accurately pushed, optimizing the user experience, enhancing the interaction efficiency between users and recommended information, and improving human-computer interaction efficiency.
[0068] By having multiple sub-recommendations appear from the edge of the media display page, a dynamic visual effect can attract user attention and increase the exposure of recommended content. Furthermore, the edge-entry method avoids the visual shock caused by sudden information appearance, and the gradual display matches the user's browsing rhythm, guiding the user to naturally focus on the recommended content, enhancing the information delivery effect and user interaction experience, and improving human-computer interaction efficiency. Optionally, when the user swipes up, the recommended sub-recommendations appear from the bottom edge of the media display page; when the user swipes right, the recommended sub-recommendations appear from the left edge of the media display page.
[0069] In some embodiments, multiple recommendation sub-information items are displayed on the media display page, including:
[0070] In response to a target display event, multiple recommended sub-information items are displayed horizontally side-by-side on the media display page; or, multiple recommended sub-information items are displayed vertically side-by-side on the media display page; or, multiple recommended sub-information items are displayed in a matrix format on the media display page.
[0071] By displaying multiple recommended sub-information items horizontally side-by-side on the media display page, the horizontal space of the page can be fully utilized, making it easier for users to compare and browse at the same time, quickly capture key information, improve information acquisition efficiency, and enhance human-computer interaction efficiency.
[0072] By displaying multiple recommended sub-information items vertically side-by-side on the media display page, it conforms to users' top-down reading habits, facilitates users to browse line by line, and improves the continuity of information acquisition; it can also effectively utilize the vertical space of the page, adapt to different screen sizes, ensure the integrity of the display, and improve the efficiency of human-computer interaction.
[0073] By displaying multiple recommendation sub-information items in a matrix format on the media display page, page space can be utilized efficiently, presenting a large amount of recommendation sub-information at once, thus improving information density and display efficiency. Furthermore, the matrix layout is neat and orderly, facilitating quick browsing for users, reducing information browsing costs, enhancing page visual appeal and information delivery effectiveness, and improving human-computer interaction efficiency.
[0074] In some embodiments, the size and shape of the multiple recommendation sub-information items are not exactly the same.
[0075] This variation in size and shape increases the diversity and flexibility of page display. Recommended sub-information of different sizes and shapes can be differentiated based on content characteristics and importance to attract user attention. It also helps users more intuitively distinguish between different types of recommended content, improving the efficiency of information retrieval and thus enhancing human-computer interaction efficiency.
[0076] In some embodiments, the method further includes:
[0077] Multiple media covers are displayed on the media display page;
[0078] In response to the target display event, perform the steps to display multiple recommendation sub-information on the media display page.
[0079] By displaying multiple media covers on the media display page, a rich media overview can be quickly presented to users, making it easier for them to intuitively obtain information and improving browsing efficiency. Displaying multiple sub-recommendations in response to target display events provides a novel way to display recommendation information.
[0080] In some embodiments, the target display event includes any of the following:
[0081] Perform a swipe operation in any direction that exceeds the target distance on the media display page;
[0082] The duration of time spent on the media display page exceeds the preset duration;
[0083] Triggering the refresh control on the media display page;
[0084] The target number of media resources of the target type are triggered within a preset time period.
[0085] By using "performing a swipe operation in any direction exceeding a target distance on the media display page" as the target display event, it aligns with users' daily browsing habits and requires no additional learning curve. When a user swipes, recommended sub-information is triggered, promptly satisfying their need to explore new content, improving information acquisition efficiency. Furthermore, it allows for precise push notifications based on swipe behavior, enhancing recommendation targeting, improving user experience, and increasing human-computer interaction efficiency.
[0086] By setting "duration of time spent on the media display page exceeding a preset duration" as the target display event, the system can capture users' interest in the current content and display recommended sub-information appropriately when users are focused, without disturbing their browsing. Furthermore, precise recommendations based on dwell time improve information matching accuracy, increase the probability of users discovering content of interest, enhance user experience, and improve human-computer interaction efficiency.
[0087] By setting the "triggering operation of the media display page refresh control" as the target display event, the latest content can be provided to users in a timely manner, meeting their need for real-time information. It can also make accurate recommendations based on user refresh frequency and context, improving the timeliness and relevance of recommended content and enhancing human-computer interaction efficiency.
[0088] By setting "the target number of media resources of the target type triggered within a preset time period" as the target display event, user interests can be accurately matched, the experience can be improved, stickiness can be increased, and the efficiency of human-computer interaction can be improved.
[0089] In some embodiments, in response to a triggering operation on any recommendation sub-information, a recommendation page associated with the recommendation information is displayed, including:
[0090] In response to a trigger operation on any recommended sub-information, an overlay is displayed on the media display page, showing the recommended page associated with the recommended information.
[0091] By displaying a floating layer on the media display page after a user triggers a recommended sub-information, the related recommended page can be presented without requiring the user to navigate to a different page, thus avoiding interruption of the user's current browsing flow. The floating layer format focuses the user's attention, highlights the recommended information, and maintains the original page structure, allowing users to quickly return to the original page, reducing operational costs, and enhancing the user's enthusiasm for exploring recommended content and improving the browsing experience.
[0092] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0093] In response to a trigger operation on any recommended sub-information, display the recommended page associated with the recommended information, including:
[0094] In response to a trigger operation on any recommended sub-information, the display window for the recommended sub-information is enlarged from a first size to a second size to serve as the recommended page associated with the recommended information.
[0095] By displaying each recommended sub-information in a separate window, information is presented in a partitioned manner, avoiding content clutter and facilitating quick location and browsing of recommended sub-information for users. When a user triggers an action, the window enlarges from its first size to its second size, transforming into a recommendation page. This allows for the presentation of detailed information about the recommended items without requiring page navigation, reducing user waiting time and maintaining operational continuity. Furthermore, this progressive display method effectively enhances user engagement in exploring recommended information and improves human-computer interaction efficiency.
[0096] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0097] In response to a trigger operation on any recommended sub-information, display the recommended page associated with the recommended information, including:
[0098] In response to a trigger operation on any of the recommended sub-information, the display windows of multiple recommended sub-information are merged into a recommendation page associated with the recommended information.
[0099] By displaying each sub-recommendation in its corresponding window, a clear categorization is achieved, facilitating quick user identification. When any sub-recommendation is triggered, multiple display windows can be merged into a single recommendation page, integrating comprehensive content and reducing page navigation. This approach is convenient and smooth, presenting the recommendation page with intuitive interaction, enhancing user experience, improving the dissemination and conversion efficiency of recommendation information, and ultimately improving human-computer interaction efficiency.
[0100] In some embodiments, the method further includes:
[0101] In response to a trigger operation on any of the recommended sub-information, multiple recommended sub-information items are displayed concatenated into a single recommended information.
[0102] By concatenating multiple related sub-information into a single recommended message after it is triggered, users can avoid repeatedly switching between scattered information, quickly integrate key content, improve the efficiency of information acquisition, and enhance human-computer interaction efficiency.
[0103] In some embodiments, the method further includes:
[0104] In response to closing the recommendation page, multiple recommendation sub-information items displayed on the media display page are replaced with multiple media covers belonging to the same media type.
[0105] These media covers can intuitively display the themes or features of different media content, allowing users to quickly browse and distinguish different media content on the media display page, making it easier for users to select content of interest for further viewing, thus improving human-computer interaction efficiency.
[0106] The above Figure 2 The diagram shown is a flowchart of a page display method according to this disclosure. The page display scheme provided by this disclosure will be further described below. Figure 3 This is a flowchart illustrating another page display method according to an exemplary embodiment, see [link to flowchart]. Figure 3 This method is performed by an electronic device and includes the following steps:
[0107] In step S301, a media display page is displayed, which includes multiple media covers.
[0108] In this embodiment, multiple media covers on the media page are arranged in a waterfall layout. As a thumbnail display of media content, the media cover can include key elements such as images and titles. The main function of the media cover is to attract the user's attention and guide them to click and view specific media content details.
[0109] The media resources displayed on the media cover can be image media, video media, audio media, text media, animation media, live media, etc.
[0110] The image media includes various photographic works, illustrations, and design drawings. The media display page can showcase the covers of natural landscape photographs, fashion illustrations, and art design drawings. Users can click on the cover to view the high-resolution original image, image description, and shooting background information.
[0111] Video media includes movie trailers, TV series clips, short videos, documentaries, and music videos. The media display page can show cover images of these videos. Optionally, the media cover image can be a screenshot of a highlight from the video, accompanied by a title and a brief description to entice users to click and play the video.
[0112] Audio media includes musical works, audiobooks, podcasts, etc. The media display page can show music album covers as media covers. Users can click on the media cover to play the music; alternatively, the media display page can show book covers or covers of related audio content, and users can click on the media cover to listen to the specific audio content.
[0113] Text-based media includes news articles, blogs, novel chapters, and professional information. The media display page can show the article's title, summary, and author information as a cover image; users can click on the media cover to access the article's details page for reading.
[0114] Animation media includes 2D animation, 3D animation, stop-motion animation, etc. The media display page can showcase keyframes or character images as the media cover to attract users to click and watch the complete animation.
[0115] Live streaming media includes game streaming, sports event streaming, e-commerce streaming, and knowledge lecture streaming. The media display page can show the live stream's theme, host information, and screenshots of the live stream as a cover image. Users can click on the media cover image to enter the live stream room to watch the live stream or replay.
[0116] Figure 4 This is a schematic diagram illustrating a media display page according to an exemplary embodiment. See also: Figure 4 As shown, the media display page includes multiple media covers 401.
[0117] In step S302, in response to the target display event, multiple recommendation sub-information are displayed on the media display page, each recommendation sub-information being a part of the recommendation information.
[0118] In the embodiments of this disclosure, a target display event refers to a specific operation or situation that can trigger a change in the display of page content. For example, a target display event may be a refresh operation on a media display page. Optionally, in addition to refreshing the page, a target display event may also include entering a page, switching page states, or meeting specific conditions, etc., and the embodiments of this disclosure do not limit this.
[0119] It should be noted that the target display event is not a single type of event, but consists of a variety of different operations or conditions. As long as any one of them is met, it will trigger the display of multiple recommendation sub-information on the media display page.
[0120] In some embodiments, the target display event is a swipe operation performed in any direction exceeding a target distance on the media display page. Accordingly, when a user swipes on the media display page and the swipe distance exceeds a pre-set "target distance," regardless of whether the swipe direction is up, down, left, or right, the target display event is triggered. Using "a swipe operation performed in any direction exceeding a target distance on the media display page" as the target display event aligns with users' daily browsing habits, requiring no additional learning curve. Triggering recommended sub-information when a user swipes can promptly meet their need to explore new content, improving information acquisition efficiency. Furthermore, it allows for precise push notifications based on swipe behavior, enhancing recommendation targeting, improving user experience, and increasing human-computer interaction efficiency.
[0121] For example, Figure 5 This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 5 As shown, users can swipe in any direction. To illustrate that new media covers are loaded regardless of the swipe direction, media covers not displayed on the screen are shown with light-colored boxes. If the user swipes left, the media covers not displayed on the left will be rendered onto the media display page, while the media covers on the right side of the current media display page will no longer be displayed. This can be imagined as an unfolding scroll.
[0122] In some embodiments, the target display event is a dwell time on a media display page exceeding a preset duration. Accordingly, the target display event is triggered when a user spends more than the preset duration on a media display page. For example, on a video media display page, if a user watches the page content for more than 10 seconds (the preset duration), the electronic device can display multiple recommended sub-information, such as multiple poster blocks. By setting "dwell time on a media display page exceeding a preset duration" as the target display event, it is possible to capture the user's interest in the current content and display recommended sub-information appropriately when the user is focused, without disturbing the user's browsing. Furthermore, accurate recommendations based on dwell time behavior improve information matching accuracy, increase the probability of users discovering content of interest, enhance user experience, and improve human-computer interaction efficiency.
[0123] In some embodiments, the target display event is a triggering operation on a refresh control of the media display page. Accordingly, a refresh control is displayed on the media display page. This refresh control can be a button, icon, or a specific action area (e.g., triggering a refresh via pull-down on a mobile device). Users interact with this refresh control by clicking, touching, or other means, thereby triggering the target display event. By setting the "triggering operation on the refresh control of the media display page" as the target display event, the latest content can be provided to users in a timely manner, meeting their need for real-time information. Furthermore, it enables precise recommendations based on user refresh frequency and context, improving the timeliness and relevance of recommended content and enhancing human-computer interaction efficiency.
[0124] In some embodiments, a target display event is triggered when a target number of media resources of a specific type are accessed within a preset time period. The preset time period is a pre-defined time range, such as 5 minutes or 10 minutes. The target type of media resource refers to a specific type of media resource, such as image media resources or video media resources. Within the preset time period, if a user performs a certain number of actions on the target type of media resources, and this number reaches a pre-defined target number, the target display event is triggered. For example, if a user views more than 5 food-related images within 3 minutes, the electronic device can display multiple related recommendation sub-information on the page, such as multiple food poster blocks that constitute a food poster. By setting "the target number of media resources of a specific type accessed within a preset time period" as the target display event, user interests can be accurately matched, improving the experience, increasing user engagement, and enhancing human-computer interaction efficiency.
[0125] It should be noted that the aforementioned multiple recommendation sub-information can be displayed directly in the middle of the media display page, or can be entered from the edge of the media display page, or can be displayed in the media display page in other ways. This disclosure embodiment does not limit this.
[0126] In some embodiments, displaying multiple sub-recommendation information on a media display page includes displaying multiple sub-recommendation information in the central area of the media display page. The central area refers to a relatively important position on the media display page, where the user's gaze is easily drawn. By displaying the sub-recommendation information in the central area, users can see it more conveniently and intuitively. Optionally, the electronic device can directly replace the media cover in the central area with the sub-recommendation information to display multiple sub-recommendation information in the central area. The electronic device can also display multiple sub-recommendation information slowly emerging from the central area, creating an effect of pushing the media cover originally displayed in the central area to the side. By displaying multiple sub-recommendation information in the central area of the media display page, user attention can be quickly attracted, increasing the exposure of key recommended content. The strong visual focus effect of the central area allows users to obtain information more efficiently, reducing search costs. Simultaneously, based on user-triggered event behavior data, content can be accurately pushed, optimizing the user experience, enhancing the interaction efficiency between users and recommended information, and improving human-computer interaction efficiency.
[0127] For example, Figure 6 This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 6 As shown, a grayscale box 601 is used to represent a poster block, and the relative positions of these poster blocks are consistent with their relative positions within the poster. For example, the poster content is a tree, and each poster block contains a portion of the tree, thus presenting the effect that the tree in the poster is divided into multiple areas for separate display, while still maintaining the overall impression of a single tree. Similarly, promotional posters can be divided into multiple areas and displayed in different poster blocks in a similar manner.
[0128] In some embodiments, displaying multiple recommendation sub-information on a media display page includes: displaying multiple recommendation sub-information on the media display page, entering the media display page from the edge of the media display page. These recommendation sub-information pieces do not appear directly on the media display page, but rather enter the media display page from the edge of the page (e.g., top, bottom, left, or right edge) in a certain way (e.g., swipe in, fade in, etc.), giving the user a dynamic visual effect to attract their attention and showcase the recommended content. By having multiple recommendation sub-information pieces enter from the edge of the media display page, a dynamic visual effect can attract user attention and increase the exposure of the recommended content. Furthermore, the edge entry method avoids the visual impact caused by sudden information appearance, and the gradual display method conforms to the user's browsing rhythm, guiding the user to naturally focus on the recommended content, enhancing the information delivery effect and user interaction experience, and improving human-computer interaction efficiency. Optionally, when the user swipes upwards, the recommendation sub-information appears from the bottom edge of the media display page; when the user swipes right, the recommendation sub-information appears from the left edge of the media display page.
[0129] It should be noted that multiple recommended sub-information items can be arranged in various ways on the media display page, including horizontal side-by-side, vertical side-by-side, and matrix.
[0130] In some embodiments, displaying multiple recommendation sub-information items on a media display page includes: displaying multiple recommendation sub-information items horizontally side-by-side on the media display page. Here, "horizontally side-by-side" means that the multiple recommendation sub-information items are arranged horizontally, with each item distributed adjacent to the next on the left and right sides of the media display page. By displaying multiple recommendation sub-information items horizontally side-by-side on the media display page after the target display event is triggered, the horizontal space of the page can be fully utilized, facilitating simultaneous comparison and browsing by users, quickly capturing key information, improving information acquisition efficiency, and enhancing human-computer interaction efficiency.
[0131] For example, Figure 7 This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 7 As shown, a poster block is represented by a grayscale box 701. The four poster blocks are arranged horizontally, which is suitable for displaying long, narrow posters. That is, landscape posters that are longer in length and shorter in width.
[0132] In some embodiments, displaying multiple recommendation sub-information items on a media display page includes: displaying multiple recommendation sub-information items vertically side-by-side on the media display page. Vertical side-by-side display means that multiple recommendation sub-information items are arranged sequentially along the vertical direction of the media display page, each recommendation sub-information item having its own space in the vertical direction and being side-by-side with each other. This allows users to view different recommendation sub-information items by vertically scrolling the media display page. By displaying multiple recommendation sub-information items vertically side-by-side on the media display page, it conforms to the user's top-down reading habit, facilitates line-by-line browsing, and improves the continuity of information acquisition; it also effectively utilizes the vertical space of the page, adapts to different screen sizes, ensures display integrity, and improves human-computer interaction efficiency.
[0133] For example, Figure 8 This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 8 As shown, a poster block is represented by a grayscale box 801. The four poster blocks are arranged vertically, but the media display page only shows two and a half of them, which is suitable for displaying vertically elongated posters. That is, vertical posters that are shorter in length and wider in width.
[0134] In some embodiments, displaying multiple recommendation sub-information items on a media display page includes: displaying the multiple recommendation sub-information items in a matrix format on the media display page. Displaying them in a matrix format means that the multiple recommendation sub-information items are arranged in rows and columns, similar to a table or chessboard layout. This method can make full use of page space and display multiple recommendation sub-information items simultaneously. By displaying multiple recommendation sub-information items in a matrix format on the media display page, page space can be used efficiently, a large amount of recommendation sub-information can be presented at once, improving information density and display efficiency. Furthermore, the matrix layout is neat and orderly, facilitating quick browsing for users, reducing information browsing costs, enhancing the visual appeal and information delivery effect of the page, and improving human-computer interaction efficiency.
[0135] For example, Figure 9 This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 9 As shown, a poster block is represented by a grayscale box 901. The nine poster blocks are arranged in a 3x3 matrix. Some poster blocks are not fully displayed on the media display page, which is suitable for displaying large posters, i.e., huge posters that are long and wide.
[0136] In some embodiments, the sizes and shapes of multiple recommendation sub-information pieces are not entirely identical. That is, among the multiple recommendation-related small blocks of information displayed, the space occupied by each sub-information piece varies, and their appearance is not entirely the same. For example, recommendation sub-information displayed on a media display page may include some large-sized images and others small-sized text paragraphs; or some sub-information pieces may be rectangular in shape, while others may be circular or irregularly shaped. This variation in size and shape increases the diversity and flexibility of the page display. Recommendation sub-information of different sizes and shapes can be differentiated according to content characteristics and importance to attract user attention and help users more intuitively distinguish different types of recommendation content, improving the efficiency of user information acquisition and thus improving human-computer interaction efficiency.
[0137] In step S303, in response to the triggering operation of any recommendation sub-information, the recommendation page associated with the recommendation information is displayed.
[0138] In this embodiment, the triggering operation includes various user-page interaction behaviors, commonly including clicking, long-pressing (on mobile devices), and hovering (on computers). In other words, when a user performs any interactive action on any of the recommended sub-information displayed on the media display page, the triggering condition is met, and the electronic device can display the recommendation page. The content displayed on this recommendation page is related to the recommended information. For example, if the recommended information is used to recommend a target object, then the recommendation page is used to display introductory videos and other relevant information about the target object.
[0139] In some embodiments, electronic devices can display recommendation pages via overlays. Accordingly, in response to a triggering operation on any recommendation sub-information, displaying the recommendation page associated with the recommendation information includes: in response to a triggering operation on any recommendation sub-information, displaying an overlay on a media display page, with the recommendation page associated with the recommendation information displayed on the overlay. An overlay is a layered element that appears as an overlay on a page. The overlay is independent of the original page content and can display additional information without leaving the current page. The overlay can be displayed as a pop-up or floating element on the media display page after a user triggers an operation. The recommendation page associated with the recommendation information is then displayed on the overlay to provide the user with more information. By displaying an overlay on the media display page after the user triggers the recommendation sub-information, and presenting the associated recommendation page, detailed content can be displayed without redirection, avoiding interruption of the user's current browsing flow. The overlay format focuses user attention, highlights recommendation information, and maintains the original page structure, allowing users to quickly return, reducing operational costs, and enhancing user engagement and browsing experience in exploring recommended content.
[0140] For example, Figure 10This is a schematic diagram illustrating another media display page according to an exemplary embodiment. See also Figure 10 As shown, an example is represented by a grayscale box 1001 to indicate the recommendation page displayed on the overlay.
[0141] In some embodiments, each recommendation sub-information is displayed in a corresponding display window. Accordingly, in response to a trigger operation on any recommendation sub-information, displaying the recommendation page associated with the recommendation information includes: in response to a trigger operation on any recommendation sub-information, enlarging the display window of the recommendation sub-information from a first size to a second size to serve as the recommendation page associated with the recommendation information. On the media display page, each recommendation sub-information can be displayed through an independent display window. For example, a recommended video may be displayed in a window as a thumbnail, title, etc. Each recommendation sub-information is initially presented in the display window at a first size, which is relatively small and displays less content. When the user triggers an operation, the display window corresponding to that recommendation sub-information is enlarged to the second size. The enlarged display window displays richer and more detailed content, functioning similarly to a recommendation page; in this embodiment, the enlarged display window is referred to as a recommendation page. By displaying each recommendation sub-information in an independent display window, information is displayed in a partitioned manner, avoiding content clutter and facilitating quick location and browsing of recommendation sub-information by the user. When a user triggers an action, the window enlarges from the first size to the second size, transforming into a recommendation page. This allows the detailed content of the recommended objects to be displayed without requiring page navigation, reducing user waiting time and maintaining the continuity of the operation. In addition, this progressive display method effectively enhances users' enthusiasm for exploring recommended information and improves human-computer interaction efficiency.
[0142] In some embodiments, each recommendation sub-information is displayed in its corresponding display window. Correspondingly, in response to a triggering operation on any recommendation sub-information, displaying the associated recommendation page includes: merging the display windows of multiple recommendation sub-information items into a single associated recommendation page in response to the triggering operation on any recommendation sub-information item. Originally, each recommendation sub-information item was displayed in its own independent display window. When a user triggers one of the recommendation sub-information items, the multiple previously independent display windows change and merge together to form a new page, namely the associated recommendation page. For example, if three recommendation sub-information items are displayed in their respective display windows, when a user triggers the recommendation sub-information in display window 1, display windows 2 and 3 gradually move closer to display window 1, or merge with display window 1 using some animation effect (such as fade-in, slide, etc.). The merged display window is called the recommendation page, and its size is larger than any of the display windows. By displaying each recommendation sub-information item in its corresponding display window, clear categorization is achieved, facilitating quick user identification. When any recommendation sub-information item is triggered, multiple display windows can be merged into a single recommendation page, thereby integrating comprehensive content and reducing page jumps. This approach is convenient and smooth to use, presenting the recommendation page in an intuitive and interactive way, enhancing the user experience, improving the efficiency of recommendation information dissemination and conversion, and thus improving the efficiency of human-computer interaction.
[0143] For example, display window 1 shows an image of a smartwatch and its simple name, "Smartwatch A"; display window 2 displays the smartwatch's specifications, such as screen size and battery life; display window 3 displays a summary of user reviews, such as "stylish design, good battery life." The integrated recommendation page presents more complete information about the smartwatch, such as enlarging the image and listing the specifications and user reviews in detail next to it, forming a coherent and information-rich page—a complete recommendation. Optionally, the recommendation page can also play an introductory video of the smartwatch.
[0144] In some embodiments, in response to a triggering operation on any recommendation sub-information, multiple recommendation sub-information pieces are displayed concatenated to form a recommendation message. Originally, the page contained multiple independently displayed recommendation sub-information pieces, each carrying a portion of the recommendation message information. For example, if the recommendation message is a poster, this poster is divided into four poster blocks, and these four poster blocks are displayed as recommendation sub-information pieces on the media display page. The display method can be found in [reference needed]. Figure 6The system resembles a tree. When a user triggers any one of the poster blocks, the electronic device displays the four poster blocks converging towards the center and then combining them into a complete poster. By combining multiple related sub-information items into a single recommendation after triggering the recommendation, the system avoids users repeatedly switching between scattered information, quickly integrates key content, improves the user's information acquisition efficiency, and enhances human-computer interaction efficiency.
[0145] In step S304, in response to the closing operation of the recommendation page, multiple recommendation sub-information is displayed on the media display page and replaced with multiple media covers belonging to the same media type.
[0146] In this embodiment, users can close the recommendation page by clicking the close button or using a specific shortcut key. Before the recommendation page is displayed, multiple sub-recommendations are shown; closing the page replaces these sub-recommendations with multiple media covers belonging to the same media type. For example, if the previous recommendations were about videos, multiple video cover images will now be displayed, such as multiple videos with the same actor or multiple videos on the same theme; if the recommendations were about articles, multiple article covers or representative images will be displayed. These media covers visually showcase the themes or characteristics of different media content, allowing users to quickly browse and distinguish different media content on the media display page, facilitating further selection of content of interest and improving human-computer interaction efficiency.
[0147] This disclosure provides a page display scheme that, by displaying multiple media covers on the media display page, can quickly present users with a rich media overview, facilitating intuitive information retrieval and improving browsing efficiency. By displaying multiple recommendation sub-information in response to target display events, a novel way of displaying recommendation information is provided, giving users a sense of novelty, increasing their willingness to browse and click, improving recommendation efficiency, and ultimately enhancing human-computer interaction efficiency.
[0148] Figure 11 This is a block diagram illustrating a page display device according to an exemplary embodiment. Figure 11 As shown, the device includes: a first display unit 1101 and a second display unit 1102.
[0149] The first display unit 1101 is configured to display multiple recommendation sub-information in a media display page, each recommendation sub-information being a part of the recommendation information;
[0150] The second display unit 1102 is configured to display the recommendation page associated with the recommendation information in response to a trigger operation on any recommendation sub-information.
[0151] In some embodiments, the first display unit 1101 is configured to display multiple recommendation sub-information in the central area of the media display page; or, to display multiple recommendation sub-information entering the media display page from the edge of the media display page.
[0152] In some embodiments, the first display unit 1101 is configured to display multiple recommendation sub-information items horizontally side-by-side in the media display page; or, to display multiple recommendation sub-information items vertically side-by-side in the media display page; or, to display multiple recommendation sub-information items in a matrix form in the media display page.
[0153] In some embodiments, the size and shape of the multiple recommendation sub-information items are not exactly the same.
[0154] In some embodiments, the first display unit 1101 is further configured to display multiple media covers on a media display page; and in response to a target display event, to perform the step of displaying multiple recommendation sub-information on the media display page.
[0155] In some embodiments, the target display event includes any of the following:
[0156] Perform a swipe operation in any direction that exceeds the target distance on the media display page;
[0157] The duration of time spent on the media display page exceeds the preset duration;
[0158] Triggering the refresh control on the media display page;
[0159] The target number of media resources of the target type are triggered within a preset time period.
[0160] In some embodiments, the second display unit 1102 is configured to display a floating layer on a media display page in response to a trigger operation on any recommendation sub-information, wherein the floating layer displays a recommendation page associated with the recommendation information.
[0161] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0162] The second display unit 1102 is configured to, in response to a trigger operation on any recommendation sub-information, enlarge the display window for displaying the recommendation sub-information from a first size to a second size to serve as the recommendation page associated with the recommendation information.
[0163] In some embodiments, each recommendation sub-information is displayed in a corresponding display window;
[0164] The second display unit 1102 is configured to, in response to a trigger operation on any recommendation sub-information, merge the display windows of multiple recommendation sub-information into a recommendation page associated with the recommendation information.
[0165] In some embodiments, the second display unit 1102 is further configured to display multiple recommendation sub-information concatenated into recommendation information in response to a trigger operation on any recommendation sub-information.
[0166] In some embodiments, the first display unit 1101 is further configured to, in response to a closing operation of the recommendation page, display multiple recommendation sub-information in the media display page as multiple media covers belonging to the same media type.
[0167] This disclosure provides a page display device that displays multiple recommendation sub-information on a media display page, offering a novel way to display recommendation information, giving users a sense of novelty, increasing users' willingness to browse and click, improving recommendation efficiency, and thus improving human-computer interaction efficiency.
[0168] It should be noted that the page display device provided in the above embodiments is only an example of the division of the above functional units. In practical applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device can be divided into different functional units to complete all or part of the functions described above. In addition, the page display device and the page display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.
[0169] Regarding the page display device in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.
[0170] In the embodiments of this disclosure, the electronic device can be a terminal or a server. When the electronic device is a terminal, the terminal acts as the execution subject to implement the technical solutions provided in the embodiments of this disclosure; when the electronic device is a server, the server acts as the execution subject to implement the technical solutions provided in the embodiments of this disclosure; or, the technical solutions provided in this disclosure can be implemented through interaction between the terminal and the server. This disclosure does not limit the scope of the embodiments.
[0171] Figure 12 This is a block diagram illustrating an electronic device according to an exemplary embodiment. Typically, the electronic device 1200 includes a processor 1201 and a memory 1202.
[0172] Processor 1201 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1201 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1201 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1201 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the screen. In some embodiments, processor 1201 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.
[0173] The memory 1202 may include one or more computer-readable storage media, which may be non-transitory. The memory 1202 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1202 are used to store at least one program code, which is executed by the processor 1201 to implement the page display method provided in the method embodiments of this disclosure.
[0174] In some embodiments, the electronic device 1200 may also optionally include a peripheral device interface 1203 and at least one peripheral device. The processor 1201, memory 1202, and peripheral device interface 1203 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1203 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: radio frequency circuitry 1204, display screen 1205, camera assembly 1206, audio circuitry 1207, and power supply 1208.
[0175] Peripheral device interface 1203 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 1201 and memory 1202. In some embodiments, processor 1201, memory 1202 and peripheral device interface 1203 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 1201, memory 1202 and peripheral device interface 1203 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.
[0176] The radio frequency (RF) circuit 1204 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1204 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1204 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1204 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 1204 can communicate with other electronic devices via at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: metropolitan area networks (MANs), various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks (WLANs), and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1204 may also include circuitry related to NFC (Near Field Communication), which is not limited in this disclosure.
[0177] Display screen 1205 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1205 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1201 for processing. In this case, display screen 1205 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 1205, which serves as the front panel of electronic device 1200; in other embodiments, there may be at least two display screens, respectively disposed on different surfaces of electronic device 1200 or in a folded design; in still other embodiments, display screen 1205 may be a flexible display screen, disposed on a curved or folded surface of electronic device 1200. Furthermore, display screen 1205 may also be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The display screen 1205 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).
[0178] The camera assembly 1206 is used to acquire images or videos. Optionally, the camera assembly 1206 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the electronic device, and the rear-facing camera is located on the back of the electronic device. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, panoramic shooting by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting, or other fusion shooting functions. In some embodiments, the camera assembly 1206 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm-light flash and a cool-light flash, which can be used for light compensation at different color temperatures.
[0179] The audio circuit 1207 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, converting the sound waves into electrical signals that are input to the processor 1201 for processing, or input to the radio frequency circuit 1204 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different part of the electronic device 1200. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from the processor 1201 or the radio frequency circuit 1204 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, the audio circuit 1207 may also include a headphone jack.
[0180] Power supply 1208 is used to power various components in electronic device 1200. Power supply 1208 can be AC power, DC power, a disposable battery, or a rechargeable battery. When power supply 1208 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.
[0181] Those skilled in the art will understand that Figure 12 The structure shown does not constitute a limitation on the electronic device 1200, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.
[0182] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 1202 including instructions, which can be executed by a processor 1201 of an electronic device 1200 to complete the page display method described above. Optionally, the computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.
[0183] A computer program product includes a computer program that, when executed by a processor, implements the above-described page display method.
[0184] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.
[0185] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.
Claims
1. A page display method, characterized in that, The method includes: Multiple sub-information recommendations are displayed on the media display page. Each sub-information recommendation is a part of the recommendation information. The multiple sub-information recommendations are obtained by segmenting the recommendation information and are displayed according to their relative positions in the recommendation information. In response to a trigger operation on any of the recommended sub-information, the recommendation page associated with the recommended information is displayed.
2. The page display method according to claim 1, characterized in that, The display of multiple recommendation sub-information on the media display page includes: The plurality of recommendation sub-information items are displayed in the central area of the media display page; or, The multiple recommended sub-information items are displayed on the media display page, and the user enters the media display page from the edge of the media display page.
3. The page display method according to claim 1, characterized in that, The display of multiple recommendation sub-information on the media display page includes: The multiple recommendation sub-information items are displayed horizontally side-by-side on the media display page; or, The multiple recommendation sub-information items are displayed vertically side-by-side on the media display page; or, The multiple recommendation sub-information items are displayed in a matrix format on the media display page.
4. The method according to any one of claims 1-3, characterized in that, The sizes and shapes of the multiple recommendation sub-information items are not exactly the same.
5. The page display method according to any one of claims 1-3, characterized in that, The method further includes: Multiple media covers are displayed on the media display page; In response to a target display event, the step of displaying multiple recommendation sub-information on the media display page is performed.
6. The page display method according to claim 5, characterized in that, The target display event includes any of the following: Perform a swipe operation in any direction exceeding a target distance on the media display page; The duration of time spent on the media display page exceeds the preset duration; Triggering the refresh control of the media display page; The target number of media resources of the target type are triggered within a preset time period.
7. The page display method according to claim 1, characterized in that, The step of displaying a recommendation page associated with any recommended sub-information in response to a trigger operation includes: In response to a triggering operation on any of the recommended sub-information, a floating layer is displayed on the media display page, on which the recommended page associated with the recommended information is displayed.
8. The page display method according to claim 1, characterized in that, Each recommendation sub-information is displayed in its corresponding display window; The step of displaying a recommendation page associated with any recommended sub-information in response to a trigger operation includes: In response to a trigger operation on any recommended sub-information, the display window of the recommended sub-information is enlarged from a first size to a second size to serve as the recommended page associated with the recommended information.
9. The page display method according to claim 1, characterized in that, Each recommendation sub-information is displayed in its corresponding display window; The step of displaying a recommendation page associated with any recommended sub-information in response to a trigger operation includes: In response to a trigger operation on any of the recommended sub-information, the display windows of the multiple recommended sub-information are merged into a recommended page associated with the recommended information.
10. The page display method according to claim 1, characterized in that, The method further includes: In response to a trigger operation on any of the recommended sub-information, the multiple recommended sub-information items are displayed as a concatenated recommended information.
11. The page display method according to claim 1, characterized in that, The method further includes: In response to the closing operation of the recommendation page, the multiple recommendation sub-information displayed on the media display page is replaced with multiple media covers belonging to the same media type.
12. A page display device, characterized in that, The device includes: The first display unit is configured to display multiple recommendation sub-information on a media display page. Each recommendation sub-information is a part of the recommendation information. The multiple recommendation sub-information are obtained by segmenting the recommendation information and are displayed according to their relative positions in the recommendation information. The second display unit is configured to display the recommendation page associated with any recommendation sub-information in response to a trigger operation on the recommendation sub-information.
13. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory used to store the executable program code of the processor; The processor is configured to execute the program code to implement the page display method as described in any one of claims 1 to 11.
14. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is able to perform the page display method as described in any one of claims 1 to 11.
15. A computer program product comprising a computer program that, when executed by a processor, implements the page display method as described in any one of claims 1 to 11.