CN115033330A

CN115033330A - Content display method, device, equipment and storage medium

Info

Publication number: CN115033330A
Application number: CN202210742795.8A
Authority: CN
Inventors: 高天宇; 高楠; 王乐言; 陈振; 涂鹏飞
Original assignee: Beijing Dajia Internet Information Technology Co Ltd
Current assignee: Beijing Dajia Internet Information Technology Co Ltd
Priority date: 2022-06-28
Filing date: 2022-06-28
Publication date: 2022-09-09

Abstract

The disclosure relates to a content display method, a content display device, content display equipment and a storage medium, relates to the technical field of internet application, and can enrich the switching effect of pages. The content display method includes: receiving a switching instruction in the process of displaying picture resources on a first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from a first display page to a second display page; in response to a switching instruction, determining a plurality of display areas of the picture resources on a first display page; determining a plurality of animation special effect information which corresponds to a plurality of display areas one by one; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of a display area, delaying the special effect of the display area, and changing the transparency of the display area; splicing the plurality of animation special effect information to obtain a switching animation; and playing the switching animation, and displaying the picture resource on the second display page when the playing of the switching animation is finished.

Description

Content display method, device, equipment and storage medium

Technical Field

The present disclosure relates to the field of internet application technologies, and in particular, to a content display method, device, apparatus, and storage medium.

Background

With the development of internet technology, terminals can display various multimedia resources (e.g., video, pictures, audio, etc.).

In the process of displaying the picture, if the user switches to the playing page of the picture (also called as an "outflow" playing page) by switching the multimedia resource, the user information or the document information may be displayed on the playing page of the picture, so that the display content of the picture is blocked, and therefore, the terminal needs a relatively clean page (i.e. a page without the user information or the document information) for displaying. In this case, the user may perform a click operation on the displayed picture, thereby causing the terminal to display a detail page (generally referred to as a "in-stream" play page) of the picture.

However, when the terminal switches the detailed page of the displayed picture from the playing page of the picture, the display is usually switched directly, and the page switching is hard, so that a severe split feeling occurs in the page switching process.

Disclosure of Invention

The disclosure provides a content display method, device, equipment and storage medium, which can enrich the switching effect of pages and further enrich the user experience.

The technical scheme of the embodiment of the disclosure is as follows:

according to a first aspect of an embodiment of the present disclosure, there is provided a content display method including: receiving a switching instruction in the process of displaying picture resources on a first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from a first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource; responding to a switching instruction, and determining a plurality of display areas of the picture resources on the first display page; the resource contents displayed in different display areas are different; determining a plurality of animation special effect information which corresponds to a plurality of display areas one by one; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of a display area, delaying the special effect of the display area, and changing the transparency of the display area; splicing the plurality of animation special effect information to obtain a switching animation; and playing the switching animation, and displaying the picture resource on the second display page when the playing of the switching animation is finished.

Optionally, when the plurality of display regions include: the method comprises the following steps that a picture display area, a text display area and a control display area are displayed, a first display page is a playing page of picture resources, and when a second display page is a detail page of the picture resources, a plurality of pieces of animation special effect information which correspond to a plurality of display areas one to one are determined, and the method comprises the following steps: determining the special effect display duration of the picture display area as a first display duration, and determining the special effect delay duration of the picture display area as a first delay duration; determining the special effect display duration of the text display area as a second display duration, determining the special effect delay duration of the text display area as a second delay duration, and determining the transparency change information of the text display area to be updated from a first numerical value to a second numerical value; the second display time length is the same as or different from the first display time length; the second delay period is the same as or different from the first delay period; the first value is less than the second value; the transparency change information of the control display area is determined to be updated from the second numerical value to the first numerical value.

Optionally, when the second display duration is different from the first display duration, a difference between the first display duration and the second display duration is smaller than a preset difference; when the second delay period is different from the first delay period, the first delay period is greater than the second delay period.

Optionally, the first display duration and the second display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ]; the first delay time length and the second delay time length are both any values in a second preset range; the second predetermined range includes [0 seconds, 0.1 seconds ]; the first numerical value and the second numerical value are both any numerical values in a third preset range; the third preset range includes [0, 1 ].

Optionally, the first display duration and the second display duration are both 0.37 second; the first delay period is 0.05 seconds; the second delay time is 0 second; the first value is 1 and the second value is 0.

Optionally, when the plurality of display regions include: the method comprises the following steps that when a picture display area, a text display area and a control display area are displayed, a first display page is a detail page of a picture resource, and a second display page is a playing page of the picture resource, a plurality of pieces of animation special effect information which are in one-to-one correspondence with the display areas are determined, wherein the method comprises the following steps: determining the special effect display duration of the picture display area as a third display duration, and determining the special effect delay duration of the picture display area as a third delay duration; determining the special effect display duration of the text display area as fourth display duration, and determining the special effect delay duration of the text display area as fourth delay duration; determining the transparency change information of the text display area to be updated from a second numerical value to a first numerical value; the fourth display time length is the same as or different from the third display time length; the fourth delay period is the same as or different from the third delay period; the first value is less than the second value; and determining the transparency change information of the control display area to be updated from a first numerical value to a second numerical value.

Optionally, when the fourth display duration is different from the third display duration, a difference between the third display duration and the fourth display duration is smaller than a preset difference; when the fourth delay duration is different from the third delay duration, a difference between the third delay duration and the fourth delay duration is less than a preset difference.

Optionally, the third display duration and the fourth display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ]; the third delay time length and the fourth delay time length are both any values in a second preset range; the second preset range includes [0 second, 0.1 second ]; the first numerical value and the second numerical value are both any numerical values in a third preset range; the third predetermined range includes [0, 1 ].

Optionally, the third display duration and the fourth display duration are both 0.3 second; the third delay time and the fourth delay time are both 0 second; the first value is 1 and the second value is 0.

Optionally, the plurality of display regions include: the system comprises a picture display area, a text display area and a control display area; determining a plurality of display areas of the picture resource on the first display page, including: identifying target content information displayed on a first display page; when the target content information is used for representing the picture content of the picture resource, determining a display area of the target content information on the first display page as a picture display area; when the target content information is used for representing the text content of the picture resource, determining a display area of the target content information on the first display page as a text display area; the text content is a text for describing the picture content; when the target content information is used for representing a control of the first display page, determining a display area of the target content information on the first display page as a control display area.

According to a second aspect of embodiments of the present disclosure, there is provided a content display apparatus, which may include: the device comprises a receiving unit, a processing unit and a display unit;

the receiving unit is used for receiving a switching instruction in the process of displaying the picture resource on the first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from a first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource; the processing unit is used for responding to the switching instruction and determining a plurality of display areas of the picture resources on the first display page; the resource contents displayed in different display areas are different; the processing unit is also used for determining a plurality of pieces of animation special effect information which are in one-to-one correspondence with the plurality of display areas; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of a display area, delaying the special effect of the display area, and changing the transparency of the display area; the processing unit is also used for splicing the plurality of animation special effect information to obtain a switching animation; and the display unit is used for playing the switching animation and displaying the picture resource on the second display page when the playing of the switching animation is finished.

Optionally, when the plurality of display regions include: the processing unit is specifically configured to: determining the special effect display duration of the picture display area as a first display duration, and determining the special effect delay duration of the picture display area as a first delay duration; determining the special effect display duration of the text display area as a second display duration, determining the special effect delay duration of the text display area as a second delay duration, and determining the transparency change information of the text display area to be updated from a first numerical value to a second numerical value; the second display time length is the same as or different from the first display time length; the second delay period is the same as or different from the first delay period; the first value is less than the second value; and determining the transparency change information of the control display area to be updated from the second numerical value to the first numerical value.

