Content display method and device, readable medium, electronic equipment and program product

Abstract

The invention relates to a content display method and device, a readable medium, electronic equipment and a program product, and the method comprises the steps: displaying a content page which comprises target content associated with an effect animation, the effect animation comprises a first effect animation used for being played before the target content is displayed and / or a second effect animation used for being played in the display process of the target content; and when the content page is displayed to the display position corresponding to the target content, following the scrolling operation of the user in the content page, and controlling the effect animation playing and the target content display. Therefore, when the user previews the target content associated with the effect animation, the playing of the effect animation and the display of the target content can be autonomously controlled, so that the interactivity between the display content and the user is increased, and the user experience is improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular, to a content display method, device, readable medium, electronic device, and program product. Background Art

[0002] With the development of computer technology, people increasingly rely on the Internet to obtain and preview information, such as by searching in a browser to obtain information and preview information. However, in the related art, when users preview information, there are problems such as insufficient interactivity between information and users. Summary of the invention

[0003] This summary is provided to introduce concepts in a brief form that will be described in detail in the detailed description below. This summary is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0004] In a first aspect, the present disclosure provides a content display method, the content display method comprising: Displaying a content page, wherein the content page includes target content associated with an effect animation, the effect animation including a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; When the content page is displayed to the display position corresponding to the target content, the effect animation is played and the target content is displayed in accordance with the user's scrolling operation in the content page.

[0005] In a second aspect, the present disclosure provides a content display device, the content display device comprising: A display module, configured to display a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; The control module is used to control the playing of the effect animation and the display of the target content by following the scrolling operation of the user in the content page when the content page is displayed to the display position corresponding to the target content.

[0006] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, which, when executed by a processing device, implements the steps of any one of the methods described in the first aspect.

[0007] In a fourth aspect, the present disclosure provides an electronic device, including: a storage device having a computer program stored thereon; A processing device is used to execute the computer program in the storage device to implement the steps of any one of the methods in the first aspect.

[0008] In a fifth aspect, the present disclosure provides a computer program product, comprising a computer program, which implements the steps of any one of the methods described in the first aspect when executed by a processor.

[0009] Through the above technical solution, when the content page is displayed to the display position corresponding to the target content, the effect animation playback and the target content display can be controlled by following the user's scrolling operation in the content page, so that when the user previews the target content associated with the effect animation, the effect animation playback and the target content display can be controlled autonomously, thereby increasing the interactivity between the displayed content and the user and improving the user experience. In addition, since the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content, the user can play the effect animation before previewing the target content and / or during the preview of the target content, which can enhance the presentation effect of the target content on the one hand, and increase the user's preview pleasure of the target content on the other hand, further improving the user experience.

[0010] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale. In the drawings: Figure 1 is a flow chart of a content display method according to an exemplary embodiment of the present disclosure; Figure 2 is a schematic diagram showing a display of a content page according to an exemplary embodiment of the present disclosure; Figure 3 is a schematic diagram showing a method of controlling effect animation playback and target content synchronously displaying following a user's scrolling operation on a content page according to an exemplary embodiment of the present disclosure; Figure 4 is a schematic diagram showing the correspondence between an animation frame and a scrolling position of a scrolling control in a content page according to an exemplary embodiment of the present disclosure; Figure 5 is a structural block diagram of another content display device according to an exemplary embodiment of the present disclosure; Figure 6 It is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present disclosure. DETAILED DESCRIPTION

[0012] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

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

[0014] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

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

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

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

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

[0019] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0020] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0021] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0022] At the same time, it is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

[0023] As mentioned in the background art, in the related art, when users preview information, there are problems such as insufficient interactivity between the information and the user.

[0024] For example, in a browser, in order to enhance the user's preview experience during information preview, web developers generally embed multimedia content such as animations in the information display page to enrich the presentation of information and make the content more vivid and attractive. However, in the related art, the playback of animations is generally automatically controlled or driven based on the time dimension, that is, when the user slides to the corresponding position of the animation playback by sliding the display page, the animation starts to play automatically after a certain interval. For example, after an interval of 2 seconds, the animation is automatically played in the order of the animation frames. As a result, the user cannot independently control the playback of the animation during the information preview process, and there are problems such as insufficient interactivity between the animation and the user.

