Content display method, electronic device, and storage medium

Abstract

The present disclosure relates to a content display method, an electronic device and a storage medium. In the present disclosure, a first page is displayed in a target interactive interface. Then, in response to a page turning operation of a user on the target interactive interface, a page turning animation corresponding to the page turning operation is displayed, the page turning animation being an animation of turning from the first page to a second page corresponding to the page turning operation. During the display of the page turning animation, a target content is displayed on the page turning animation, the target content being related to the content displayed in the target interactive interface. The user can be shown interactive information related to the content displayed in the current interactive interface during the page turning process, thereby improving the reading interactive experience of the user.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a content display method, electronic device, and storage medium. Background Technology

[0002] With the continuous development of technology and society, e-books have become increasingly popular among users due to their energy-saving, environmentally friendly, and versatile formats. Furthermore, the various functions of e-books greatly satisfy people's needs, with page-turning being an essential feature.

[0003] To enhance the user's reading experience, existing page-turning functions include simulated page-turning mode, overlay page-turning mode, and swipe page-turning mode. However, existing page-turning modes simply display the page-turning effect during the page-turning process, lacking information interaction with the user, thus reducing the user's reading interaction experience. Summary of the Invention

[0004] To address the aforementioned technical problems, this disclosure provides a content display method, an electronic device, and a storage medium.

[0005] A first aspect of this disclosure provides a content display method, the method comprising:

[0006] Display the first page within the target interactive interface;

[0007] In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0008] During the page-turning animation, the target content is displayed on the page-turning animation. The target content is related to the content displayed in the target interactive interface.

[0009] A second aspect of this disclosure provides an electronic device including a processor and a memory, the memory storing executable instructions that cause the processor to perform the following operations:

[0010] Display the first page within the target interactive interface;

[0011] In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0012] During the page-turning animation, the target content is displayed on the page-turning animation. The target content is related to the content displayed in the target interactive interface.

[0013] A third aspect of this disclosure provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the content display method of the first aspect described above.

[0014] The technical solution provided in this disclosure has the following advantages compared with the prior art:

[0015] In this embodiment of the disclosure, a first page is displayed within a target interactive interface; then, in response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed. The page-turning animation is an animation of turning pages from the first page to the second page corresponding to the page-turning operation. During the display of the page-turning animation, target content is displayed on the page-turning animation. The target content is related to the content displayed within the target interactive interface. This allows for the display of interactive information related to the content currently displayed on the interactive interface to the user during the page-turning process, thereby improving the user's reading interaction experience. Attached Figure Description

[0016] The accompanying drawings, which are incorporated in and form a part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure.

[0017] To more clearly illustrate the technical solutions in the embodiments of this disclosure or the prior art, the accompanying drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, those skilled in the art can obtain other drawings based on these drawings without creative effort.

[0018] Figure 1 This is a flowchart of a content display method provided in an embodiment of this disclosure;

[0019] Figure 2 This is a schematic diagram of a simulated page-turning interface provided in an embodiment of this disclosure;

[0020] Figure 3 This is a schematic diagram of a page-turning interface provided in an embodiment of this disclosure;

[0021] Figure 4 This is a schematic diagram of a sliding page-turning interface provided in an embodiment of this disclosure;

[0022] Figure 5 This is a flowchart of another content display method provided in this embodiment of the disclosure;

[0023] Figure 6 This is a flowchart of yet another content display method provided in this embodiment of the disclosure;

[0024] Figure 7 This is a flowchart of another content display method provided in this embodiment of the disclosure;

[0025] Figure 8 This is a schematic diagram of a target interactive interface provided in an embodiment of this disclosure;

[0026] Figure 9 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0027] To better understand the above-mentioned objectives, features, and advantages of this disclosure, the solutions disclosed herein will be further described below. It should be noted that, unless otherwise specified, the embodiments and features described herein can be combined with each other.

[0028] Numerous specific details are set forth in the following description in order to provide a full understanding of this disclosure, but this disclosure may also be implemented in other ways different from those described herein; obviously, the embodiments in the specification are only some, and not all, of the embodiments of this disclosure.

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

[0030] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0031] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0032] Currently, to enhance the user's reading experience, existing e-book page-turning functions include simulated page-turning mode, overlay page-turning mode, and swipe page-turning mode. However, existing page-turning modes simply display the page-turning effect during the page-turning process, lacking information interaction with the user, thus reducing the user's reading interaction experience.

[0033] To address the shortcomings of related technologies in the e-book page-turning process, this disclosure provides a content display method, electronic device, and storage medium. By displaying target content related to the content displayed in the target interactive interface during page-turning, interactive information can be presented to the user during the page-turning process, thereby improving the user's reading interaction experience.

[0034] The content display method provided in this disclosure can be executed by an electronic device capable of providing content display functionality. The electronic device can be understood as any device with processing and computing capabilities. The device may include, but is not limited to, mobile terminals such as smartphones, laptops, personal digital assistants (PDAs), tablet computers (PADs), portable multimedia players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), wearable devices, and fixed electronic devices such as digital TVs and desktop computers.

[0035] To better understand the inventive concept of the embodiments of this disclosure, the technical solutions of the embodiments of this disclosure will be described below with reference to exemplary embodiments.

[0036] Figure 1 This is a flowchart of a content display method provided in an embodiment of this disclosure, such as... Figure 1 As shown, the content display method provided in this embodiment includes steps 110-130:

[0037] Step 110: Display the first page within the target interactive interface.

[0038] The interactive interface in this embodiment can be understood as an application interface displayed on an electronic device that can interact with the user, and can be used to display the application page of an application running on the electronic device.

[0039] The application page in this embodiment can be understood as a page used to display the various functional contents of an application running on an electronic device after the application is opened.

[0040] The first page in this embodiment can be understood as the application page that the user is browsing.

[0041] In this embodiment of the disclosure, a user can input a page display operation on an electronic device to display a first page. The electronic device can respond to the page display operation and display the first page within the target interactive interface. The page display operation can be understood as an operation that triggers the electronic device to display the first page. For example, the page display operation can be a click, long press, or double-click on the corresponding icon of the first page, or it can be a page display operation performed through voice control, facial expression control, etc. This embodiment of the disclosure does not impose specific limitations.

[0042] For example, the application can be any e-book reading application, the target interactive interface can be the reading interface of any e-book, and the first page can be the first reading page of the e-book that the user wants to read in the e-book reading application. The first reading page can be any page of the e-book. The user can click on the page icon of the first reading page of the e-book, so that the electronic device can display the first reading page within the e-book reading interface.