Optionally, the first display duration and the second display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ]; the first delay time length and the second delay time length are both any values in a second preset range; the second preset range includes [0 second, 0.1 second ]; the first numerical value and the second numerical value are both any numerical values in a third preset range; the third predetermined range includes [0, 1 ].

Optionally, both the first display duration and the second display duration are 0.37 seconds; the first delay period is 0.05 seconds; the second delay time is 0 second; the first value is 1 and the second value is 0.

Optionally, when the plurality of display regions include: the processing unit is specifically configured to, when the first display page is a detail page of the picture resource, and the second display page is a play page of the picture resource, display a picture display region, a text display region, and a control display region: determining the special effect display duration of the picture display area as a third display duration, and determining the special effect delay duration of the picture display area as a third delay duration; determining the special effect display duration of the text display area as fourth display duration, and determining the special effect delay duration of the text display area as fourth delay duration; determining the transparency change information of the text display area to be updated from a second numerical value to a first numerical value; the fourth display time length is the same as or different from the third display time length; the fourth delay period is the same as or different from the third delay period; the first value is less than the second value; and determining the transparency change information of the control display area to be updated from a first numerical value to a second numerical value.

Optionally, when the fourth display duration is different from the third display duration, a difference between the third display duration and the fourth display duration is smaller than a preset difference; when the fourth delay time length is different from the third delay time length, the difference value between the third delay time length and the fourth delay time length is smaller than the preset difference value.

Optionally, the third display duration and the fourth display duration are any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ]; the third delay time length and the fourth delay time length are both any values in a second preset range; the second preset range includes [0 second, 0.1 second ]; the first numerical value and the second numerical value are both any numerical values in a third preset range; the third predetermined range includes [0, 1 ].

Optionally, the plurality of display regions include: the system comprises a picture display area, a text display area and a control display area; a processing unit, specifically configured to: identifying target content information displayed on a first display page; when the target content information is used for representing the picture content of the picture resource, determining a display area of the target content information on the first display page as a picture display area;

when the target content information is used for representing the text content of the picture resource, determining a display area of the target content information on the first display page as a text display area; the text content is a text for describing the picture content; and when the target content information is used for representing the control of the first display page, determining the display area of the target content information on the first display page as the control display area.

According to a third aspect of the embodiments of the present disclosure, there is provided a terminal, which may include: a processor and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement any one of the above-described optional content display methods of the first aspect.

According to a fourth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having instructions stored thereon, which, when executed by a processor of a terminal, enable the terminal to perform any one of the above-mentioned optional content display methods of the first aspect.

According to a fifth aspect of embodiments of the present disclosure, there is provided a computer program product, which includes computer instructions that, when run on a terminal, cause the terminal to perform the content display method according to any one of the optional implementations of the second aspect.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.

The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:

based on any one of the above aspects, the embodiment of the present disclosure provides a content display method, where a terminal may receive a switching instruction for instructing a display page of a picture resource to be switched from a first display page to a second display page in a process that the first display page displays the picture resource. Then, the terminal may determine, in response to the switching instruction, a plurality of display areas of the picture resource on the first display page, and determine a plurality of animation special effect information in one-to-one correspondence with the plurality of display areas. Subsequently, the plurality of animation special effect information can be spliced to obtain the switching animation. Then, the terminal can play the switching animation, and when the playing of the switching animation is finished, the picture resource is displayed on the second display page.

Because the resource contents displayed by different display areas are different, and one animation special effect information comprises at least one of the following items: the terminal can add and play switching animations related to a plurality of display areas of the picture resources on the first display page in the display page switching process of the picture resources, so that the page switching effect of the picture resources is enriched, the continuation satisfaction and the pleasure of users watching the picture resources are improved, the experience of users watching the picture resources is optimized, and further the user experience is enriched.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.

Fig. 1 is a schematic diagram of a communication system according to an embodiment of the present disclosure;

fig. 2 is a flow chart illustrating a content display method provided by an embodiment of the present disclosure;

FIG. 3 is an interface diagram illustrating a content display method provided by an embodiment of the present disclosure;

fig. 4 is a schematic flow chart illustrating another content display method provided by the embodiment of the disclosure;

fig. 5 is a schematic structural diagram illustrating a content display device according to an embodiment of the present disclosure;

fig. 6 is a schematic structural diagram of a terminal provided in an embodiment of the present disclosure;

fig. 7 shows a schematic structural diagram of a server provided by an embodiment of the present disclosure.

Detailed Description

In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the foregoing drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the disclosure, as detailed in the appended claims.

It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, and/or components.

The data to which the present disclosure relates may be data that is authorized by a user or sufficiently authorized by parties.

As described in the background art, in the process of displaying a picture, if a user switches to a playing page of the picture (also referred to as an "out-flow" playing page) by switching multimedia resources, the playing page of the picture may display user information or document information, thereby blocking the display content of the picture, and therefore, the terminal needs to display a relatively clean page (i.e., a page without user information or document information). In this case, the user may perform a click operation on the displayed picture, thereby causing the terminal to display a detail page (generally referred to as a "in-stream" play page) of the picture.

Based on this, the embodiment of the present disclosure provides a content display method, where a terminal may receive a switching instruction for instructing a display page of a picture resource to be switched from a first display page to a second display page in a process that the first display page displays the picture resource. Then, the terminal may determine, in response to the switching instruction, a plurality of display areas of the picture resource on the first display page, and determine a plurality of animation special effect information in one-to-one correspondence with the plurality of display areas. Subsequently, the plurality of animation special effect information can be spliced to obtain the switching animation. Then, the terminal can play the switching animation, and when the playing of the switching animation is finished, the picture resource is displayed on the second display page.

The content display method provided by the embodiment of the disclosure is exemplarily described below with reference to the accompanying drawings:

fig. 1 is a schematic diagram of a communication system according to an embodiment of the present disclosure, as shown in fig. 1, the communication system may include: a server 110 and a terminal 120, and the server 110 may establish a connection with the terminal 120 through a wired network or a wireless network.

The server 110 may be a data server of some multimedia resource service platform, and may be used to store and process multimedia resources. For example, the multimedia resource service platform may be an advertiser application service platform, a short video application service platform, a news service platform, a live broadcast service platform, a shopping service platform, a take-away service platform, a shared service platform, a functional website, and the like. The media resources provided by the advertiser application service platform can be some advertisement texts, advertisement icons and the like, the multimedia resources provided by the short video application service platform can be some short video works, the multimedia resources provided by the news service platform can be some news information, the multimedia resources provided by the live broadcast service platform can be live broadcast works and the like, and the rest are not repeated one by one. The present disclosure is not limited to a particular type of multimedia asset service platform.

In some embodiments, the server 110 may send corresponding data to the terminal, such as a picture resource related to the present disclosure, when receiving a data acquisition request sent by the terminal 120.

In some embodiments, the server 110 may be a single server or a server cluster composed of a plurality of servers. In some embodiments, the server cluster may also be a distributed cluster. The present disclosure is also not limited to a specific implementation of the server 110.

In still other embodiments, the server 110 may further comprise or be connected to a database, and the multimedia resources of the multimedia resource service platform may be stored in the database. The terminal 120 may perform an access operation to the multimedia resource in the database through the server 110.