[0025] In view of this, the present disclosure provides a content display method, device, readable medium, electronic device and program product to solve the above technical problems.

[0026] The embodiments of the present disclosure are further explained below with reference to the accompanying drawings.

[0027] Figure 1 is a flowchart of a content display method according to an exemplary embodiment of the present disclosure, referring to Figure 1, the method may include the following steps: S101: Displaying a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content.

[0028] In this embodiment, the content page can be a web page for displaying content in a browser, or a page for displaying content in an application, or other pages, which are not limited in this embodiment. The content can include at least one type of content such as text content, image content, and video content. For example, Figure 2 As shown, when the content page is a web page, the user can enter the search information in the search input box of the browser, and multiple web page identifiers related to the search information are displayed. The user triggers the target web page identifier, such as triggering the second web page identifier, to display the content page corresponding to the second web page identifier. For another example, when the content page is a page in an application, the content page can be a display page in the application for displaying user information, such as a personal information display page in a social application, or a display page in the application for displaying product information, such as a product details page in an e-commerce application.

[0029] S102: When the content page is displayed to the display position corresponding to the target content, following the user's scrolling operation in the content page, the effect animation playback and the target content display are controlled.

[0030] In this embodiment, since the effect animation may include a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the target content display process, thus, controlling the effect animation playback and the target content display may be to control the target content display after the first effect animation is played, or to control the target content to be displayed synchronously during the second effect animation playback process, or to control the second effect animation to be played after the first effect animation is played, and to control the target content to be displayed synchronously during the second effect animation playback process. That is to say, in a possible manner, following the user's scrolling operation in the content page, controlling the effect animation playback and the target content display may include: Following the user's scrolling operation in the content page, the first effect animation is controlled to play, and after the first effect animation is played, the target content is controlled to be displayed; or, following the scrolling operation in the content page, the target content is controlled to be displayed, and during the display of the target content, the second effect animation is controlled to play synchronously; or, following the user's third scrolling operation in the content page, the first effect animation is controlled to play, and after the first effect animation is played, following the user's fourth scrolling operation in the content page, the target content is controlled to be displayed, and during the display of the target content, the second effect animation is controlled to play synchronously.

[0031] For example, in a scenario where the target content is associated with a first effect animation, if the target content is a video, the first effect animation may be an animation of a laptop screen rotating from a closed state to an open state. Then, when the content page is displayed to the display position corresponding to the target content, the laptop screen may be controlled to rotate from a closed state to an open state following the user's scrolling operation in the content page, and then the target video may be controlled to play.

[0032] For example, in a scenario where the target content is associated with a second effect animation, if the target content is the target text "Suddenly, a spring breeze came overnight, and thousands of pear trees blossomed", the second effect animation can be an animation of a writing pen writing the target text on a notebook. Then, when the content page is displayed to the display position corresponding to the target content, the writing pen can be controlled to write "Suddenly, a spring breeze came overnight, and thousands of pear trees blossomed" on the notebook in sequence following the user's scrolling operation on the content page, thereby realizing the synchronous display of the target content during the playing of the effect animation.

[0033] For example, in a scenario where the target content is associated with a first effect animation and a second effect animation, if the target content is the target text "Suddenly, a spring breeze came overnight, and thousands of pear trees blossomed", the first effect animation can be an animation of a notebook changing from a closed state to an open state, and the second effect animation can be an animation of a writing pen writing the target text in an open notebook. Then, when the content page is displayed to the display position corresponding to the target content, the notebook can be controlled from a closed state to an open state following the user's third scrolling operation in the content page. Afterwards, the writing pen can be controlled to write "Suddenly, a spring breeze came overnight, and thousands of pear trees blossomed" in sequence on the notebook following the user's fourth scrolling operation in the content page.