[0043] Step 120: In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0044] The page-turning operation in this embodiment can be understood as an operation used to trigger the electronic device to jump from the first page to the display of the second page. The page-turning operation can be a swiping operation on the first page from one position to another on the target interactive interface, or a page-turning operation controlled by gestures, or other operations that can be used to trigger the display of page-turning animations. This embodiment does not specifically limit the operation.

[0045] The page-turning animation in this embodiment can be understood as an animation of turning from the first page to the second page corresponding to the page-turning operation, that is, a dynamic picture of the page-turning process from the first page to the second page. The second page can be understood as the previous or next page of the first page. In this embodiment, the page-turning animation is composed of multiple animated image frames at various moments. Each animated image frame is an image of the first and second pages corresponding to a specific moment of the page-turning operation. By playing the animated image frames from multiple moments in the page-turning operation sequentially from beginning to end, the page-turning animation corresponding to that operation can be obtained.

[0046] The second page in this embodiment can be understood as the application page that the user wants to browse. The second page can be the previous page or the next page of the first page.

[0047] For example, continuing with the example of any e-book reading application and any e-book reading interface, the first page can be the first reading page of the e-book that the user wants to read in the e-book reading application, and the second page can be the second reading page of the e-book that the user wants to read in the e-book reading application. The second reading page can be the previous page or the next page of the first reading page.

[0048] In this embodiment of the disclosure, the page turning type may include simulated page turning type, overlay page turning type, and sliding page turning type, etc.

[0049] Simulated page turning can be understood as pulling up the first page, simultaneously displaying the front and back areas of the first page. As the page turns, the front area of ​​the first page gradually decreases, while the back area and the front area of ​​the second page gradually expand, creating a 3D page-turning effect similar to how a user would actually turn the pages of a physical book. For example, Figure 2 A schematic diagram of a simulated page-turning interface is provided, such as... Figure 2 As shown, the interface diagram of the simulated page turning is an animation image frame at a certain moment in the simulated page turning process. 200 is the target interactive interface, 201 is the front display area of ​​the first page, 202 is the front display area of ​​the second page, and 204 indicates that the page turning direction is from right to left. During the page turning process, the front display area 201 of the first page gradually decreases, while the back display area 203 of the first page and the front display area 202 of the second page gradually expand.

[0050] Overlay page turning can be understood as the first page covering the second page before the page turn. During the page turn, the first page moves in the direction of the page turn, the front display area of ​​the first page gradually decreases, and the front display area of ​​the second page gradually increases until the entire front display area of ​​the second page is displayed. This can create the effect of the first page moving along the page turn direction. For example, Figure 3 A schematic diagram of a page-turning interface is provided, such as... Figure 3 As shown, the schematic diagram of the page-turning interface is an animated image frame at a certain moment in the page-turning process. 300 is the target interactive interface, 301 is the front display area of ​​the first page, 302 is the front display area of ​​the second page, and 303 indicates that the page-turning direction is from right to left. During the page-turning process, the front display area 301 of the first page gradually decreases, and the front display area 302 of the second page gradually expands.

[0051] Swipe-to-turn pages can be understood as the process where, based on the user's swipe gesture, the first and second pages slide synchronously in the swipe direction. The displayed area of ​​the first page gradually decreases, while the displayed area of ​​the second page gradually increases until the entire displayed area of ​​the second page is shown. This creates a page-turning effect where the first and second pages move synchronously along the swipe direction. The swipe direction can be understood as the direction in which the user swipes to turn pages. For example, Figure 4 A schematic diagram of a swipe-to-turn page interface is provided, such as... Figure 4 As shown, the schematic diagram of the sliding page-turning interface is an animated image frame at a certain moment in the sliding page-turning process. 400 is the target interactive interface, 401 is the front display area of ​​the first page, 402 is the front display area of ​​the second page, and 403 indicates that the sliding direction is from right to left. During the page-turning process, the first page and the second page move synchronously along the sliding direction. The front display area 401 of the first page gradually decreases, and the front display area 402 of the second page gradually expands.

[0052] In this embodiment of the disclosure, when the page-turning type is a simulated page-turning type, the page-turning animation can show the continuous three-dimensional dynamic changes of the front and back display areas of the first page until the second page is fully displayed, which can present a three-dimensional page-turning dynamic effect that is similar to the user's actual page-turning on a paper book.

[0053] When the page turning type is an overlay page turning type, the page turning animation can show the process of the first page moving along the page turning direction until the second page is fully displayed, which can present the page turning effect of the first page moving along the page turning direction.

[0054] When the page turning type is swipe page turning, the page turning animation can show the process of the first page and the second page sliding synchronously in the swipe direction until the second page is fully displayed, which can present the page turning effect of the first page and the second page sliding synchronously in the swipe direction.

[0055] In this embodiment of the disclosure, after the electronic device displays the first page in the target interactive interface, it can respond to the user's page-turning operation on the target interactive interface and display the page-turning animation corresponding to the page-turning operation on the target interactive interface, so as to dynamically display the page-turning process from the first page to the second page.

[0056] Step 130: During the page-turning animation, display the target content on the page-turning animation. The target content is related to the content displayed in the target interactive interface.

[0057] In this embodiment of the disclosure, the electronic device can display the target content on the page-turning animation while displaying the page-turning operation corresponding to the page-turning operation.

[0058] In some embodiments, displaying target content on a page-turning animation can be done by displaying the target content within the page-turning animation. In this method, the electronic device can integrate the target content into a designated display area in each animation frame of the page-turning animation to display the target content within the page-turning animation.

[0059] In other embodiments, displaying the target content on the page-turning animation can also mean displaying the target content in a floating manner on the page-turning animation. Here, floating display can be understood as displaying the content independently of the page-turning animation and within a layer above the page-turning animation. Since the page-turning animation is used to display the first and second pages during the page-turning process, floating display can also be understood as displaying the content within a layer above the first and second pages.

[0060] The target content in this embodiment can be understood as content related to the content displayed within the target interactive interface. The target content in this embodiment may include text, images, videos, bullet comments, and other similar content.

[0061] Specifically, when the target interactive interface is an e-book reading interface, the first page is the first reading page of the e-book, and the second page is the second reading page of the e-book, the target content may include at least one of the following:

[0062] The first piece of content related to the ebook, the second piece of content related to the first reading page, and the third piece of content related to the second reading page.

[0063] The first content may include preset content or the first comment related to the ebook, or it may include both preset content and the first comment. Preset content can be understood as preset tag-type content related to the ebook, such as content related to the ebook's theme; the first comment can be understood as preset comment content related to the ebook, such as "really great" or "amazing," but it is not limited to these.