The terminal 120 may be a mobile phone, a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a Personal Digital Assistant (PDA), an Augmented Reality (AR) Virtual Reality (VR) device, and the like, which can install and use a content community application (e.g., a fast hand), and the specific form of the terminal is not particularly limited by the present disclosure. The system can be used for man-machine interaction with a user through one or more modes of a keyboard, a touch pad, a touch screen, a remote controller, voice interaction or handwriting equipment and the like.

Alternatively, in the communication system shown in fig. 1, the server 110 may be connected to at least one terminal 120. The present disclosure is not limited to the number or type of terminals 120.

The content display method provided by the embodiment of the present disclosure may be applied to the terminal in the application scenario shown in fig. 1.

As shown in fig. 2, when the content display method is applied to a terminal, the content display method may include: S201-S205.

S201, the terminal receives a switching instruction in the process of displaying the picture resource on the first display page.

The switching instruction is used for indicating that the display page of the picture resource is switched from a first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource.

That is, when the first display page is a playing page of the picture resource, the second display page is a detailed page of the picture resource. Correspondingly, when the first display page is a detail page of the picture resource, the second display page is a playing page of the picture resource.

Optionally, the content displayed on the playing page of the picture resource may include information such as a cover page picture of the picture resource. The content displayed by the detail page of the picture resource may include information such as detailed content of the picture resource (e.g., text content describing a picture in the picture resource, and other remaining picture content in the long picture).

Optionally, the image resource may be in the form of a single image, an atlas, a long image, or the like.

When the resource form of the picture resource is the atlas, the terminal can respond to the left-right sliding operation of the user to display any picture in the atlas. In this case, any one picture in the atlas may be a picture resource.

When the resource form of the picture resource is a long picture, the terminal can respond to the up-and-down sliding operation of the user and display any part of pictures in the long picture. In this case, any part of the pictures in the long picture can be the picture resource.

Specifically, the terminal may receive various multimedia resources transmitted by the server. When viewing the multimedia resources received by the terminal, the user can open an Application (APP) corresponding to the multimedia resources, and then the terminal can directly display the multimedia resources sent by the server and also can display a multimedia resource recommendation page of the APP.

When the terminal directly displays the multimedia resource, the user can perform a switching operation on the currently displayed multimedia resource. Correspondingly, the terminal responds to the switching operation executed by the user and switches and displays other multimedia resources.

When the terminal displays the multimedia resource recommendation page of the APP, the user can execute triggering operation on the multimedia resource recommended by the recommendation page. Correspondingly, the terminal responds to the triggering operation executed by the user and displays the multimedia resource corresponding to the triggering operation of the user.

Then, when the user wants to switch to view other multimedia resources, the user can perform a switching operation on the currently displayed multimedia resource. Correspondingly, the terminal responds to the switching operation executed by the user and switches and displays other multimedia resources.

In an implementation manner, in a scenario where a first display page is a play page of a picture resource and a second display page is a detail page of the picture resource, if a user switches to the play page of the picture resource (i.e., the first display page) through a switching operation in a process of switching and displaying multimedia resources, since user information or document information may be displayed on the play page of the picture resource, display content of the picture resource is blocked, and therefore, the terminal needs to display a relatively clean page (i.e., the second display page).

In this case, the user may perform a click operation on the picture resource on the first display page. Accordingly, the terminal may receive a switching instruction in response to a click operation performed by the user.

Optionally, the terminal may also receive the switching instruction in other manners, for example, receive the switching instruction in response to a double-click operation performed by the user on the picture resource. Or receiving a switching instruction in response to the up-and-down sliding operation performed on the picture resource by the user on the first display page, which is not limited in the present application.

In the second display page, the terminal may not display the user information or the document information, so that the terminal may completely display the display content of the picture resource without the user information or the document information in the first display page blocking the display content of the picture resource.

In another implementation manner, in a scenario where the first display page is a detail page of a picture resource and the second display page is a play page of the picture resource, if the user has viewed the picture resource that is displayed on the first display page, the user may exit from the first display page.

In this case, the user may perform a return operation on the picture resource at the first display page. Accordingly, the terminal may receive the switching instruction in response to a return operation performed by the user.

Optionally, the user may perform a trigger operation on the return control displayed on the first display page, and correspondingly, the terminal may receive the switching instruction in response to the trigger operation performed on the return control displayed on the first display page by the user.

Optionally, the terminal may further receive the switching instruction in other manners, for example, receive the switching instruction in response to a vertical sliding operation performed on the picture resource by the user on the first display page, which is not limited in this application.

Then, the terminal can continue to display the picture resource on the second display page. The user can also continue to perform the switching operation on the second display page, so as to switch to view other multimedia resources.

As can be seen from the above, in the two possible scenarios, the switching instruction may be triggered in response to a switching operation performed by a user. Wherein the switching operation comprises: and executing an upward sliding operation or a downward sliding operation on the first display page.

That is to say, the user can not only switch and display the second display page from the first display page through the general switching operation of sliding left and right, but also switch and display the second display page from the first display page through the switching operation of sliding up and down, and can also switch and display the second display page from the first display page through other switching operations, thereby enriching the switching form of the user.

S202, the terminal responds to the switching instruction and determines a plurality of display areas of the picture resources on the first display page.

Wherein, the resource contents displayed by different display areas are different.

Specifically, the contents displayed by the picture resources in different areas on the first display page may be different, and for different display contents, the terminal may determine different animation special effects, and therefore, the terminal may determine a plurality of display areas of the picture resources on the first display page in response to the switching instruction.

In an implementation manner, when the terminal determines a plurality of display areas of the picture resources on the first display page, the terminal may determine the display areas of different resource contents in response to a selection operation of an operation and maintenance worker.

In another implementation manner, when the terminal determines a plurality of display areas of the picture resource on the first display page, a pre-created area determination code or area determination component may be called to determine the display areas of different resource contents.

The terminal may also determine, in other manners, a plurality of display areas of the picture resource on the first display page, and the present disclosure does not limit the method for determining, by the terminal, the plurality of display areas of the picture resource on the first display page.

In one embodiment, the plurality of display regions includes: the system comprises a picture display area, a text display area and a control display area; the method for the terminal to determine the multiple display areas of the picture resources on the first display page specifically comprises the following steps:

the terminal identifies target content information displayed on the first display page.

When the terminal identifies the target content information displayed on the first display page, a pre-created area identification code or area identification component may be called to identify the target content information displayed on the first display page.

When the target content information is used for representing the picture content of the picture resource, the terminal determines the display area of the target content information on the first display page as the picture display area.

When the target content information is used for representing the text content of the picture resource, the terminal determines the display area of the target content information on the first display page as a text display area; the text content is text describing the picture content.

When the target content information is used for representing the control of the first display page, the terminal determines the display area of the target content information on the first display page as the control display area.

Therefore, the terminal can quickly determine a plurality of display areas of the picture resources on the first display page, so that switching animations are generated according to animation special effect information of different display areas in the follow-up process, the switching animations are added during page switching, and user experience is enriched.

S203, the terminal determines a plurality of pieces of animation special effect information which correspond to the display areas one by one.

Specifically, the animation special effect information of each display area may be different, and therefore, the terminal needs to determine the animation special effect information of each display area.

Wherein one animation special effect information includes at least one of: the display control method comprises the following steps of special effect display time length of one display area, special effect delay time length of one display area and transparency change information of one display area.

It should be noted that the special effect delay time period is a special effect delay time period for displaying a certain display region.

Illustratively, the preset terminal receives the switching instruction at 12 points, 1 minute and 10 seconds, the special effect display duration of the preset display area a is 0.4 second, the special effect delay duration of the preset display area a is 0.05 second, the special effect display duration of the preset display area B is 0.5 second, and the special effect delay duration of the preset display area a is 0 second.