[0034] Through the above technical solution, when the content page is displayed to the display position corresponding to the target content, the effect animation playback and the target content display can be controlled by following the user's scrolling operation in the content page, so that when the user previews the target content associated with the effect animation, the effect animation playback and the target content display can be controlled autonomously, thereby increasing the interactivity between the displayed content and the user and improving the user experience. In addition, since the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content, the user can play the effect animation before previewing the target content and / or during the preview of the target content, which can enhance the presentation effect of the target content on the one hand, and increase the user's preview pleasure of the target content on the other hand, further improving the user experience.

[0035] To facilitate understanding of the present solution, possible implementation methods in the present disclosure are described below.

[0036] Among the possible ways, following the user's scrolling operation in the content page to control the effect animation playback can include: Following a user's first scrolling operation along a first scrolling direction in a content page, a control effect animation is played according to a first playback mode; following a user's second scrolling operation along a second scrolling direction in a content page, a control effect animation is played according to a second playback mode, wherein the first scrolling direction is different from the second scrolling direction, and the first playback mode is different from the second playback mode.

[0037] In this embodiment, the first scrolling direction, the second scrolling direction, the first playing mode and the second playing mode can be set according to actual conditions, and the embodiment of the present disclosure does not impose any limitation on this.

[0038] For example, the first scrolling direction can be opposite to the second scrolling direction, so that the first scrolling direction can be set to scroll upward along the height direction of the content page, and the second scrolling direction can be set to scroll downward along the height direction of the content page; or, the first scrolling direction can be set to scroll to the left along the width direction of the content page, and the second scrolling direction can be set to scroll to the right along the width direction of the content page, etc.

[0039] For example, the first playback mode can be opposite to the playback order of the second playback mode, so that the first playback mode can be used to indicate the animation frame sequence corresponding to the effect animation, and the sequential playback starts from the animation frame displayed when the first scrolling operation is triggered, and the second playback mode can be used to indicate the animation frame sequence corresponding to the effect animation, and the reverse playback starts from the animation frame displayed when the second scrolling operation is triggered.

[0040] In this embodiment, following the user's scrolling operation in the content page, in the process of controlling the effect animation playing, only the effect animation can be played, or the target content can be displayed synchronously during the playing of the effect animation. The embodiment of the present disclosure does not impose any limitation on this.

[0041] For example, in a scenario where the target content is associated with a first effect animation, if the target content is a video, the first effect animation may be an animation of the display screen of a laptop rotating from a closed state to an open state. Then, when the content page is displayed to the display position corresponding to the target content, the display screen of the laptop may be controlled to rotate from a closed state to an open state following a first scrolling operation of the user scrolling down along the height direction of the content page in the content page. Thereafter, the display screen of the laptop may be controlled to rotate from an open state to a closed state following a second scrolling operation of the user scrolling up along the height direction of the content page in the content page.

[0042] For example, in a scenario where the target content is associated with a second effect animation, if the target content is the target text "Suddenly, as if overnight, a spring breeze comes, and thousands of pear trees blossom", the second effect animation can be an animation of a writing pen writing the target text on a notebook. Then when the content page is displayed to the display position corresponding to the target content, it can follow the user's first scrolling operation of scrolling down along the height direction of the content page in the content page, and control the writing pen to write the target text in sequence on the notebook, thereby realizing the synchronous display of the target content during the playing of the effect animation. After a portion of the second effect animation is played, the second effect animation that has been played can be rolled back by following the user's second scrolling operation of scrolling up along the height direction of the content page in the content page. Figure 3 As shown, when scrolling down along the height direction of the content page to the first position, it is displayed on the notebook "Suddenly, as if a spring breeze came overnight," when scrolling down along the height direction of the content page to the second position, it is displayed on the notebook "Suddenly, as if a spring breeze came overnight, thousands of pear trees blossomed." When scrolling up along the height direction of the content page to the third position, it is displayed on the notebook "Suddenly, as if a spring breeze came overnight, thousands of trees blossomed."