[0064] The second content can include either a summary or a second comment related to the first reading page. The summary can be a summary of the first reading page or content preceding it; for example, it could be a scene from the current or recently read page, text or images that resonate with the plot of the first reading page, or a summary of the chapter containing the first reading page, but is not limited to these. The second comment can be a user's comment on the content of the first reading page, or a user's comment on the chapter containing the first reading page, but is not limited to these.

[0065] The third content can include spoilers or third-party comments related to the second reading page, or both. Spoilers can be understood as previews of the second reading page and subsequent content, while third-party comments can be user comments on the second reading page and subsequent content. However, it is not limited to these.

[0066] Therefore, by displaying target content that is related to the content displayed within the target interactive interface, the continuity of the user's reading can be improved, the attractiveness of the reading content to the user can be enhanced, and the user's reading interest can be increased.

[0067] In this embodiment of the disclosure, a first page is displayed within a target interactive interface; then, in response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed. The page-turning animation is an animation of turning pages from the first page to the second page corresponding to the page-turning operation. During the display of the page-turning animation, target content is displayed on the page-turning animation. The target content is related to the content displayed within the target interactive interface. This allows for the display of interactive information related to the content currently displayed on the interactive interface to the user during the page-turning process, thereby improving the user's reading interaction experience.

[0068] Based on the above embodiments, Figure 5 A flowchart is provided for another content display method, such as Figure 5 As shown, the content display method provided in this embodiment includes steps 510-560:

[0069] Step 510: Display the first page within the target interactive interface.

[0070] The content of this embodiment can be referred to step 110 above, and will not be repeated here.

[0071] Step 520: In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0072] The content of this embodiment can be referred to step 120 above, and will not be repeated here.

[0073] Step 530: Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to browse the target content.

[0074] In this embodiment of the disclosure, the real-time operation parameters can be understood as parameters related to the page-turning operation.

[0075] The browsing intent in this embodiment can be understood as the user's desire to browse target content while the electronic device displays page-turning animations.

[0076] In this embodiment of the disclosure, during the process of displaying page-turning animation, the electronic device can first detect whether the user has the intention to browse the target content based on the real-time operation parameters of the page-turning operation.

[0077] In some embodiments, when the page-turning operation is a swipe operation, the real-time operation parameters may include the page-turning amplitude, which can be understood as the distance the first page slides in the swipe direction.

[0078] The electronic device can determine whether the page-turning amplitude is greater than a first preset amplitude threshold. If the page-turning amplitude is greater than the first preset amplitude threshold, it is determined that the user has an intention to browse the target content; if the page-turning amplitude is less than or equal to the first preset amplitude threshold, it is determined that the user does not have an intention to browse the target content. The first preset amplitude threshold in this embodiment can be set as needed, and no specific limitation is made here.

[0079] In other embodiments, the real-time operation parameters include page-turning duration, which can be understood as the duration of displaying the page-turning animation corresponding to the page-turning operation. It may include the duration of the user's swipe on the first page and the duration of the user's finger remaining at any position on the first page during the display of the page-turning animation.

[0080] The electronic device can determine whether the page-turning time exceeds a preset time threshold. If the page-turning time exceeds the preset time threshold, it is determined that the user has an intention to browse the target content; if the page-turning time is less than or equal to the preset time threshold, it is determined that the user does not have an intention to browse the target content. The preset time threshold in this embodiment can be set as needed, and no specific limitation is made here.

[0081] In some other embodiments, when the page-turning operation is a swipe operation, the real-time operation parameters may include the page-turning amplitude and the page-turning duration.

[0082] The electronic device can determine whether the page turning range is greater than a first preset range threshold and whether the page turning time is greater than a preset time threshold. If the page turning range is greater than the first preset range threshold and the page turning time is greater than the preset time threshold, it is determined that the user has the intention to browse the target content. If the page turning range is not greater than the first preset range threshold and / or the page turning time is not greater than the preset time threshold, it is determined that the user does not have the intention to browse the target content.

[0083] Step 540: If the user is detected to have an intention to browse the target content, display the target content on the page-turning animation.

[0084] In this embodiment of the disclosure, when the electronic device detects that the user has an intention to browse the target content during the page-turning animation, the electronic device can display the target content on the page-turning animation; when the electronic device detects that the user does not have an intention to browse the target content, the electronic device does not display the target content on the page-turning animation.

[0085] Step 550: Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to cancel browsing the target content.

[0086] The intent to cancel browsing in this embodiment can be understood as the user not wanting the target content to be displayed on the page-turning animation while the electronic device is displaying the animation.

[0087] In this embodiment of the disclosure, after the electronic device displays the target content on the page-turning animation, it can detect whether the user has an intention to browse the target content or whether the user has an intention to cancel browsing the target content based on the real-time operation parameters of the page-turning operation.

[0088] In some embodiments, when the page-turning operation is a swipe operation, the real-time operation parameters may include the page-turning amplitude. A second preset amplitude threshold is greater than a first preset amplitude threshold. If the page-turning amplitude is greater than the second preset amplitude threshold, it is determined that the user has an intention to cancel browsing the target content; if the page-turning amplitude is less than or equal to the second preset amplitude threshold, it is determined that the user does not have an intention to cancel browsing the target content. The second preset amplitude threshold can be set as needed and is not specifically limited here.

[0089] In other embodiments, real-time operation parameters may include a page-turning state, which can include a page-turning in progress state and a page-turning completed state. The page-turning in progress state can be understood as the page-turning process being in progress, with a page-turning animation being displayed on the target interactive interface. The page-turning completed state can be understood as the page-turning animation stopping on the target interactive interface, the electronic device ending the page-turning process from the first page to the second page, and the second page being fully displayed on the target interactive interface. The electronic device can detect in real-time whether the page-turning state is in the page-turning completed state. If it detects that the page-turning state is in the page-turning completed state, it determines that the user has an intention to cancel browsing the target content; if it detects that the page-turning state is not in the page-turning completed state, it determines that the user does not have an intention to cancel browsing the target content.

[0090] Optionally, the electronic device can detect in real time the user's end page-turning operation on the target interactive interface. For example, the end page-turning operation can be the user's finger leaving the first page. If the user's end page-turning operation on the target interactive interface is detected, the electronic device can respond to the user's end page-turning operation by stopping the page-turning animation, ending the page-turning process from the first page to the second page, fully displaying the second page in the target interactive interface, and adjusting the page-turning status to the page-turning completed status.

[0091] In some other embodiments, when the page-turning operation is a swipe operation, the real-time operation parameters may include the page-turning amplitude and the page-turning state. The electronic device can determine whether the page-turning amplitude is greater than a second preset amplitude threshold and whether the electronic device is in a page-turning completed state. If the page-turning amplitude is greater than the second preset amplitude threshold and the electronic device is in a page-turning completed state, it is determined that the user has an intention to cancel browsing the target content; if the page-turning amplitude is less than or equal to the second preset amplitude threshold and the electronic device is not in a page-turning completed state, it is determined that the user does not have an intention to cancel browsing the target content.