In this case, the display area a may start displaying the special effect at 12 dots 1 minutes 10.05 seconds and end displaying the special effect at 12 dots 1 minutes 10.45 seconds.

Accordingly, the display area a may start displaying the special effect at 12 dots 1 min 10 sec, and end displaying the special effect at 12 dots 1 min 10.5 sec.

In one implementation, when the plurality of display regions include: the method for determining the animation special effect information in one-to-one correspondence with the display areas by the terminal comprises the following specific steps that when a picture display area, a text display area and a control display area are displayed, a first display page is a playing page of picture resources, and a second display page is a detail page of the picture resources:

the terminal determines the special effect display duration of the picture display area as a first display duration, and determines the special effect delay duration of the picture display area as a first delay duration.

Specifically, after the picture display area is determined, the terminal may determine the special effect display duration of the picture display area as a first display duration, and determine the special effect delay duration of the picture display area as a first delay duration. Therefore, the embodiment of the application provides a specific implementation mode for determining the special effect display duration and the special effect delay duration of the picture display area, so that the switching animation can be generated according to the special effect display duration and the special effect delay duration of the picture display area in the follow-up process, the switching animation is added when pages are switched, and the user experience is enriched.

And the terminal determines the special effect display duration of the text display area as a second display duration, determines the special effect delay duration of the text display area as a second delay duration, and determines the transparency change information of the text display area to be updated from the first numerical value to the second numerical value.

The second display time length is the same as or different from the first display time length; the second delay period is the same as or different from the first delay period; the first value is less than the second value.

Specifically, after the text display area is determined, the terminal may determine the special effect display duration of the text display area as a second display duration, and determine the special effect delay duration of the text display area as a second delay duration.

Secondly, the first display page is a playing page of the picture resource, and the second display page is a detail page of the picture resource, so that the first display page does not include a text display area. In this way, after the text display area is determined, the terminal may determine that the transparency change information of the text display area is updated from the first numerical value to the second numerical value, that is, the text display area is gradually displayed in the process of switching from the first display page to the second display page.

Therefore, the embodiment of the application provides a specific implementation mode for determining the special effect display duration and the special effect delay duration of the text display area, so that the switching animation can be generated according to the special effect display duration and the special effect delay duration of the text display area in the follow-up process, the switching animation is added when the page is switched, and the user experience is enriched.

And the terminal determines the transparency change information of the control display area to be updated from the second numerical value to the first numerical value.

Specifically, after determining the control display area, the terminal may determine that the transparency change information of the control display area is updated from the second numerical value to the first numerical value.

Because the first display page is a playing page of the picture resource and the second display page is a detail page of the picture resource, the second display page does not include a control display area. In this way, after the control display area is determined, the terminal may determine that the transparency change information of the control display area is updated from the second numerical value to the first numerical value, that is, the control display area gradually disappears in the process of switching from the first display page to the second display page.

Therefore, the embodiment of the application provides a specific implementation mode for determining the transparency change information of the control display area, so that the switching animation can be generated according to the transparency change information of the control display area subsequently, the switching animation is added when the page is switched, and the user experience is enriched.

In one implementation manner, when the second display duration is different from the first display duration, a difference between the first display duration and the second display duration is smaller than a preset difference.

Therefore, the difference value of the display time lengths of the picture display area and the text display area can be within the preset difference value, the phenomenon that the display time length difference value of the picture display area and the text display area is too large to influence the special effect display effect of the picture display area and the text display area is avoided, and the page switching smoothness is improved to a certain degree.

When the second delay duration is different from the first delay duration, the first delay duration is greater than the second delay duration.

Therefore, the terminal can display the special effect of the picture display area after the special effect of the text display area starts to be displayed, so that the special effect display effects of the picture display area and the text display area are enriched, the page switching smoothness is improved to a certain extent, and the user experience is enriched.

In an implementation manner, the first display duration and the second display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ].

Therefore, the display duration of the picture display area and the text display area can be within a first preset range, the display duration of the picture display area and the text display area is prevented from being overlarge in numerical value, the special effect display effect of the picture display area and the text display area is prevented from being influenced, and the page switching smoothness is improved to a certain degree.

In one implementation manner, the first delay time length and the second delay time length are both any values within a second preset range; the second preset range includes [0 second, 0.1 second ].

Therefore, the delay time of the picture display area and the text display area can be within the second preset range, the phenomenon that the value of the delay time of the picture display area and the text display area is too large to influence the special effect display effect of the picture display area and the text display area is avoided, the page switching smoothness is improved to a certain degree, and the user experience is enriched.

In one implementation, the first numerical value and the second numerical value are both any numerical values within a third preset range; the third predetermined range includes [0, 1 ].

Wherein 0 is used to represent a transparency of 0% and 1 is used to represent a transparency of 100%.

Therefore, the transparency change information of the text display area can be changed within a third preset range, and the page switching smoothness is improved to a certain extent.

In one implementation, the first display duration and the second display duration are both 0.37 seconds.

Therefore, the display time of the picture display area and the text display area can be 0.37 second at the same time, the phenomenon that the special effect display effect of the picture display area and the text display area is influenced due to the fact that the difference value of the display time of the picture display area and the display time of the text display area is too large is avoided, and the page switching smoothness is improved to a certain extent.

The first delay period is 0.05 seconds; the second delay period is 0 seconds.

Therefore, the difference value of the delay time of the picture display area and the delay time of the text display area can be 0.05 second, the special effect display effect of the picture display area and the special effect display effect of the text display area are enriched, the page switching smoothness is improved to a certain extent, and the user experience is enriched.

The first value is 1 and the second value is 0.

Therefore, the transparency change information of the text display area can be updated from 1 to 0, and the smoothness of page switching is improved to a certain extent.

In one implementation, when the plurality of display regions include: the method for determining the animation special effect information in one-to-one correspondence with the display areas by the terminal comprises the following specific steps that when a picture display area, a text display area and a control display area are displayed, a first display page is a detail page of picture resources, and a second display page is a playing page of the picture resources:

and determining the special effect display duration of the picture display area as third display duration, and determining the special effect delay duration of the picture display area as third delay duration.

Specifically, after the picture display area is determined, the terminal may determine the special effect display duration of the picture display area as a third display duration, and determine the special effect delay duration of the picture display area as a third delay duration. Therefore, a specific implementation mode for determining the special effect display duration and the special effect delay duration of the picture display area is provided in the embodiment of the application, so that the switching animation can be generated according to the special effect display duration and the special effect delay duration of the picture display area in the follow-up process, the switching animation is added when pages are switched, and the user experience is enriched.

Determining the special effect display duration of the text display area as fourth display duration, and determining the special effect delay duration of the text display area as fourth delay duration; the transparency change information of the text display area is determined to be updated from the second numerical value to the first numerical value.

The fourth display time length is the same as or different from the third display time length; the fourth delay period is the same as or different from the third delay period; the first value is less than the second value.

Specifically, after the text display area is determined, the terminal may determine the special effect display duration of the text display area as a fourth display duration, and determine the special effect delay duration of the text display area as the fourth delay duration.

Secondly, the second display page is a playing page of the picture resource, and the first display page is a detail page of the picture resource, so that the first display page comprises a text display area. In this way, after the text display area is determined, the terminal may determine that the transparency change information of the text display area is updated from the second numerical value to the first numerical value, that is, the text display area gradually disappears during the process of switching from the first display page to the second display page.

And determining the transparency change information of the control display area to be updated from a first numerical value to a second numerical value.