[0043] For example, in a scenario where the target content is associated with a first effect animation and a second effect animation, if the target content is the target text "Suddenly, as if one night the spring breeze came, thousands of pear trees blossomed", the first effect animation can be an animation of a notebook changing from a closed state to an open state, and the second effect animation can be an animation of a writing pen writing the target text in an open notebook. Then, when the content page is displayed to the display position corresponding to the target content, the notebook in a closed state is displayed, and then, following the first scrolling operation of the user scrolling down along the height direction of the content page in the content page, the notebook can be controlled to change from a closed state to an open state, and then, continuing to follow the first scrolling operation of the user scrolling down along the height direction of the content page in the content page, the writing pen can be controlled to write the target text in sequence on the notebook. After a portion of the second effect animation is played, the second scrolling operation of the user scrolling up along the height direction of the content page in the content page can be followed to rewind the played second effect animation, such as Figure 3 shown.

[0044] Among possible ways, following the user's scrolling operation in the content page and controlling the display of the target content may include: Following a first scrolling operation of a user along a first scrolling direction in a content page, the target content is controlled to be displayed in a first display mode; following a second scrolling operation of the user along a second scrolling direction in the content page, the target content is controlled to be displayed in a second display mode, wherein the first display mode is different from the second display mode.

[0045] In this embodiment, the first display mode and the second display mode can be set according to actual conditions, and the embodiment of the present disclosure does not impose any limitation on this.

[0046] For example, the first display mode can be opposite to the display order of the second display mode, so that the first display mode can be used to indicate sequential display according to the display order of the target content in the content page, starting from the content displayed when the first scrolling operation is triggered, and the second display mode can be used to indicate reverse display according to the display order of the target content in the content page, starting from the content displayed when the second scrolling operation is triggered.

[0047] In this embodiment, following the user's scrolling operation in the content page, in the process of controlling the display of the target content, only the target content may be displayed, or the second effect animation may be displayed synchronously during the display of the target content. This embodiment does not impose any limitation on this.

[0048] For example, in a scenario where the target content is associated with a first effect animation, if the target content is text or an image, when the content page is displayed to the display position corresponding to the target content, the first effect animation can be controlled to play following the user's first scrolling operation of scrolling down along the height direction of the content page in the content page, and after the first effect animation is played, the first scrolling operation of scrolling down along the height direction of the content page in ...

[0049] For example, in a scenario where the target content is associated with a second effect animation, if the target content is the target text "Suddenly, as if overnight, a spring breeze comes, and thousands of pear trees blossom", the second effect animation can be an animation of a writing pen writing the target text on a notebook. Then when the content page is displayed to the display position corresponding to the target content, it can follow the first scrolling operation of the user scrolling down along the height direction of the content page in the content page, and control the writing pen to write the target text in sequence on the notebook, thereby realizing the synchronous display of the second effect animation during the display of the target content. After a portion of the target content is displayed, it can follow the second scrolling operation of the user scrolling up along the height direction of the content page in the content page to roll back the displayed target content and second effect animation, such as Figure 3 shown.

[0050] In a possible manner, a content page displays a scroll control for a user to trigger a scrolling operation, the effect animation includes a plurality of animation frames, each animation frame corresponds to a different scrolling position of the scroll control in the content page, and accordingly, following the user's scrolling operation in the content page, controlling the effect animation to play may include: Following the user's scrolling operation on the scroll control in the content page, the target scrolling position of the scroll control in the content page is determined, and the animation frame corresponding to the target scrolling position is controlled to play.

[0051] For example, Figure 4 As shown, the effect animation may include N animation frames, where N is a positive integer, the first animation frame corresponds to the first scrolling position of the scroll control in the content page, the second animation frame corresponds to the second scrolling position of the scroll control in the content page, and the Nth animation frame corresponds to the Nth scrolling position of the scroll control in the content page. Thus, when the scroll control is scrolled to the first scrolling position, the first animation frame in the effect animation may be played, when the scroll control is scrolled to the second scrolling position, the second animation frame in the effect animation may be played, and when the scroll control is scrolled to the Nth scrolling position, the Nth animation frame in the effect animation may be played.