[0092] Step 560: If the system detects that the user has cancelled their browsing intent for the target content, then cancel the display of the target content.

[0093] In this embodiment of the disclosure, when the electronic device detects that the user intends to cancel browsing the target content during the page-turning animation, the electronic device can cancel the display of the target content on the page-turning animation; when the electronic device detects that the user does not intend to cancel browsing the target content, the electronic device continues to display the target content on the page-turning animation.

[0094] In some embodiments, when the electronic device detects that the user does not intend to cancel browsing the target content, if the electronic device has not completed the page-turning process at this time, it continues to display the page-turning animation and cancels the display of the target content.

[0095] In other embodiments, if the electronic device does not pause the page-turning animation while displaying the target content, then when the electronic device detects that the user does not intend to cancel browsing the target content, if the electronic device has not completed the page-turning process at this time, it will continue displaying the page-turning animation from the currently playing animation image frame and cancel the display of the target content; if the electronic device has paused the page-turning animation while displaying the target content, then when the electronic device detects that the user does not intend to cancel browsing the target content, if the electronic device has not completed the page-turning process at this time, it will continue displaying the page-turning animation from the paused animation image frame and cancel the display of the target content.

[0096] In some other embodiments, when the electronic device detects that the user does not intend to cancel browsing the target content, if the electronic device has already completed the page turning process, the electronic device displays the second page and cancels the display of the target content.

[0097] Therefore, by detecting in real time whether the user intends to browse the target content and cancel browsing intention during the page-turning animation on electronic devices, it can determine whether the user wants to browse the target content during the page-turning process, and display the target content according to the user's intention, thereby further improving the user's reading interaction experience.

[0098] Figure 6 This is a flowchart of another content display method provided in this disclosure embodiment, such as... Figure 6 As shown, the content display method provided in this embodiment includes steps 610-640:

[0099] Step 610: Display the first page within the target interactive interface.

[0100] The content of this embodiment can be referred to step 110 above, and will not be repeated here.

[0101] Step 620: In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0102] The content of this embodiment can be referred to step 120 above, and will not be repeated here.

[0103] Step 630: During the page-turning animation, display a mask on the target interactive interface, with the mask positioned above the page-turning animation.

[0104] The overlay in this embodiment can be understood as a semi-transparent or opaque page layer.

[0105] In this embodiment of the disclosure, during the process of displaying the page-turning animation corresponding to the page-turning operation, the electronic device can display a mask layer within the target interactive interface, and the mask layer can be located above the page-turning animation.

[0106] It should be noted that when an electronic device displays an overlay within the target interactive interface, the overlay can obscure the content of the corresponding first and second pages, making it impossible for the user to see the obscured content. For example, as... Figure 3 As shown, 305 is a mask layer, and its display position is located within the front display area 301 of the first page and the front display area 302 of the second page. The target content 304 is displayed on the mask layer 305, and the mask layer 305 obscures the corresponding content of the first page and the second page.

[0107] In this embodiment of the disclosure, the overlay being located above the page-turning animation can be understood as the overlay being displayed floating above the page-turning animation. Floating display can be understood as displaying independently of the page-turning animation within a layer above it. Since the page-turning animation is used to display the first and second pages during the page-turning process, floating display can also be understood as displaying within a layer above the first and second pages.

[0108] Step 640: Display the target content on the mask layer.

[0109] In this embodiment of the disclosure, after the electronic device displays a mask in the target interactive interface, it can display target content on the mask, which is related to the content displayed in the target interactive interface.

[0110] Therefore, by displaying the first page within the target interactive interface; then, in response to the user's page-turning operation on the target interactive interface, displaying the page-turning animation corresponding to the page-turning operation; and during the display of the page-turning animation, displaying a mask within the target interactive interface and displaying the target content on the mask, a solution can be achieved by displaying the target content floating on the page-turning animation through the mask display. This allows for the presentation of interactive information related to the content currently displayed on the interactive interface to the user during the page-turning process, thereby improving the user's reading interaction experience.

[0111] In some embodiments of this disclosure, before displaying the overlay in the target interactive interface, the electronic device may pause the page-turning animation, pause the playing animation image frames, and then display the overlay in the target interactive interface and display the target content on the overlay.

[0112] In some other embodiments of this disclosure, before displaying the overlay in the target interactive interface, the electronic device may pause the page-turning animation and pause the playing animation image frames when it detects that the user intends to browse the target content, and then display the overlay in the target interactive interface and display the target content on the overlay.

[0113] This allows users to browse target content without being disturbed by page-turning animations, providing them with an immersive reading experience.

[0114] In some embodiments of this disclosure, before displaying the overlay within the target interactive interface, the electronic device can further determine whether the animation image frame of the currently playing page-turning animation has reached a preset animation image frame. If the animation image frame of the currently playing page-turning animation has not reached the preset animation image frame, the page-turning animation can be displayed up to the preset animation image frame. If the animation image frame of the currently playing page-turning animation has reached the preset animation image frame, the preset animation image frame is displayed directly, and then the overlay is displayed on the page-turning animation. For example, if the animation image frame of the currently playing page-turning animation is before the preset animation image frame, the current animation image frame can be played backward to the preset animation image frame; if the animation image frame of the currently playing page-turning animation is after the preset animation image frame, the current animation image frame can be played forward to the preset animation image frame.

[0115] In some other embodiments of this disclosure, after displaying the page-turning animation to a preset animation image frame, the electronic device can pause the preset animation image frame and then display a mask on the page-turning animation.

[0116] In some other embodiments of this disclosure, before displaying the overlay in the target interactive interface, the electronic device may also detect whether the user has the intention to browse the target content. When the user's intention to browse the target content is detected, the electronic device may determine whether the animation image frame of the currently playing page-turning animation has reached the preset animation image frame. If the animation image frame of the currently playing page-turning animation has not reached the preset animation image frame, the page-turning animation may be displayed to the preset animation image frame, and then the overlay may be displayed on the page-turning animation.

[0117] Specifically, the preset animation image frame can be understood as the animation image frame corresponding to the preset page-turning amplitude, and there is a one-to-one correspondence between the preset page-turning amplitude and the animation image frame. The preset page-turning amplitude can be understood as the page-turning amplitude after expanding the original page-turning amplitude by a preset threshold. This preset threshold can be set as needed and is not specifically limited here.