Specifically, after determining the control display area, the terminal may determine that the transparency change information of the control display area is updated from a first numerical value to a second numerical value.

The second display page is a playing page of the picture resource, and the first display page is a detail page of the picture resource, so that the second display page comprises a control display area. In this way, after the control display area is determined, the terminal may determine that the transparency change information of the control display area is updated from the first numerical value to the second numerical value, that is, the control display area is gradually displayed in the process of switching from the first display page to the second display page.

In one implementation manner, when the fourth display duration is different from the third display duration, a difference between the third display duration and the fourth display duration is smaller than a preset difference.

When the fourth delay duration is different from the third delay duration, a difference between the third delay duration and the fourth delay duration is less than a preset difference.

Therefore, the difference value of the delay time of the picture display area and the text display area can be within the preset difference value, the phenomenon that the difference value of the delay time of the picture display area and the delay time of the text display area is too large, the special effect display effect of the picture display area and the special effect display effect of the text display area are influenced is prevented, and the page switching smoothness is improved to a certain extent.

In an implementation manner, the third display duration and the fourth display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ].

The third delay time length and the fourth delay time length are both any values in a second preset range; the second preset range includes [0 second, 0.1 second ].

The first numerical value and the second numerical value are both any numerical values in a third preset range; the third predetermined range includes [0, 1 ].

In one implementation, the third display duration and the fourth display duration are both 0.3 seconds.

Therefore, the display time of the picture display area and the text display area can be 0.3 second at the same time, the phenomenon that the special effect display effect of the picture display area and the text display area is influenced due to the fact that the difference value of the display time of the picture display area and the display time of the text display area is too large is avoided, and the page switching smoothness is improved to a certain extent.

The third delay time and the fourth delay time are both 0 second;

therefore, the delay time of the picture display area and the text display area can be 0 second at the same time, the special effect display effect of the picture display area and the text display area is enriched, the page switching smoothness is improved to a certain degree, and the user experience is enriched.

The first value is 1 and the second value is 0.

Therefore, the transparency change information of the text display area can be updated from 0 to 1, and the smoothness of page switching is improved to a certain extent.

And S204, splicing the plurality of animation special effect information by the terminal to obtain a switching animation.

Optionally, the switching animation may be a gradual-change animation in which the terminal switches from the first display page to the second display page, or may be other types of special-effect animations, which is not limited in this application.

In another implementation manner, the method for splicing the multiple pieces of animation special effect information by the terminal to obtain the switching animation specifically includes: after the plurality of animation special effect information are obtained, the terminal can call a pre-established special effect generation code or a pre-established special effect generation component to splice the plurality of animation special effect information to obtain the switching animation.

The terminal can splice a plurality of animation special effect information in other modes to obtain the switching animation, and the method for obtaining the switching animation by the terminal is not limited in the disclosure.

S205, the terminal plays the switching animation, and when the playing of the switching animation is finished, the picture resource is displayed on the second display page.

When the playing of the switching animation is finished, a user does not need to wait, the terminal is directly switched to the second display page, and the picture resource is displayed on the second display page.

Illustratively, the first display page is preset as a playing page of the picture resource, and the second display page is preset as a detail page of the picture resource.

As shown in fig. 3 (a), the terminal may display a picture 302-1 in a picture display area of a first display page 301, and display user information 303, paperwork information 304, and a full-screen control 305 in a control display area of the first display page 301. The user may then perform a trigger operation on full screen control 305. Accordingly, the terminal may receive a switching instruction in response to a triggering operation performed by the user on the full screen control 305, and determine to switch the animation in response to the switching instruction.

The animation special effect of the user information 303, the file information 304 and the full screen control 305 is an animation special effect 306-1 which gradually disappears. The animated special effect of the picture 302-1 is the animated special effect 307-1 which gradually becomes smaller and moves to a preset position. The animated special effect of the text 308 of the text display area is an animated special effect 309-1 that is gradually displayed and moved to a preset position.

The first display time period of the animated special effect of the picture 302-1 displayed in the picture display area is 0.37 seconds. The second display time period of the animated special effect of the text 308 displayed in the text display region is 0.37 seconds. The first delay time period of the animation special effect of the picture 302-1 displayed in the picture display area is 0.05 second. The second delay time period of the animated special effect of the text 308 displayed by the text display area is 0 second. The change information of the transparency of the animation effect of the text 308 displayed in the text display area is from 0 to 1. The transparency change information of the animation special effect of the control display area, the user information 303, the literary information 304, and the full-screen control 305 is from 1 to 0. Next, as shown in fig. 3 (b), the terminal may determine a switching animation according to the animation special effect information of each display region, and play the switching animation.

Next, as shown in (c) of fig. 3, at the end of the switching animation play, the terminal may display a second display page 310 including a picture 302-2 (the same content as the picture 302-1, but different display position and display size) and text 308.

Alternatively, the user may perform a swipe up operation on the second display page 310 to view pictures or text of other non-displayed portions.

Then, when the user finishes viewing the entire picture or text, or wants to switch other multimedia resources, the user may perform a slide-down operation on the second display page 310. Accordingly, the terminal may receive a switching instruction in response to the user performing a slide-down operation on the second display page 310, and determine a switching animation in response to the switching instruction.

The animation special effects of the user information 303, the file information 304 and the full-screen control 305 are animation special effects 306-2 which are gradually displayed. The animated special effect of the picture 302-2 is the animated special effect 307-2 which gradually becomes larger and moves to a preset position. The animated special effect of the text 308 is an animated special effect 309-2 that fades away.

The third display time period of the animation special effect of the picture 302-2 displayed in the picture display area is 0.3 second. The fourth display duration of the animated special effect of the text 308 displayed by the text display region is 0.3 seconds. The third delay time period of the animated special effect of the picture 302-2 displayed in the picture display area is 0 second. The fourth delay period of the animated special effect of the text 308 displayed by the text display area is 0 second. The change information of the transparency of the animation effect of the text 308 displayed in the text display area is from 1 to 0. The transparency change information of the animation special effect of the control display area, the user information 303, the literary information 304, and the full-screen control 305, which are displayed in the control display area, is from 0 to 1.

As shown in (d) of fig. 3, the terminal may determine a switching animation according to the animation special effects of the respective display regions, and play the switching animation.

It should be noted that the animation for switching from the first display page 301 to the second display page 310 may be the same as or different from the animation for switching from the second display page 310 to the first display page 301, and the disclosure is not limited thereto.

Subsequently, as shown in (e) in fig. 3, at the end of the switching animation play, the terminal may continue to display the picture 302-1, the user information 303, the copy information 304, and the full screen control 305 on the first display page 301.

The technical scheme provided by the embodiment at least has the following beneficial effects: from S201 to S202, since the resource contents displayed in different display regions are different, and an animation special effect information includes at least one of the following: the terminal can add and play switching animations related to a plurality of display areas of the picture resources on the first display page in the display page switching process of the picture resources, so that the page switching effect of the picture resources is enriched, the continuation satisfaction and the pleasure of users watching the picture resources are improved, the experience of users watching the picture resources is optimized, and further the user experience is enriched.

In one embodiment, as shown in fig. 4, the terminal may also determine the switching animation according to elements in the first display page and the second display page. The method specifically comprises the following steps:

s401, the terminal obtains the element information of each element in the first display page and the element information of each element in the second display page.

Specifically, when determining the switching animation, the terminal may acquire element information of each element in the first display page and element information of each element in the second display page, so as to determine the switching animation according to the element information of each element.