[0052] Through the above method, each animation frame can be made to correspond to a different scrolling position of the scroll control in the content page, so that the corresponding animation frame can be played by controlling the scrolling position of the scroll control in the content page, and the playback speed of the animation effect can be controlled by controlling the scrolling speed of the scroll control in the content page, thereby realizing the user's autonomous control of the effect animation playback and improving the user's browsing experience. On the other hand, since each animation frame corresponds to a different scrolling position of the scroll control in the content page, after the content page is loaded, the effect animation will only be updated when the user scrolls the content page, that is, through the above method, the playback of the effect animation can be synchronized with the user's scrolling operation in the content page, thereby avoiding the problem in the related art that, because the animation playback is based on time drive, there may be other tasks to be processed at the same time, such as loading data or executing scripts, etc., which causes other tasks to interfere with the animation driving task, thereby affecting the smoothness of the animation, and even causing the problem of jamming, further improving the user's browsing experience.

[0053] Based on the same concept, the present disclosure also provides a content display device, such as Figure 5 As shown, the content display device 500 may include: Display module 501, used to display a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; The control module 502 is used to control the playing of the effect animation and the display of the target content in accordance with the user's scrolling operation in the content page when the content page is displayed to the display position corresponding to the target content.

[0054] Through the above-mentioned content display device 500, when the content page is displayed to the display position corresponding to the target content, the effect animation playback and the target content display can be controlled by following the user's scrolling operation in the content page, so that when the user previews the target content associated with the effect animation, the effect animation playback and the target content display can be controlled autonomously, thereby increasing the interactivity between the displayed content and the user and improving the user experience. In addition, since the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content, the user can play the effect animation before and / or during the preview of the target content, which can enhance the presentation effect of the target content on the one hand, and increase the user's preview fun of the target content on the other hand, further improving the user experience.

[0055] In a possible manner, the control module 502 may include: A first control unit, configured to follow a first scrolling operation of a user along a first scrolling direction on a content page and control the effect animation to be played in a first playing mode; The second control unit is used to follow the user's second scrolling operation along the second scrolling direction in the content page, and control the effect animation to play according to the second playback mode, wherein the first scrolling direction is different from the second scrolling direction, and the first playback mode is different from the second playback mode.

[0056] In a possible manner, the control module 502 may further include: A third control unit, configured to follow a first scrolling operation of a user along a first scrolling direction on the content page and control the target content to be displayed in a first display manner; The fourth control unit is used to follow the second scrolling operation of the user along the second scrolling direction in the content page, and control the target content to be displayed in a second display mode, wherein the first display mode is different from the second display mode.

[0057] In possible ways, the first playback mode is used to indicate that the animation frame sequence corresponding to the effect animation is played sequentially starting from the animation frame displayed when the first scrolling operation is triggered, and the second playback mode is used to indicate that the animation frame sequence corresponding to the effect animation is played in reverse order starting from the animation frame displayed when the second scrolling operation is triggered.

[0058] In a possible manner, the control module 502 may include: A fifth control unit, used to follow the user's scrolling operation in the content page, control the first effect animation to play, and after the first effect animation is played, control the target content to be displayed; A sixth control unit, used to follow the scrolling operation in the content page, control the display of the target content, and control the synchronous playback of the second effect animation during the display of the target content; The seventh control unit is used to follow the user's third scrolling operation in the content page to control the playback of the first effect animation. After the first effect animation is played, it follows the user's fourth scrolling operation in the content page to control the display of the target content, and during the display of the target content, controls the synchronous playback of the second effect animation.

[0059] In a possible manner, the content page displays a scroll control for the user to trigger a scrolling operation, and the effect animation includes multiple animation frames, each animation frame corresponds to a different scrolling position of the scroll control in the content page. Accordingly, the control module 502 can be used to: follow the user's scrolling operation on the scroll control in the content page, determine the target scrolling position of the scroll control in the content page, and control the playback of the animation frame corresponding to the target scrolling position.

[0060] Based on the same concept, an embodiment of the present disclosure further provides a computer-readable medium on which a computer program is stored. When the program is executed by a processing device, the steps of any of the above-mentioned content display methods are implemented.