[0118] For example, when the page-turning type is the simulated page-turning type, such as Figure 2 As shown, if the page turning amplitude does not reach the preset page turning amplitude, it means that the display area of ​​the back display area 203 of the first page is too small to display more target content. At this time, the electronic device can adjust the preset image frame corresponding to the preset page turning amplitude to the preset animation image frame, and then display the preset animation image frame. This can expand the display area of ​​the back display area 203, allowing the back display area 203 to display more target content and improve the user's reading interaction experience.

[0119] Figure 7 This is a flowchart of another content display method provided in this disclosure embodiment, such as... Figure 7As shown, the content display method provided in this embodiment includes steps 710-760:

[0120] Step 710: Display the first page within the target interactive interface.

[0121] The content of this embodiment can be referred to step 110 above, and will not be repeated here.

[0122] Step 720: In response to the user's page-turning operation on the target interactive interface, display the page-turning animation corresponding to the page-turning operation. The page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation.

[0123] The content of this embodiment can be referred to step 120 above, and will not be repeated here.

[0124] Step 730: Obtain the animation type of the page-turning animation.

[0125] The animation types in this embodiment can be understood as different page-turning types, including simulated page-turning types, overlay page-turning types, and sliding page-turning types, etc.

[0126] In this embodiment of the disclosure, after the electronic device displays the page-turning animation corresponding to the page-turning operation, it can obtain the animation type of the page-turning animation.

[0127] Step 740: Determine the display position of the mask corresponding to the animation type.

[0128] The mask display position in the embodiments of this disclosure may include the front display area of ​​the first page or the second page and the back display area of ​​the first page or the second page.

[0129] In this embodiment of the disclosure, after obtaining the animation type of the page-turning animation, the electronic device can determine the display position of the mask corresponding to the animation type.

[0130] In this embodiment of the disclosure, when the animation type is a simulated page-turning type, the overlay display position is the back display area of ​​the first page in the page-turning animation, such as... Figure 2 As shown, 206 is a mask layer, displayed within the back display area 203 of the first page, with the target content 205 displayed on the mask layer 206. When the animation type is an overlay page-turning type or a slide page-turning type, the mask layer is displayed in the front display area of ​​the first or second page in the page-turning animation, for example, Figure 3 The diagram shows an overlay page-turning type. 305 is a mask layer, positioned between the front display area 301 of the first page and the front display area 302 of the second page. The target content 304 is displayed on the mask layer 305. For example... Figure 4The image shows a sliding page-turning type. 405 is a mask layer, and its display position is located in the middle area between the front display area 401 of the first page and the front display area 402 of the second page. The target content 404 is displayed on the mask layer 405.

[0131] Step 750: Display the mask at the designated mask display location within the target interactive interface.

[0132] In this embodiment of the disclosure, after determining the mask display position corresponding to the animation type, the electronic device can display the mask at the mask display position within the target interactive interface.

[0133] In some embodiments of this disclosure, when the animation type is a simulated page-turning type, the overlay display position can be the back display area of ​​the first page in the page-turning animation. The electronic device can determine the display size of the overlay based on the area size of the back display area, and then display the overlay at the overlay display position according to the display size. In some embodiments, the electronic device can identify the boundary coordinates of the page-turning animation image corresponding to the back display area, determine the boundary size of the page-turning animation image, and determine the size of the page-turning animation image as the area size; in other embodiments, the electronic device can calculate the area size of the back display area according to the correspondence between the page-turning amplitude and the area size of the back display area.

[0134] Step 760: Display the target content on the mask layer.

[0135] In this embodiment of the disclosure, after the electronic device displays a mask at the mask display position within the target interactive interface, the target content can be displayed on the mask.

[0136] In some embodiments, when the animation type is a simulated page-turning type, the overlay display position is the back display area of ​​the first page in the page-turning animation. At this time, the back display area is a three-dimensional plane, while the target content is a two-dimensional plane. If the two-dimensional target content is directly displayed in the three-dimensional back display area, the target content cannot be fully displayed in the back display area, affecting the user's reading interaction. In order to fully display the target content in the back display area, displaying the target content on the overlay may include steps 761-763:

[0137] Step 761: Calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area.

[0138] In this embodiment of the disclosure, the initial pixel coordinates of the target content are two-dimensional planar coordinates. When the animation type is a simulated page-turning type, the back display area is a three-dimensional plane, and the pixel coordinates of each area of ​​the back display area are three-dimensional coordinates. After the electronic device displays the overlay on the back display area of ​​the first page, it can calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area, that is, the one-to-one correspondence between the initial pixel coordinates and the pixel coordinates of each area of ​​the back display area.

[0139] Step 762: Based on the mapping relationship, perform content transformation on the target content to obtain the transformed target content.

[0140] In this embodiment of the disclosure, after obtaining the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the rear display area, the electronic device can perform content deformation on the target content based on the mapping relationship to obtain the deformed target content.

[0141] In this embodiment of the disclosure, content deformation of the target content can be understood as adjusting each initial pixel coordinate of the target content based on the mapping relationship between each initial pixel coordinate of the target content and the pixel coordinates of each area of ​​the back display area, so that the display shape of the two-dimensional target content is the same as the three-dimensional shape of the back display area.

[0142] Step 763: Display the deformed target content on the mask layer.

[0143] In this embodiment of the disclosure, after obtaining the deformed target content, the electronic device can display the deformed target content on the mask layer.

[0144] Therefore, when the animation type is a simulated page-turning type, the overlay display position is the back display area of ​​the first page in the page-turning animation. The target content can be fully displayed in the back display area, allowing users to fully browse the target content and improving the user's reading interaction experience.

[0145] In other embodiments of this disclosure, based on the above embodiments, before displaying the target content in the page-turning animation, the electronic device can further blur the target page content in the page-turning animation. The target page content includes the page content of the first page and the page content of the second page. Then, the target content is displayed more prominently in the page-turning animation. This increases the contrast between the target content and the target page content, making the display effect of the target content more prominent and obvious.

[0146] The blurring in this embodiment may include reducing the display brightness or clarity of the target page content in the page-turning animation, and may also include graying out the target page content in the page-turning animation, but is not limited to this, to reduce the display effect of the target page content. For example, Figure 8 Is Figure 4 Based on this, a schematic diagram of a target interactive interface is provided, such as... Figure 8 As shown, the page content in the front display area 401 of the first page and the front display area 402 of the second page has been grayed out.

[0147] The enhancements in this embodiment may include increasing the display brightness or clarity of the target content, and may also include bolding the text of the target content, but are not limited thereto, in order to improve the display effect of the target content and make the display effect of the target content more prominent and obvious.

[0148] It should be noted that the page content of the first page and the page content of the second page in this embodiment may include text and image elements within the page, but do not include the page border. Therefore, the page border can be ignored, and the page content can be further highlighted.