Alternatively, the elements in the first display page may be various contents displayed in the first display page. Accordingly, the elements in the second display page may be various contents displayed in the second display page.

Optionally, the element information may include position information, size information, transparency change rate, element type, and the like of the element.

Illustratively, as shown in fig. 3 (a), when the first display page is a play page of a picture resource, the elements in the first display page may be a picture 302-1, user information 303, file information 304, and a full screen control 305.

The element information of the picture 302-1 may include position information and size information of the picture 302-1.

The element information of user information 303, copy information 304, and full screen control 305 may include the rate of change of transparency of user information 303, copy information 304, and full screen control 305.

Accordingly, as shown in (c) of fig. 3, when the second display page is a detail page of a picture resource, elements in the second display page may be a picture 302-2 and text 308.

The element information of the picture 302-2 may include position information and size information of the picture 302-2.

The element information of the text 308 may include a rate of change of transparency of the text 308.

S402, the terminal executes target operation aiming at the element information of each element in the first display page and the element information of each element in the second display page so as to obtain the animation special effect of each element.

Wherein the target operation comprises: determining the animation special effect of the target element according to the element information of the target element; the target element is any one element of the first display page and the second display page.

In an implementation manner, the method for determining an animation special effect of a target element by a terminal according to element information of the target element specifically includes: the terminal may store in advance correspondence between a plurality of pieces of element information and a plurality of animation special effects. The terminal can read the corresponding relation between the plurality of element information and the plurality of animation special effects and determine the animation special effect corresponding to the element information of the target element.

In another implementation manner, the method for determining to switch the animation by the terminal specifically includes: after the element information of the target element is acquired, the terminal can call a pre-created special effect generation code or a special effect generation component to determine the animation special effect of the target element.

In another implementation manner, the method for determining to switch the animation by the terminal specifically includes: the terminal can send a request message to the server to request the animation special effect of the target element. Correspondingly, after receiving the request message, the server can send the animation special effect of the target element to the terminal.

The terminal can also determine the animation special effect of the target element according to the element information of the target element in other modes.

In one implementation manner, when the element in the first display page and the element in the second display page both include the target element, the element information of the element in the first display page includes: first position information of the target element in the first display page; the element information of the elements in the second display page includes: second position information of the target element in the second display page.

In this case, the method for determining the animation special effect of the target element by the terminal according to the element information of the target element specifically includes:

s421, the terminal switches the target element from the first position information to the switching special effect of the second position information, and the target element is determined to be the animation special effect of the target element.

Illustratively, as shown in fig. 3, when the first display page is a play page of a picture resource and the second display page is a detail page of the picture resource, both the first display page and the second display page include pictures. In this case, the terminal may acquire first position information of the picture 302-1 on the first display page and second position information of the picture 302-2 on the second display page.

Then, the terminal may switch the picture 302-1 from the first position information to a switching special effect of the second position information of the picture 302-2, and determine the switching special effect as an animation special effect of the picture.

The technical scheme provided by the embodiment at least has the following beneficial effects: from S421, a specific implementation manner of determining the animation special effect of the target element is provided, and the animation special effect of the target element is determined by switching the target element from the first position information to the switching special effect of the second position information, so that the animation special effect of the target element can be quickly determined, and a switching animation can be subsequently generated according to the animation special effect of the target element, and the switching animation is added during page switching, thereby enriching user experience.

In one implementation manner, when the element in the first display page and the element in the second display page both include the target element, the element information of the element in the first display page includes: first size information of the target element in the first display page; the element information of the elements in the second display page includes: second size information of the target element in the second display page.

s422, the terminal switches the target element from the first size information to the switching special effect of the second size information, and the switching special effect is determined to be the animation special effect of the target element.

Illustratively, as shown in fig. 3, when the first display page is a play page of a picture resource and the second display page is a detail page of the picture resource, both the first display page and the second display page include pictures. In this case, the terminal may acquire first size information of the picture 302-1 on the first display page and second size information of the picture 302-2 on the second display page.

Then, the terminal may switch the picture 302-1 from the first size information to a switch effect of the second size information of the picture 302-2, and determine the switch effect as an animated effect of the picture.

The technical scheme provided by the embodiment at least has the following beneficial effects: from S422, a specific implementation manner of determining the animation special effect of the target element is provided, and the animation special effect of the target element is determined by switching the target element from the first size information to the second size information, so that the animation special effect of the target element can be quickly determined, a switching animation can be subsequently generated according to the animation special effect of the target element, and the switching animation is added during page switching, thereby enriching user experience.

In one implementation, when the element in the first display page includes the target element and the element in the second display page does not include the target element, the element information of the element in the first display page includes: the rate of change of transparency of the target element.

and S423, the terminal determines the change special effect of the target element according to the transparency change rate of the target element and determines the change special effect as the animation special effect of the target element.

Optionally, the transparency change rate may be a change rate of the target element changing from transparency of a preset value (for example, any value between 0 and 1) to 0, or may be a change rate of the target element changing from transparency of 0 to a preset value.

Optionally, the terminal determines the gradual change special effect of the target element according to the transparency change rate of the target element, so that the gradual change special effect is determined as the animation special effect of the target element.

Illustratively, as shown in fig. 3, when the first display page is a play page of a picture resource and the second display page is a detail page of the picture resource, the first display page includes user information 303, file information 304 and a full screen control 305, but the second display page does not include the user information, the file information and the full screen control. In this case, the terminal can acquire the user information 303, the paperwork information 304, and the rate of change of the transparency of the full screen control 305.

Then, the terminal may determine the change special effects of the user information 303, the copy information 304 and the full screen control 305 according to the transparency change rates of the user information 303, the copy information 304 and the full screen control 305, and determine the change special effects as animation special effects of the user information 303, the copy information 304 and the full screen control 305.

The technical scheme provided by the embodiment at least has the following beneficial effects: it can be known from S423 that a specific implementation manner for determining the animation special effect of the target element is provided, and by determining the change special effect of the target element according to the transparency change rate of the target element and determining the change special effect as the animation special effect of the target element, the animation special effect of the target element can be quickly determined, so that a switching animation can be generated according to the animation special effect of the target element subsequently, and the switching animation is added when a page is switched, thereby enriching user experience.

In one implementation, the element information of the target element includes an element type of the target element.

s424, the terminal determines the playing time length and the delay time length corresponding to the element type of the target element, and determines the playing time length and the delay time length as the playing time length and the delay time length of the animation special effect.

Optionally, the playing time length and the delay time length of the animation special effect of each element are different. In this case, the terminal may determine the play time length and the delay time length corresponding to the element type of the target element, and determine the play time length and the delay time length as the play time length and the delay time length of the animation special effect.

Illustratively, when the first display page is a playing page of a picture resource and the second display page is a detail page of the picture resource, the picture resource is preset to include a picture element and a text element describing a picture in the picture resource.

The delay duration of the text element may be 0 seconds. The delay duration of a picture element in a picture resource may be 0.05 seconds. The playing time of the picture element and the text element in the picture resource can be 0.37 second.

The technical scheme provided by the embodiment at least has the following beneficial effects: from S424, a specific implementation manner for determining the animation special effect of the target element is provided, and by determining the play duration and the delay duration corresponding to the element type of the target element and determining the play duration and the delay duration as the play duration and the delay duration of the animation special effect, the animation special effect of the target element can be quickly determined, so that a switching animation can be subsequently generated according to the animation special effect of the target element, and the switching animation is added during page switching, thereby enriching user experience.

And S403, splicing the animation special effects of each element by the terminal to obtain a switching animation.