[0061] Based on the same concept, the present disclosure also provides an electronic device, which may include: a storage device having a computer program stored thereon; The processing device is used to execute the computer program in the storage device to implement the steps of any of the above-mentioned content display methods.

[0062] Based on the same concept, an embodiment of the present disclosure further provides a computer program product, including a computer program, which implements the steps of any of the above-mentioned content display methods when executed by a processor.

[0063] Reference below Figure 6 , which shows a schematic diagram of the structure of an electronic device 600 suitable for implementing the embodiment of the present disclosure. The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle terminals (such as vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 6 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0064] like Figure 6 As shown, the electronic device 600 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage device 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic device 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

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

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

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

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

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

[0070] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: displays a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; when the content page is displayed to the display position corresponding to the target content, follows the user's scrolling operation in the content page to control the effect animation playback and the target content display.

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

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

[0073] The modules involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a module does not, in some cases, limit the module itself.

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

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

[0076] According to one or more embodiments of the present disclosure, Example 1 provides a content display method, which includes: displaying a content page, wherein the content page includes target content associated with an effect animation, the effect animation including a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; when the content page is displayed to a display position corresponding to the target content, following the user's scrolling operation in the content page, controlling the playback of the effect animation and the display of the target content.

[0077] According to one or more embodiments of the present disclosure, Example 2 provides the content display method described in Example 1, wherein following the user's scrolling operation in the content page to control the playback of the effect animation includes: following the user's first scrolling operation along a first scrolling direction in the content page to control the playback of the effect animation in a first playback mode; following the user's second scrolling operation along a second scrolling direction in the content page to control the playback of the effect animation in a second playback mode, wherein the first scrolling direction is different from the second scrolling direction, and the first playback mode is different from the second playback mode.

[0078] According to one or more embodiments of the present disclosure, Example 3 provides the content display method described in Example 2, wherein following the user's scrolling operation in the content page to control the display of the target content includes: following the user's first scrolling operation in the content page along the first scrolling direction to control the target content to be displayed in a first display mode; following the user's second scrolling operation in the content page along the second scrolling direction to control the target content to be displayed in a second display mode, wherein the first display mode is different from the second display mode.

[0079] According to one or more embodiments of the present disclosure, Example 4 provides the content display method described in Example 2 or 3, wherein the first playback mode is used to indicate sequential playback according to the animation frame sequence corresponding to the effect animation, starting from the animation frame displayed when the first scrolling operation is triggered, and the second playback mode is used to indicate reverse playback according to the animation frame sequence corresponding to the effect animation, starting from the animation frame displayed when the second scrolling operation is triggered.

[0080] According to one or more embodiments of the present disclosure, Example 5 provides the content display method described in Example 1, wherein following the user's scrolling operation in the content page to control the playback of the effect animation and the display of the target content includes: following the user's scrolling operation in the content page to control the playback of the first effect animation, and after the playback of the first effect animation is completed, controlling the display of the target content; or, following the scrolling operation in the content page to control the display of the target content, and during the display of the target content, controlling the synchronous playback of the second effect animation; or, following the user's third scrolling operation in the content page to control the playback of the first effect animation, and after the playback of the first effect animation is completed, following the user's fourth scrolling operation in the content page to control the display of the target content, and during the display of the target content, controlling the synchronous playback of the second effect animation.

[0081] According to one or more embodiments of the present disclosure, Example 6 provides the content display method described in any one of Examples 1-4, wherein the content page displays a scrolling control for the user to trigger a scrolling operation, the effect animation includes multiple animation frames, each of the animation frames corresponds to a different scrolling position of the scrolling control in the content page, and following the user's scrolling operation in the content page to control the playback of the effect animation includes: following the user's scrolling operation on the scrolling control in the content page, determining the target scrolling position of the scrolling control in the content page, and controlling the playback of the animation frame corresponding to the target scrolling position.

[0082] According to one or more embodiments of the present disclosure, Example 7 provides a content display device, which includes: a display module for displaying a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; and a control module for following the user's scrolling operation in the content page to control the playback of the effect animation and the display of the target content when the content page is displayed to the display position corresponding to the target content.