[0149] Figure 9 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. It should be noted that... Figure 9 The electronic device 900 shown is merely an example and should not be construed as limiting the functionality and scope of use of the embodiments of the present invention.

[0150] The electronic device 900 conventionally includes a processor 910 and a computer program product or computer-readable medium in the form of a memory 920. The memory 920 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read-Only Memory), EPROM, hard disk, or ROM. The memory 920 has storage space 921 for executable instructions (or program code) 9211 for performing any of the methods described above. For example, the storage space 921 for executable instructions may include various executable instructions 9211 for implementing the various methods described above. These executable instructions can be read from or written to one or more computer program products. These computer program products include program code carriers such as hard disks, optical discs (CDs), memory cards, or floppy disks. Such computer program products are typically portable or fixed storage units. The storage unit may have... Figure 9The memory 920 in the electronic device is arranged in a similar manner as a storage segment or storage space. Executable instructions may be compressed, for example, in a suitable form. Typically, the storage unit includes executable instructions for performing the text typesetting method according to the invention, i.e., code that can be read by a processor, such as processor 910, which, when run by the electronic device, causes the electronic device to perform the various methods described above, with similar execution methods and beneficial effects, and will not be repeated here.

[0151] Of course, for the sake of simplicity, Figure 9 Only some of the components of the electronic device 900 relevant to the present invention are shown, omitting components such as buses, input / output interfaces, input devices, and output devices. In addition, the electronic device 900 may include any other suitable components depending on the specific application.

[0152] This disclosure also provides a computer-readable storage medium storing a computer program. When the computer program is executed by a processor, the processor implements the methods provided in the above embodiments. The execution method and beneficial effects are similar and will not be described again here.

[0153] The aforementioned computer-readable storage medium may be any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may, for example, include, but is not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatuses, or devices, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0154] The computer program described above can be written in any combination of one or more programming languages ​​to perform the operations of the embodiments of this disclosure. These programming languages ​​include object-oriented programming languages ​​such as Java and C++, as well as conventional procedural programming languages ​​such as C or similar languages. The program code can be executed entirely on a user's computing device, partially on a user's computing device, as a standalone software package, partially on a user's computing device and partially on a remote computing device, or entirely on a remote computing device or server.

[0155] The above description is merely a specific embodiment of this disclosure, enabling those skilled in the art to understand or implement it. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of this disclosure. Therefore, this disclosure is not to be limited to the embodiments described herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

[0156] This invention discloses:

[0157] A1. A content display method, comprising:

[0158] Display the first page within the target interactive interface;

[0159] In response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed, wherein the page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation;

[0160] During the display of the page-turning animation, target content is displayed on the page-turning animation, and the target content is related to the content displayed in the target interactive interface.

[0161] A2. According to the method described in A1, before displaying the target content on the page-turning animation, the method further includes:

[0162] Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to browse the target content;

[0163] The step of displaying the target content on the page-turning animation includes:

[0164] If the system detects that the user intends to browse the target content, the target content is displayed on the page-turning animation.

[0165] A3. According to the method described in A2, the real-time operation parameters include page turning amplitude;

[0166] The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes:

[0167] Determine whether the page-turning amplitude is greater than a first preset amplitude threshold;

[0168] If the page-turning range is greater than the first preset range threshold, it is determined that the user has the intention to browse the target content.

[0169] A4. According to the method described in A2, the real-time operation parameters include page-turning duration;

[0170] The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes:

[0171] Determine whether the page-turning time is greater than a preset time threshold;

[0172] If the page-turning time exceeds the preset time threshold, it is determined that the user has the intention to browse the target content.

[0173] A5. According to the method described in A2, the real-time operation parameters include page turning amplitude and page turning duration;

[0174] The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes:

[0175] Determine whether the page-turning amplitude is greater than a first preset amplitude threshold and whether the page-turning duration is greater than a preset duration threshold;

[0176] If the page-turning range is greater than the first preset range threshold and the page-turning duration is greater than the preset duration threshold, it is determined that the user has the intention to browse the target content.

[0177] A6. According to the method described in A2, after displaying the target content on the page-turning animation, the method further includes:

[0178] Based on the real-time operation parameters of the page-turning operation, detect whether the user intends to cancel browsing the target content;

[0179] If the system detects that the user intends to cancel browsing the target content, the target content will be canceled from display.

[0180] A7. According to the method described in A1, the target interactive interface is the reading interface of an e-book, the first page is the first reading page of the e-book, and the second page is the second reading page of the e-book;

[0181] The target content includes at least one of the following:

[0182] The first content related to the e-book includes preset content and / or first comment content;

[0183] The second content related to the first reading page, the second content including summary content and / or second comment content;

[0184] The third content related to the second reading page includes spoilers and / or third commentary.

[0185] A8. The method according to any one of A1-A7, wherein displaying the target content on the page-turning animation includes:

[0186] A mask is displayed within the target interactive interface, and the mask is positioned above the page-turning animation;

[0187] The target content is displayed on the overlay.

[0188] A9. According to the method described in A8, before displaying the overlay in the target interactive interface, the method further includes:

[0189] Pause the page-turning animation.

[0190] A10. According to the method described in A8, before displaying the overlay in the target interactive interface, the method further includes:

[0191] The page-turning animation is displayed on a preset animation image frame, which is an animation image frame corresponding to a preset page-turning amplitude.

[0192] A11. According to the method described in A8, displaying the overlay within the target interactive interface includes:

[0193] Obtain the animation type of the page-turning animation;

[0194] Determine the display position of the mask corresponding to the animation type;

[0195] The overlay is displayed at the overlay display location within the target interactive interface.

[0196] A12. According to the method described in A11, the animation type is a simulated page-turning type, and the overlay display position is the back display area of ​​the first page in the page-turning animation;

[0197] Displaying the overlay at the overlay display position within the target interactive interface includes:

[0198] The display size of the mask layer is determined based on the area size of the rear display area;

[0199] The overlay is displayed at the overlay display position according to the display size.

[0200] A13. According to the method described in A12, displaying the target content on the overlay includes:

[0201] Calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area;

[0202] Based on the mapping relationship, the target content is deformed to obtain the deformed target content;

[0203] The deformed target content is displayed on the mask layer.

[0204] A14. According to the method described in A1, before displaying the target content on the page-turning animation, the method further includes:

[0205] The target page content in the page-turning animation is blurred, and the target page content includes the page content of the first page and the page content of the second page.

[0206] A15. An electronic device comprising a processor and a memory, the memory for storing executable instructions that cause the processor to perform the following operations:

[0207] Display the first page within the target interactive interface;