Specifically, after the animation special effects of each element are obtained, the animation special effects of each element can be spliced to obtain a switching animation, so that the switching animation is added in the process of page switching in the follow-up process, and the user experience is enriched.

In an implementation manner, the method for splicing the animation special effects of each element by the terminal to obtain the switching animation specifically includes: the terminal can call a pre-created special effect splicing code or a pre-created special effect splicing component to splice the animation special effects of each element to obtain a switching animation.

The technical scheme provided by the embodiment at least has the following beneficial effects: it can be known from S401 to S403 that a specific implementation manner of determining a switching animation is given, and an animation special effect of each element can be obtained by acquiring element information of each element in a first display page and element information of each element in a second display page, and performing a target operation on the element information of each element in the first display page and the element information of each element in the second display page. Subsequently, the animation special effects of each element can be spliced to obtain a switching animation, so that the switching animation is added when a subsequent page is switched, and the user experience is enriched.

It is understood that, in practical implementation, the terminal/server according to the embodiments of the present disclosure may include one or more hardware structures and/or software modules for implementing the corresponding content display method, and these hardware structures and/or software modules may constitute an electronic device. Those of skill in the art will readily appreciate that the present disclosure can be implemented in hardware or a combination of hardware and computer software for implementing the exemplary algorithm steps described in connection with the embodiments disclosed herein. Whether a function is performed as hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.

Based on such understanding, the embodiment of the present disclosure also correspondingly provides a content display device, which can be applied to a terminal. Fig. 5 shows a schematic structural diagram of a content display device provided in an embodiment of the present disclosure. As shown in fig. 5, the content display apparatus may include: a receiving unit 501, a processing unit 502, and a display unit 503;

a receiving unit 501, configured to receive a switching instruction in a process of displaying a picture resource on a first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from a first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource;

a processing unit 502, configured to determine, in response to a switching instruction, a plurality of display areas of a picture resource on a first display page; the resource contents displayed in different display areas are different;

the processing unit 502 is further configured to determine a plurality of animation special effect information in one-to-one correspondence with the plurality of display areas; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of a display area, delaying the special effect display time length of the display area and transparency change information of the display area;

the processing unit 502 is further configured to splice the multiple pieces of animation special effect information to obtain a switching animation;

and the display unit 503 is configured to play the switching animation, and when the switching animation is finished, display the picture resource on the second display page.

Optionally, when the plurality of display regions include: when the picture display area, the text display area, and the control display area, the first display page is a playing page of the picture resource, and the second display page is a detail page of the picture resource, the processing unit 502 is specifically configured to:

determining the special effect display duration of the picture display area as a first display duration, and determining the special effect delay duration of the picture display area as a first delay duration;

determining the special effect display duration of the text display area as a second display duration, determining the special effect delay duration of the text display area as a second delay duration, and determining the transparency change information of the text display area to be updated from a first numerical value to a second numerical value; the second display time length is the same as or different from the first display time length; the second delay period is the same as or different from the first delay period; the first value is less than the second value;

the transparency change information of the control display area is determined to be updated from the second numerical value to the first numerical value.

Optionally, when the second display duration is different from the first display duration, a difference between the first display duration and the second display duration is smaller than a preset difference;

when the second delay period is different from the first delay period, the first delay period is greater than the second delay period.

Optionally, the first display duration and the second display duration are both any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ];

the first delay time length and the second delay time length are both any values in a second preset range; the second predetermined range includes [0 seconds, 0.1 seconds ];

Optionally, the first display duration and the second display duration are both 0.37 second;

the first delay period is 0.05 seconds; the second delay time is 0 second;

the first value is 1 and the second value is 0.

Optionally, when the plurality of display regions include: the processing unit 502 is specifically configured to, when the picture display area, the text display area, and the control display area are provided, the first display page is a detail page of the picture resource, and the second display page is a play page of the picture resource:

determining the special effect display duration of the picture display area as a third display duration, and determining the special effect delay duration of the picture display area as a third delay duration;

determining the special effect display duration of the text display area as fourth display duration, and determining the special effect delay duration of the text display area as fourth delay duration; determining the transparency change information of the text display area to be updated from a second numerical value to a first numerical value; the fourth display time length is the same as or different from the third display time length; the fourth delay period is the same as or different from the third delay period; the first value is less than the second value;

Optionally, when the fourth display duration is different from the third display duration, a difference between the third display duration and the fourth display duration is smaller than a preset difference;

when the fourth delay time length is different from the third delay time length, the difference value between the third delay time length and the fourth delay time length is smaller than the preset difference value.

Optionally, the third display duration and the fourth display duration are any values within a first preset range; the first preset range includes [0.3 seconds, 0.5 seconds ];

the third delay time length and the fourth delay time length are both any values in a second preset range; the second preset range includes [0 second, 0.1 second ];

Optionally, the third display duration and the fourth display duration are both 0.3 second;

the third delay time and the fourth delay time are both 0 second;

the first value is 1 and the second value is 0.

Optionally, the plurality of display regions include: the system comprises a picture display area, a text display area and a control display area;

the processing unit 502 is specifically configured to:

identifying target content information displayed on a first display page;

when the target content information is used for representing the picture content of the picture resource, determining a display area of the target content information on the first display page as a picture display area;

when the target content information is used for representing the text content of the picture resource, determining a display area of the target content information on the first display page as a text display area; the text content is a text for describing the picture content;

and when the target content information is used for representing the control of the first display page, determining the display area of the target content information on the first display page as the control display area.

As described above, the embodiments of the present disclosure may perform division of functional modules on a server/terminal according to the above method examples. The integrated module can be realized in a hardware form, and can also be realized in a software functional module form. In addition, it should be further noted that the division of the modules in the embodiments of the present disclosure is schematic, and is only a logic function division, and there may be another division manner in actual implementation. For example, each functional module may be divided in accordance with each function, or two or more functions may be integrated into one processing module.

Regarding the content display apparatus in the foregoing embodiment, the specific manner in which each module performs operations and the beneficial effects thereof have been described in detail in the foregoing method embodiment, and are not described herein again.

The embodiment of the disclosure also provides a terminal, which can be a user terminal such as a mobile phone, a computer and the like. Fig. 6 shows a schematic structural diagram of a terminal provided in an embodiment of the present disclosure. The terminal, which may be a content display device, may include at least one processor 61, a communication bus 62, a memory 63, and at least one communication interface 64.

The processor 61 may be a Central Processing Unit (CPU), a micro-processing unit, an ASIC, or one or more integrated circuits for controlling the execution of programs according to the present disclosure. As an example, in connection with fig. 5, the processing unit 502 in the terminal implements the same functions as the processor 61 in fig. 6.

The communication bus 62 may include a path to transfer information between the aforementioned components.

Communication interface 64, using any transceiver or the like, is configured to communicate with other devices or communication networks, such as servers, ethernet, Radio Access Networks (RAN), Wireless Local Area Networks (WLAN), etc.