[0083] According to one or more embodiments of the present disclosure, Example 8 provides a computer-readable medium having a computer program stored thereon, which implements the steps of any of the methods described in Examples 1-6 when executed by a processing device.

[0084] According to one or more embodiments of the present disclosure, Example 9 provides an electronic device, comprising: a storage device on which a computer program is stored; and a processing device for executing the computer program in the storage device to implement the steps of any one of the methods described in Examples 1-6.

[0085] According to one or more embodiments of the present disclosure, Example 10 provides a computer program product, including a computer program, which implements the steps of any one of the methods of Examples 1-6 when executed by a processor.

[0086] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

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

[0088] Although the subject matter has been described in language specific to structural features and / or method logic actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims. Regarding the device in the above embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

Claims

1. A content display method, characterized in that: The content display method comprises: Displaying a content page, wherein the content page includes target content associated with an effect animation, the effect animation including a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; When the content page is displayed to the display position corresponding to the target content, the effect animation is played and the target content is displayed in accordance with the user's scrolling operation in the content page.

2. The content display method according to claim 1, characterized in that: Following the user's scrolling operation on the content page to control the playing of the effect animation includes: Following a first scrolling operation of a user along a first scrolling direction on the content page, controlling the effect animation to be played in a first playing mode; Following a second scrolling operation of the user along a second scrolling direction in the content page, the effect animation is controlled to be played in a second playback mode, wherein the first scrolling direction is different from the second scrolling direction, and the first playback mode is different from the second playback mode.

3. The content display method according to claim 2, characterized in that: The following the user's scrolling operation on the content page to control the display of the target content includes: Following a first scrolling operation of a user along the first scrolling direction on the content page, controlling the target content to be displayed in a first display manner; Following a second scrolling operation of the user along the second scrolling direction in the content page, the target content is controlled to be displayed in a second display manner, wherein the first display manner is different from the second display manner.

4. The content display method according to claim 2 or 3, characterized in that: The first playback mode is used to indicate that the animation frame sequence corresponding to the effect animation is played sequentially starting from the animation frame displayed when the first scrolling operation is triggered, and the second playback mode is used to indicate that the animation frame sequence corresponding to the effect animation is played in reverse order starting from the animation frame displayed when the second scrolling operation is triggered.

5. The content display method according to claim 1, characterized in that: The following the user's scrolling operation in the content page to control the playing of the effect animation and the display of the target content includes: Following the user's scrolling operation on the content page, controlling the first effect animation to play, and after the first effect animation is played, controlling the target content to be displayed; or, Following the scrolling operation in the content page, the target content is controlled to be displayed, and during the display of the target content, the second effect animation is controlled to be played synchronously; or, Following the user's third scrolling operation in the content page, the first effect animation is controlled to play. After the first effect animation is played, following the user's fourth scrolling operation in the content page, the target content is controlled to be displayed. During the display of the target content, the second effect animation is controlled to play synchronously.

6. The content display method according to any one of claims 1 to 3, characterized in that: The content page displays a scroll control for the user to trigger a scrolling operation, the effect animation includes a plurality of animation frames, each of the animation frames corresponds to a different scrolling position of the scroll control in the content page, and following the user's scrolling operation in the content page to control the play of the effect animation includes: Following the user's scrolling operation on the scroll control in the content page, a target scrolling position of the scroll control in the content page is determined, and the animation frame corresponding to the target scrolling position is controlled to play.

7. A content display device, characterized in that: The content display device comprises: A display module, configured to display a content page, wherein the content page includes target content associated with an effect animation, and the effect animation includes a first effect animation for playing before the target content is displayed and / or a second effect animation for playing during the display of the target content; The control module is used to control the playing of the effect animation and the display of the target content by following the scrolling operation of the user in the content page when the content page is displayed to the display position corresponding to the target content.

8. A computer readable medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processing device, the steps of the method according to any one of claims 1 to 6 are implemented.

9. An electronic device, characterized in that: include: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 6.

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

Images