[0208] In response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed, wherein the page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation;

[0209] During the display of the page-turning animation, target content is displayed on the page-turning animation, and the target content is related to the content displayed in the target interactive interface.

[0210] A16. In the electronic device according to A15, before the processor executes the step of displaying target content on the page-turning animation, the executable instructions cause the processor to perform the following operations:

[0211] Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to browse the target content;

[0212] The step of displaying the target content on the page-turning animation includes:

[0213] If the system detects that the user intends to browse the target content, the target content is displayed on the page-turning animation.

[0214] A17. The electronic device according to A16, wherein the real-time operating parameters include page turning amplitude;

[0215] The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, displays the target content on the page-turning animation, and the executable instructions cause the processor to perform the following operations:

[0216] Determine whether the page-turning amplitude is greater than a first preset amplitude threshold;

[0217] If the page-turning range is greater than the first preset range threshold, it is determined that the user has the intention to browse the target content.

[0218] A18. The electronic device according to A16, wherein the real-time operation parameters include page-turning duration;

[0219] The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, and the executable instructions cause the processor to perform the following operations:

[0220] Determine whether the page-turning time is greater than a preset time threshold;

[0221] If the page-turning time exceeds the preset time threshold, it is determined that the user has the intention to browse the target content.

[0222] A19. According to the electronic device described in A16, the real-time operation parameters include page turning amplitude and page turning duration;

[0223] The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, and the executable instructions cause the processor to perform the following operations:

[0224] Determine whether the page-turning amplitude is greater than a first preset amplitude threshold and whether the page-turning duration is greater than a preset duration threshold;

[0225] If the page-turning range is greater than the first preset range threshold and the page-turning duration is greater than the preset duration threshold, it is determined that the user has the intention to browse the target content.

[0226] A20. In the electronic device according to A16, after the processor displays the target content on the page-turning animation, the executable instructions cause the processor to perform the following operations:

[0227] Based on the real-time operation parameters of the page-turning operation, detect whether the user intends to cancel browsing the target content;

[0228] If the system detects that the user intends to cancel browsing the target content, the target content will be canceled from display.

[0229] A21. According to the electronic device described in A15, the target interactive interface is an e-book reading interface, the first page is the first reading page of the e-book, and the second page is the second reading page of the e-book;

[0230] The target content includes at least one of the following:

[0231] The first content related to the e-book includes preset content and / or first comment content;

[0232] The second content related to the first reading page, the second content including summary content and / or second comment content;

[0233] The third content related to the second reading page includes spoilers and / or third commentary.

[0234] A22. The electronic device according to any one of A15-A21, wherein the processor executes the step of displaying target content on the page-turning animation, and the executable instructions cause the processor to perform the following operations:

[0235] A mask is displayed within the target interactive interface, and the mask is positioned above the page-turning animation;

[0236] The target content is displayed on the overlay.

[0237] A23. In the electronic device according to A22, before the processor executes the executable instructions to display the overlay within the target interactive interface, the processor causes the processor to perform the following operations:

[0238] Pause the page-turning animation.

[0239] A24. In the electronic device according to A22, before the processor executes the executable instructions to display the overlay within the target interactive interface, the processor causes the processor to perform the following operations:

[0240] The page-turning animation is displayed on a preset animation image frame, which is an animation image frame corresponding to a preset page-turning amplitude.

[0241] A25. In the electronic device according to A22, the processor executes the step of displaying a mask within the target interactive interface, and the executable instructions cause the processor to perform the following operations:

[0242] Obtain the animation type of the page-turning animation;

[0243] Determine the display position of the mask corresponding to the animation type;

[0244] The overlay is displayed at the overlay display location within the target interactive interface.

[0245] A26. In the electronic device described in A25, the animation type is a simulated page-turning type, and the overlay display position is the back display area of ​​the first page in the page-turning animation;

[0246] Wherein, the processor executes the command to display the overlay at the overlay display position within the target interactive interface, and the executable instructions cause the processor to perform the following operations:

[0247] The display size of the mask layer is determined based on the area size of the rear display area;

[0248] The overlay is displayed at the overlay display position according to the display size.

[0249] A27. In the electronic device according to A26, the processor performs the action of displaying the target content on the overlay, and the executable instructions cause the processor to perform the following operations:

[0250] Calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area;

[0251] Based on the mapping relationship, the target content is deformed to obtain the deformed target content;

[0252] The deformed target content is displayed on the mask layer.

[0253] A28. In the electronic device according to A15, before the processor executes the step of displaying target content on the page-turning animation, the executable instructions cause the processor to perform the following operations:

[0254] The target page content in the page-turning animation is blurred, and the target page content includes the page content of the first page and the page content of the second page.

[0255] A29. A computer-readable storage medium storing a computer program that, when executed by a processor, implements the content display method described in any one of A1-A14.

Claims

1. A content display method, characterized in that, include: Display the first page within the target interactive interface; In response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed, wherein the page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation; During the display of the page-turning animation, target content is displayed on the page-turning animation, and the target content is related to the content displayed in the target interactive interface; Displaying the target content on the page-turning animation includes: A mask is displayed within the target interactive interface, and the mask is positioned above the page-turning animation; The target content is displayed on the overlay; The step of displaying a mask within the target interactive interface includes: Obtain the animation type of the page-turning animation; Determine the display position of the mask corresponding to the animation type; The overlay is displayed at the overlay display location within the target interactive interface.

2. The method according to claim 1, characterized in that, Before displaying the target content on the page-turning animation, the method further includes: Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to browse the target content; The step of displaying the target content on the page-turning animation includes: If the system detects that the user intends to browse the target content, the target content is displayed on the page-turning animation.

3. The method according to claim 2, characterized in that, The real-time operation parameters include the page-turning amplitude; The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes: Determine whether the page-turning amplitude is greater than a first preset amplitude threshold; If the page-turning range is greater than the first preset range threshold, it is determined that the user has the intention to browse the target content.

4. The method according to claim 2, characterized in that, The real-time operation parameters include page-turning time; The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes: Determine whether the page-turning time is greater than a preset time threshold; If the page-turning time exceeds the preset time threshold, it is determined that the user has the intention to browse the target content.

5. The method according to claim 2, characterized in that, The real-time operation parameters include page turning amplitude and page turning duration; The step of detecting whether the user has an intention to browse the target content based on the real-time operation parameters of the page-turning operation includes: Determine whether the page-turning amplitude is greater than a first preset amplitude threshold and whether the page-turning duration is greater than a preset duration threshold; If the page-turning range is greater than the first preset range threshold and the page-turning duration is greater than the preset duration threshold, it is determined that the user has the intention to browse the target content.