The memory 63 may be, but is not limited to, a read-only memory (ROM) or other type of static storage device that may store static information and instructions, a Random Access Memory (RAM) or other type of dynamic storage device that may store information and instructions, an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM) or other optical disk storage, optical disk storage (including compact disc, laser disc, optical disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage media or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer. The memory may be self-contained and connected to the processing unit by a bus. The memory may also be integrated with the processing unit.

The memory 63 is used for storing application program codes for executing the disclosed solution, and is controlled by the processor 61. The processor 61 is configured to execute application program code stored in the memory 63 to implement the functions in the disclosed methods.

In particular implementations, processor 61 may include one or more CPUs such as CPU0 and CPU1 in fig. 6 as one embodiment.

In particular implementations, the content display terminal may include multiple processors, such as processor 61 and processor 65 in FIG. 6, as one example. Each of these processors may be a single-core (single-CPU) processor or a multi-core (multi-CPU) processor. A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data (e.g., computer program instructions).

In one implementation, the content display terminal may further include an input device 66 and an output device 67, as an example. The input device 66 is in communication with the output device 67 and may accept user input in a variety of ways. For example, the input device 66 may be a mouse, a keyboard, a touch screen device or a sensing device, and the like. The output device 67 is in communication with the processor 61 and may display information in a variety of ways. For example, the output device 61 may be a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display device, or the like. As an example, in connection with fig. 5, the display unit 503 in the terminal implements the same function as the output device 67 in fig. 6.

Those skilled in the art will appreciate that the configuration shown in fig. 6 is not intended to be limiting, and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be used.

The embodiment of the disclosure also provides a server. Fig. 7 shows a schematic structural diagram of a server provided by an embodiment of the present disclosure. The server may be a content display device. The server, which may vary widely in configuration or performance, may include one or more processors 71 and one or more memories 72. At least one instruction is stored in the memory 72, and the at least one instruction is loaded and executed by the processor 71 to implement the content display method provided by each of the above-mentioned method embodiments. Certainly, the server may further have a wired or wireless network interface, a keyboard, an input/output interface, and other components to facilitate input and output, and the server may further include other components for implementing functions of the device, which are not described herein again.

The present disclosure also provides a computer-readable storage medium including instructions stored thereon, which, when executed by a processor of a computer device, enable a computer to perform the content display method provided by the above-described illustrative embodiment. For example, the computer readable storage medium may be a memory 63 comprising instructions executable by the processor 61 of the terminal to perform the above described method. Also for example, the computer readable storage medium may be a memory 72 comprising instructions executable by a processor 71 of the server to perform the above-described method. Alternatively, the computer readable storage medium may be a non-transitory computer readable storage medium, for example, which may be a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

The present disclosure also provides a computer program product comprising computer instructions which, when run on a terminal, cause the terminal to perform the content display method shown in any of the above figures 2-4.

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice in the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A content display method, comprising:

receiving a switching instruction in the process of displaying picture resources on a first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from the first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource;

determining a plurality of display areas of the picture resource on the first display page in response to the switching instruction; the resource contents displayed in different display areas are different;

determining a plurality of pieces of animation special effect information which correspond to the plurality of display areas one by one; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of one display area, delaying the special effect of the display area, and changing the transparency of the display area;

splicing the plurality of animation special effect information to obtain a switching animation;

and playing the switching animation, and displaying the picture resource on the second display page when the playing of the switching animation is finished.

2. The content display method according to claim 1, wherein when the plurality of display regions include: when the first display page is a playing page of the picture resource and the second display page is a detail page of the picture resource, the determining of a plurality of animation special effect information corresponding to the plurality of display areas one to one includes:

determining the special effect display duration of the text display area as a second display duration, determining the special effect delay duration of the text display area as a second delay duration, and determining the transparency change information of the text display area to be updated from a first numerical value to a second numerical value; the second display duration is the same as or different from the first display duration; the second delay duration is the same as or different from the first delay duration; the first value is less than the second value;

determining transparency change information of the control display area to be updated from the second numerical value to the first numerical value.

3. The content display method according to claim 2,

when the second display time length is different from the first display time length, the difference value between the first display time length and the second display time length is smaller than a preset difference value;

4. The content display method according to claim 2 or 3,

the first display time length and the second display time length are both any values in a first preset range; the first preset range comprises [0.3 seconds, 0.5 seconds ];

the first delay time length and the second delay time length are both any values in a second preset range; the second preset range comprises [0 second, 0.1 second ];

the first numerical value and the second numerical value are both any numerical values in a third preset range; the third preset range includes [0, 1 ].

5. The content display method according to claim 4,

the first display time length and the second display time length are both 0.37 second;

the first delay time period is 0.05 second; the second delay time is 0 second;

the first value is 1 and the second value is 0.

6. The content display method according to claim 1, wherein when the plurality of display regions include: the method comprises the following steps that when a picture display area, a text display area and a control display area are displayed, the first display page is a detail page of the picture resource, and the second display page is a playing page of the picture resource, the determining of a plurality of pieces of animation special effect information which are in one-to-one correspondence with the display areas comprises the following steps:

determining the special effect display duration of the text display area as fourth display duration, and determining the special effect delay duration of the text display area as fourth delay duration; the transparency change information of the text display area is determined to be updated from a second numerical value to a first numerical value; the fourth display duration is the same as or different from the third display duration; the fourth delay period is the same as or different from the third delay period; the first value is less than the second value;

determining transparency change information of the control display area to be updated from the first numerical value to the second numerical value.

7. The content display method according to claim 8,

when the fourth display duration is different from the third display duration, the difference between the third display duration and the fourth display duration is smaller than a preset difference;

when the fourth delay time length is different from the third delay time length, a difference value between the third delay time length and the fourth delay time length is smaller than the preset difference value.

8. The content display method according to claim 6 or 7,

the third display time length and the fourth display time length are any values in a first preset range; the first preset range comprises [0.3 seconds, 0.5 seconds ];

the third delay time length and the fourth delay time length are both any values in a second preset range; the second preset range comprises [0 second, 0.1 second ];

9. The content display method according to claim 8,

the third display time length and the fourth display time length are both 0.3 second;

the third delay duration and the fourth delay duration are both 0 seconds;

the first value is 1 and the second value is 0.

10. The content display method according to claim 1, wherein the plurality of display regions include: the system comprises a picture display area, a text display area and a control display area;

the determining a plurality of display areas of the picture resource on the first display page comprises:

identifying target content information displayed on the first display page;

when the target content information is used for representing the picture content of the picture resource, determining a display area of the target content information on the first display page as the picture display area;

when the target content information is used for representing the text content of the picture resource, determining a display area of the target content information on the first display page as the text display area; the text content is a text describing the picture content;

when the target content information is used for representing a control of the first display page, determining a display area of the target content information on the first display page as the control display area.

11. A content display device, comprising: the device comprises a receiving unit, a processing unit and a display unit;

the receiving unit is used for receiving a switching instruction in the process of displaying the picture resource on the first display page; the switching instruction is used for indicating that the display page of the picture resource is switched from the first display page to a second display page; one of the first display page and the second display page is a playing page of the picture resource, and the other is a detail page of the picture resource;

the processing unit is used for responding to the switching instruction and determining a plurality of display areas of the picture resource on the first display page; the resource contents displayed in different display areas are different;

the processing unit is further used for determining a plurality of animation special effect information which are in one-to-one correspondence with the plurality of display areas; an animated special effects information includes at least one of: the display method comprises the following steps of displaying the special effect display time length of one display area, delaying the special effect of the display area, and changing the transparency of the display area;

the processing unit is further used for splicing the plurality of animation special effect information to obtain a switching animation;

and the display unit is used for playing the switching animation and displaying the picture resource on the second display page when the switching animation is played.

12. A terminal, characterized in that the terminal comprises:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the content display method of any one of claims 1-10.

13. A computer-readable storage medium having instructions stored thereon, wherein the instructions in the computer-readable storage medium, when executed by a processor of a terminal, enable the terminal to perform the content display method of any one of claims 1-10.

14. A computer program product comprising instructions for causing a terminal to perform a content display method according to any one of claims 1 to 10 when the instructions are run on the terminal.