6. The method according to claim 2, characterized in that, After displaying the target content on the page-turning animation, the method further includes: Based on the real-time operation parameters of the page-turning operation, detect whether the user intends to cancel browsing the target content; If the system detects that the user intends to cancel browsing the target content, the target content will be canceled from display.

7. The method according to claim 1, characterized in that, The target interactive interface is the reading interface of an e-book, the first page is the first reading page of the e-book, and the second page is the second reading page of the e-book; The target content includes at least one of the following: The first content related to the e-book includes preset content and / or first comment content; The second content related to the first reading page, the second content including summary content and / or second comment content; The third content related to the second reading page includes spoilers and / or third commentary.

8. The method according to claim 1, characterized in that, Before displaying the overlay within the target interactive interface, the method further includes: Pause the page-turning animation.

9. The method according to claim 1, characterized in that, Before displaying the overlay within the target interactive interface, the method further includes: The page-turning animation is displayed on a preset animation image frame, which is an animation image frame corresponding to a preset page-turning amplitude.

10. The method according to claim 1, characterized in that, The animation type is a simulated page-turning type, and the overlay display position is the back display area of ​​the first page in the page-turning animation; Displaying the overlay at the overlay display position within the target interactive interface includes: The display size of the mask layer is determined based on the area size of the rear display area; The overlay is displayed at the overlay display position according to the display size.

11. The method according to claim 10, characterized in that, Displaying the target content on the overlay includes: Calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area; Based on the mapping relationship, the target content is deformed to obtain the deformed target content; The deformed target content is displayed on the mask layer.

12. The method according to claim 1, characterized in that, Before displaying the target content on the page-turning animation, the method further includes: The target page content in the page-turning animation is blurred, and the target page content includes the page content of the first page and the page content of the second page.

13. An electronic device, characterized in that, It includes a processor and a memory, the memory being used to store executable instructions that cause the processor to perform the following operations: Display the first page within the target interactive interface; In response to a user's page-turning operation on the target interactive interface, a page-turning animation corresponding to the page-turning operation is displayed, wherein the page-turning animation is an animation of turning the page from the first page to the second page corresponding to the page-turning operation; During the display of the page-turning animation, target content is displayed on the page-turning animation, and the target content is related to the content displayed in the target interactive interface; The processor executes the step of displaying target content on the page-turning animation, and the executable instructions cause the processor to perform the following operations: A mask is displayed within the target interactive interface, and the mask is positioned above the page-turning animation; The target content is displayed on the overlay; The processor executes the command to display a mask within the target interactive interface, and the executable instructions cause the processor to perform the following operations: Obtain the animation type of the page-turning animation; Determine the display position of the mask corresponding to the animation type; The overlay is displayed at the overlay display location within the target interactive interface.

14. The electronic device according to claim 13, characterized in that, Before the processor executes the step of displaying the target content on the page-turning animation, the executable instructions cause the processor to perform the following operations: Based on the real-time operation parameters of the page-turning operation, detect whether the user has the intention to browse the target content; The step of displaying the target content on the page-turning animation includes: If the system detects that the user intends to browse the target content, the target content is displayed on the page-turning animation.

15. The electronic device according to claim 14, characterized in that, The real-time operation parameters include the page-turning amplitude; The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, displays the target content on the page-turning animation, and the executable instructions cause the processor to perform the following operations: Determine whether the page-turning amplitude is greater than a first preset amplitude threshold; If the page-turning range is greater than the first preset range threshold, it is determined that the user has the intention to browse the target content.

16. The electronic device according to claim 14, characterized in that, The real-time operation parameters include page-turning time; The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, and the executable instructions cause the processor to perform the following operations: Determine whether the page-turning time is greater than a preset time threshold; If the page-turning time exceeds the preset time threshold, it is determined that the user has the intention to browse the target content.

17. The electronic device according to claim 14, characterized in that, The real-time operation parameters include page turning amplitude and page turning duration; The processor executes the real-time operation parameters based on the page-turning operation, detects whether the user intends to browse the target content, and the executable instructions cause the processor to perform the following operations: Determine whether the page-turning amplitude is greater than a first preset amplitude threshold and whether the page-turning duration is greater than a preset duration threshold; If the page-turning range is greater than the first preset range threshold and the page-turning duration is greater than the preset duration threshold, it is determined that the user has the intention to browse the target content.

18. The electronic device according to claim 14, characterized in that, After the processor displays the target content on the page-turning animation, the executable instructions cause the processor to perform the following operations: Based on the real-time operation parameters of the page-turning operation, detect whether the user intends to cancel browsing the target content; If the system detects that the user intends to cancel browsing the target content, the target content will be canceled from display.

19. The electronic device according to claim 13, characterized in that, The target interactive interface is the reading interface of an e-book, the first page is the first reading page of the e-book, and the second page is the second reading page of the e-book; The target content includes at least one of the following: The first content related to the e-book includes preset content and / or first comment content; The second content related to the first reading page, the second content including summary content and / or second comment content; The third content related to the second reading page includes spoilers and / or third commentary.

20. The electronic device according to claim 13, characterized in that, Before the processor executes the step of displaying the overlay within the target interactive interface, the executable instructions cause the processor to perform the following operations: Pause the page-turning animation.

21. The electronic device according to claim 13, characterized in that, Before the processor executes the step of displaying the overlay within the target interactive interface, the executable instructions cause the processor to perform the following operations: The page-turning animation is displayed on a preset animation image frame, which is an animation image frame corresponding to a preset page-turning amplitude.

22. The electronic device according to claim 13, characterized in that, The animation type is a simulated page-turning type, and the overlay display position is the back display area of ​​the first page in the page-turning animation; Wherein, the processor executes the command to display the overlay at the overlay display position within the target interactive interface, and the executable instructions cause the processor to perform the following operations: The display size of the mask layer is determined based on the area size of the rear display area; The overlay is displayed at the overlay display position according to the display size.

23. The electronic device according to claim 22, characterized in that, The processor executes the step of displaying the target content on the overlay, and the executable instructions cause the processor to perform the following operations: Calculate the mapping relationship between the initial pixel coordinates of the target content and the pixel coordinates of each area of ​​the back display area; Based on the mapping relationship, the target content is deformed to obtain the deformed target content; The deformed target content is displayed on the mask layer.

24. The electronic device according to claim 13, characterized in that, Before the processor executes the step of displaying the target content on the page-turning animation, the executable instructions cause the processor to perform the following operations: The target page content in the page-turning animation is blurred, and the target page content includes the page content of the first page and the page content of the second page.

25. A computer-readable storage medium, characterized in that, The storage medium stores a computer program, which, when executed by a processor, implements the content display method as described in any one of claims 1-12.

Images