An animation display method and device, a computer device, and a storage medium

Abstract

The present disclosure provides an animation display method and device, computer equipment and a storage medium, and the method comprises the following steps: determining the playing progress of a first animation displayed in a first type of video according to the playing time of the first type of video; when determining a switching operation of the first type of video, determining a second animation corresponding to the switching operation; determining a progress value of the first animation based on the playing progress of the first animation, wherein the progress value is used to indicate the playing progress; and labeling the playing progress of the second animation according to the progress value, and playing the second animation in a display interface based on the labeled playing progress.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and more specifically, to an animation display method, apparatus, computer device, and storage medium. Background Technology

[0002] In the realm of self-media, platforms often embed animations within videos to engage viewers and increase their viewing time. For example, this animation could be a "red envelope" animation, where the displayed amount changes based on the duration of the video view.

[0003] However, when users switch between videos, the animation display methods for different videos may be different. Therefore, the animation display progress is not retained after switching videos. For example, when the animation is a red envelope animation, the progress of obtaining the corresponding amount in the red envelope animation may jump after switching videos, thus affecting the user experience. Summary of the Invention

[0004] This disclosure provides at least one animation display method, apparatus, computer device, and storage medium.

[0005] In a first aspect, embodiments of this disclosure provide an animation display method, including:

[0006] Based on the playback time of the first type of video, determine the playback progress of the first animation displayed in the first type of video;

[0007] When a switching operation for the first type of video is determined, the second animation corresponding to the switching operation is determined;

[0008] Based on the playback progress of the first animation, a progress value of the first animation is determined, wherein the progress value is used to indicate the playback progress;

[0009] The playback progress of the second animation is marked according to the progress value, and the second animation is played in the display interface based on the marked playback progress.

[0010] In one optional implementation, the method further includes:

[0011] When the second animation is played in the display interface based on the marked playback progress, the second type of video indicated by the switching operation is determined.

[0012] Determine the animation playback speed corresponding to the second type of video;

[0013] Based on the animation playback speed corresponding to the second type of video, the second animation is played in the display interface according to the marked playback progress.

[0014] In one optional implementation, the second animation includes a first sub-animation and a second sub-animation;

[0015] Playing the marked second animation on the display interface based on the animation playback speed corresponding to the second type of video includes:

[0016] Based on the animation playback speed corresponding to the second type of video, the first sub-animation is played in the display interface;

[0017] Identify a second sub-animation that matches the first sub-animation, and play the second sub-animation in the display interface.

[0018] In one optional implementation, determining the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video includes:

[0019] Determine the video model corresponding to the first type of video;

[0020] Acquire the collected data of the video model, and determine the playback time of the first type of video based on the collected data, wherein the collected data is used to indicate the data collected by the video model related to the first type of video;

[0021] Determine the animation playback speed corresponding to the first type of video;

[0022] The playback progress of the first animation is determined based on the playback time and the animation playback speed corresponding to the first type of video.

[0023] In one optional implementation, determining the second animation indicated by the switching operation when determining the switching operation for the first type of video includes:

[0024] Determine the video type of the video to be switched corresponding to the switching operation;

[0025] If the video type is different from the first type of video, a second animation that matches the video type of the switched video is determined.

[0026] In one optional implementation, the method further includes:

[0027] After playing the second animation in the display interface, determine the playback progress of the second animation;

[0028] When the playback progress of the second animation reaches a preset progress, video data is determined, wherein the video data is the playback data of the video played on the display interface during the playback of the second animation and the first animation;

[0029] Based on the video data, the video playback duration is determined;

[0030] The preset progress is updated based on the video playback duration.

[0031] In one optional implementation, the step of updating the preset based on the video playback duration includes:

[0032] Determine the preset duration corresponding to the preset progress;

[0033] If the preset duration does not match the video playback duration, the preset duration corresponding to the preset progress is updated based on the video playback duration.

[0034] Secondly, embodiments of this disclosure also provide an animation display device, comprising:

[0035] The first determining unit is used to determine the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video.

[0036] The second determining unit is configured to determine the second animation indicated by the switching operation when determining the switching operation for the first type of video;

[0037] The third determining unit is configured to determine the progress value of the first animation based on the playback progress of the first animation, wherein the progress value is used to indicate the playback progress;

[0038] The playback unit is used to mark the playback progress of the second animation according to the progress value, and to play the second animation in the display interface based on the marked playback progress.

[0039] Thirdly, embodiments of this disclosure also provide a computer device, including: a processor, a memory, and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the computer device is running, the processor communicates with the memory via the bus, and when the machine-readable instructions are executed by the processor, the steps of the first aspect above, or any possible implementation of the first aspect, are performed.

[0040] Fourthly, embodiments of this disclosure also provide a computer-readable storage medium storing a computer program that, when executed by a processor, performs the steps of the first aspect or any possible implementation of the first aspect.

[0041] In this embodiment of the disclosure, the playback progress of the first animation displayed in the first type of video can be determined firstly based on the playback time of the first type of video. When a switching operation is determined for the first type of video, the second animation indicated by the switching operation can be determined, and the second animation can be played in the display interface based on the playback progress of the first video. This allows the second animation to inherit the playback progress of the first animation, so that the playback progress of the second animation will not jump on the basis of the first animation, thereby bringing a better user experience.

[0042] To make the above-mentioned objects, features and advantages of this disclosure more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description

[0043] To more clearly illustrate the technical solutions of the embodiments of this disclosure, the accompanying drawings used in the embodiments will be briefly described below. These drawings are incorporated in and constitute a part of this specification. They illustrate embodiments conforming to this disclosure and, together with the specification, serve to explain the technical solutions of this disclosure. It should be understood that the following drawings only show some embodiments of this disclosure and should not be considered as limiting the scope. Those skilled in the art can obtain other related drawings based on these drawings without creative effort.

[0044] Figure 1 A flowchart of an animation display method provided by an embodiment of this disclosure is shown;

[0045] Figure 2a A schematic diagram illustrating the playback of the first animation in an embodiment of this disclosure is shown;

[0046] Figure 2b A schematic diagram illustrating the playback of a second animation in an embodiment of this disclosure is shown;

[0047] Figure 3a This illustration shows a schematic diagram of the animation playback progress in a prior art solution as shown in an embodiment of this disclosure;

[0048] Figure 3b This diagram illustrates the statistical animation playback progress of this disclosure;

[0049] Figure 4 A schematic diagram of the animation playback method in an embodiment of this disclosure is shown;

[0050] Figure 5 A schematic diagram of an animation display device provided in an embodiment of this disclosure is shown;

[0051] Figure 6A schematic diagram of a computer device provided in an embodiment of this disclosure is shown. Detailed Implementation

[0052] To make the objectives, technical solutions, and advantages of the embodiments of this disclosure clearer, the technical solutions of the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this disclosure, and not all of them. The components of the embodiments of this disclosure described and shown in the accompanying drawings can generally be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of this disclosure provided in the accompanying drawings is not intended to limit the scope of the claimed disclosure, but merely represents selected embodiments of this disclosure. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without inventive effort are within the scope of protection of this disclosure.

[0053] It should be noted that similar labels and letters in the following figures indicate similar items. Therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures.

[0054] In this document, the term "and / or" merely describes a relationship, indicating that three relationships can exist. For example, A and / or B can represent three cases: A alone, A and B simultaneously, and B alone. Furthermore, the term "at least one" in this document means any combination of at least two of any one or more elements. For example, including at least one of A, B, and C can mean including any one or more elements selected from the set consisting of A, B, and C.

[0055] Research has found that in the self-media field, self-media platforms often embed animations in videos to interact with viewers and increase their viewing time. For example, the animation could be a red envelope animation, where the amount displayed changes based on the user's video viewing time.

[0056] However, when users switch between videos, the animation display methods for different videos may be different. Therefore, the animation display progress is not retained after switching videos. For example, when the animation is a red envelope animation, the progress of obtaining the corresponding amount in the red envelope animation may jump after switching videos, thus affecting the user experience.

[0057] Based on the above research, this disclosure provides an animation display method, apparatus, computer device, and storage medium. In embodiments of this disclosure, the playback progress of a first animation displayed in a first type of video can first be determined based on the playback time of that video. When a switching operation is determined for the first type of video, the second animation indicated by the switching operation can be determined. Based on the playback progress of the first video, the second animation is played on the display interface, allowing the second animation to inherit the playback progress of the first animation. This prevents the playback progress of the second animation from jumping beyond the first animation, thus providing a better user experience.

[0058] To facilitate understanding of this embodiment, a detailed description of the animation display method disclosed in this disclosure will be provided first. The execution subject of the animation display method provided in this disclosure is generally a computer device with a certain computing power, such as a terminal device, a server, or other processing device. In some possible implementations, the animation display method can be implemented by a processor calling computer-readable instructions stored in memory.

[0059] See Figure 1 The diagram shows a flowchart of an animation display method provided in an embodiment of this disclosure. The method includes steps S101 to S107, wherein:

[0060] S101: Determine the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video.

[0061] In the embodiments disclosed herein, such as Figure 2a The diagram illustrates the playback of the first animation. During playback, a progress bar rotates, indicating the progress of the animation. It should be understood that once the progress bar reaches a certain threshold (e.g., completes one full rotation), a reward animation is triggered. This reward animation can open a red envelope (a digital gift of money) and display the reward amount. Afterward, the first animation can be replayed.

[0062] During the playback of the first animation, the playback speed of the first animation can be based on the animation playback speed corresponding to the first type of video. Therefore, the playback progress of the first animation can be determined based on the animation playback speed corresponding to the first type and the playback time of the first type of video.

[0063] S103: When a switching operation for the first type of video is determined, the second animation corresponding to the switching operation is determined.

[0064] In this embodiment of the disclosure, when a user browses videos on the aforementioned self-media platform, they can switch the currently playing video using a switching operation. For example, the switching operation can be a swipe operation, whereby the user can swipe up to switch the playing video to the next video of the first type of video.

[0065] After determining the aforementioned switching operation, the video to which the operation is switched can be identified, and it can be determined whether the video type is a second type of video. If so, the second animation corresponding to the second type of video can be determined; otherwise, the first animation continues to play. Here, the first type of video can be a feature-length video, such as a long feature-length video like a TV series or movie, or a short feature-length video, such as behind-the-scenes footage. Additionally, the second type of video can be an advertising video, such as a short video ad, a long video ad, or a pre-roll ad. It should be understood that the second type of video can also be other types of video with the same video type as the first type of video; this disclosure does not limit this, and the specific application shall prevail.

[0066] S105: Based on the playback progress of the first animation, determine the progress value of the first animation, wherein the progress value is used to indicate the playback progress.

[0067] S107: Mark the playback progress of the second animation according to the progress value, and play the second animation in the display interface based on the marked playback progress.

[0068] In this embodiment of the disclosure, when switching from the first animation to the second animation, the second animation can continue playing from the current playback progress of the first animation. For example, if the first animation is at 20% playback progress, then when switching to play the second animation, it can start playing from the 20% progress. The second animation also includes a progress display area, and the display method of this progress display area can be the same as or different from the progress display area in the first animation.

[0069] It should be understood that, as shown above, in existing technical solutions, because different videos correspond to different animation display methods, the playback progress of related animations for different types of videos is different, such as... Figure 3a The diagram illustrates the statistical analysis of animation playback progress in existing technical solutions. The video types include: long-form videos, short-form videos, short-video ads, long-form ads, and overlay ads. Each video type has a corresponding animation playback progress, and the total playback progress can be calculated using a statistical model.

[0070] like Figure 3bThe diagram shown illustrates the statistical animation playback progress of this disclosure. In this embodiment, since the second animation can be played based on the playback progress of the first animation, the total playback progress can be determined based on the playback progress of the first animation corresponding to the first type of video and the playback progress of the second animation corresponding to the second type of video, so that the playback progress of the second animation will not jump based on the first animation.

[0071] In practice, the progress value corresponding to the playback progress of the first animation can be determined first. This progress value can be the percentage of the current playback progress in the aforementioned progress bar, for example, ... Figure 2a As shown, the progress value of the first animation can be 50%.

[0072] After determining the progress value of the first animation, the playback progress of the second animation can be marked based on this progress value. Specifically, the playback progress corresponding to this progress value in the second animation can be marked, and the second animation can be started playing based on this playback progress. For example, if the progress value of the first animation is 50%, the playback progress corresponding to 50% of the progress value in the second animation can be marked, and the second animation can be played based on this playback progress. The playback progress corresponding to 50% of the progress value in the second animation is as follows: Figure 2b As shown.

[0073] As described above, in this embodiment of the disclosure, the playback progress of the first animation displayed in the first type of video can first be determined based on the playback time of the first type of video. When a switching operation is determined for the first type of video, the second animation indicated by the switching operation can be determined, and the second animation can be played in the display interface based on the playback progress of the first video. This allows the second animation to inherit the playback progress of the first animation, so that the playback progress of the second animation will not jump based on the first animation, thereby providing a better user experience.

[0074] In an optional implementation, step S101 above, determining the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video, specifically includes the following process:

[0075] S1011: Determine the video model corresponding to the first type of video.

[0076] In this embodiment of the disclosure, before playing the first type of video, a video model can be generated in advance for the first type of video. The video model can include multiple variables related to the first type of video, and these variables are used to collect data related to the first type of video.

[0077] For example, the variables mentioned above may include: playback time variable, video type variable, video identifier variable, etc. Among them, the playback time variable can be used to collect the playback time of the first type of video, the video type variable can be used to collect the specific video type of the first type of video, such as long video full-length video or short video full-length video, and the video identifier variable can be used to collect the video identifier of the first type of video. For example, when the first type of video is a long video full-length video, and the long video full-length video is the Nth episode of TV series A, then the collected video identifier may include the TV series identifier of TV series A and the episode number identifier of the Nth episode.

[0078] S1012: Obtain the acquisition data of the video model, and determine the playback time of the first type of video based on the acquisition data, wherein the acquisition data is used to indicate the data related to the first type of video acquired by the video model.

[0079] In this embodiment of the disclosure, before playing the first type of video, a video model can be generated in advance for the first type of video. The video model can include multiple variables related to the first type of video, and these variables are used to collect data related to the first type of video.

[0080] For example, the variables mentioned above may include: playback time variable, video type variable, video identifier variable, etc. Among them, the playback time variable can be used to collect the playback time of the first type of video, the video type variable can be used to collect the specific video type of the first type of video, such as long video full-length video or short video full-length video, and the video identifier variable can be used to collect the video identifier of the first type of video. For example, when the first type of video is a long video full-length video, and the long video full-length video is the Nth episode of TV series A, then the collected video identifier may include the TV series identifier of TV series A and the episode number identifier of the Nth episode.

[0081] Therefore, in the process of determining the playback time of the first type of video based on the collected data, data collected based on the aforementioned playback time variable can be obtained, and the playback time of the first type of video can be determined based on this data.

[0082] S1013: Determine the animation playback speed corresponding to the first type of video.

[0083] S1014: Determine the playback progress of the first animation based on the playback time and the animation playback speed corresponding to the first type of video.

[0084] In this embodiment of the disclosure, considering that the reward mechanisms for user viewing time differ for different types of videos, the animation playback speeds for different types of videos can also be different. Based on this, after determining the playback time corresponding to the first type of video, the animation playback speed corresponding to the first type of video can be determined, and the playback progress of the first animation can be determined based on the playback time and animation playback speed.

[0085] It should be understood that, as Figure 4 The diagram shown illustrates the animation playback method. Figure 4 It can be seen that after switching the first type of video to the second type of video, the video model of the first type of video can be added to the video model list so as to cache the acquired data of the first type of video through the video model list.

[0086] Next, a video model for the second type of video indicated by the above switching operation can be created. After the second type of video is switched, the video model of the second type of video is also added to the video model list. Based on the video model list, the collected data of the videos watched by the user is cached, and the user's viewing order is recorded. The collected data of the user is then summarized to obtain video data. The specific summarization process is as follows, and will not be repeated here.

[0087] In this embodiment of the disclosure, the acquisition data of the first type of video can be obtained through a video model, thereby summarizing the variables of the first type of video through the video model. At the same time, a video model can also be created for the second type of video, thereby realizing automated data acquisition of videos of the first and second types, so as to avoid setting corresponding variables for each type of video and improve the efficiency of data acquisition.

[0088] In an optional implementation, step S103 above, when determining the switching operation for the first type of video, specifically includes the following process:

[0089] S1031: Determine the video type of the video to be switched corresponding to the switching operation.

[0090] S1032: If the video type is different from the first type of video, determine a second animation that matches the video type of the switched video.

[0091] In this embodiment of the disclosure, video types that can be used to display animations can be preset, and associated animations can be set for different video types. Based on this, after detecting the above-mentioned switching operation, the switching video indicated by the switching operation can be determined first, and the video type of the switching video can be determined.

[0092] Next, it can be determined whether the video type of the switching video is the same as the first type of video. If they are the same, the first animation can continue to play. If they are different, the associated animation set for the switching video can be determined, and this associated animation can be set as the second animation. For example, if the switching video is the second type of video, then, as follows: Figure 2b The image shown is a schematic diagram of the second animation playback.

[0093] It should be understood that in the technical solutions related to this disclosure, video types may include: long-form videos, short-form videos, pre-roll ads, mid-roll ads, post-roll ads, short video ads, and long video ads. Furthermore, in these related technical solutions, corresponding associated animations are set for each video type, resulting in a large number of associated animations and a significant management workload. Additionally, when a new video type is added to the aforementioned self-media platform, corresponding associated animations need to be set for that new video type, adding extra design costs.

[0094] Based on this, this disclosure has simplified the video types, such as... Figure 4 The diagram shown illustrates the relationship between video types and associated animations in this disclosure. In this disclosure, videos on self-media platforms are divided into a first type of video and a second type of video. Specifically, the first type of video is a full-length video, including the aforementioned long full-length video and short full-length video. The second type of video is an advertising video, including the aforementioned pre-roll ads, mid-roll ads, post-roll ads, short video ads, and long video ads.

[0095] Therefore, this disclosure only requires setting associated animations for the first type of video and the second type of video respectively, which simplifies the number of associated animations and reduces the management workload. At the same time, when a new video type is added to the self-media platform, the new video type can be classified into the first type of video and the second type of video without setting corresponding associated animations, thereby reducing additional design costs.

[0096] In an optional implementation, the embodiment corresponding to step S105 above further includes the following process:

[0097] S11: When playing the second animation after the annotation in the display interface, determine the second type of video indicated by the switching operation.

[0098] In this embodiment of the disclosure, the second type of video can be an advertising video, such as a short video ad, a long video ad, or a pre-roll ad. Here, the second type of video corresponding to different first type videos can be different. For example, the advertising type corresponding to the aforementioned long video main feature can be a long video ad and a pre-roll ad, and the advertising type corresponding to the short video main feature can be a short video ad.

[0099] S12: Determine the animation playback speed corresponding to the second type of video.

[0100] In this embodiment of the disclosure, different animation playback speeds can be set for videos of different video types. As can be seen from the above, when the associated animation playback progress reaches the trigger condition, the reward animation can be triggered to display the reward amount given to the user. Therefore, by setting the corresponding animation playback speed, the speed at which the user obtains reward money when watching videos of different video types can be different, thereby adjusting the viewing time of the various video types watched by the user.

[0101] Based on this, when it is determined that the switching video indicated by the switching operation is a second type of video with a different video type than the first type of video, the animation playback speed that has been preset for the second type of video can be determined.

[0102] S13: Based on the animation playback speed corresponding to the second type of video, play the second animation after the annotation in the display interface.

[0103] After determining the playback speed of the second type of video, the second animation can be played at that speed based on its determined playback progress. It should be understood that, like the first animation, the second animation has a corresponding trigger condition. Upon meeting this trigger condition, the second animation will play a corresponding reward animation, displaying the reward amount. Similarly, if the trigger condition is that the progress bar slows down by one revolution, the second animation can be replayed after the reward animation has finished playing.

[0104] In this embodiment of the disclosure, since the playback of the associated animation can be triggered after the playback progress of the associated animation reaches the trigger condition to display the reward amount to the user, the playback speed of the associated animation corresponding to different video types can be preset so that the user can obtain reward money at different speeds when watching videos of different video types. This adjusts the viewing time of various video types watched by the user, thereby guiding the user to watch more videos of the target video type.

[0105] In an optional implementation, the second animation includes a first sub-animation and a second sub-animation. Step S13, based on the animation playback speed corresponding to the second type of video, plays the marked second animation on the display interface, specifically including the following process:

[0106] (1) Based on the animation playback speed corresponding to the second type of video, play the first sub-animation in the display interface;

[0107] (2) Determine the second sub-animation that matches the first sub-animation, and play the second sub-animation in the display interface.

[0108] In this embodiment of the disclosure, the first sub-animation can be an animation that displays the playback progress of the second animation through a progress bar, and the second sub-animation can be the aforementioned reward animation. Specifically, when playing the second animation, the first sub-animation is first played on the display interface according to the playback speed of the animation corresponding to the second type of video. After the playback progress of the first sub-animation meets the aforementioned triggering conditions, a second sub-animation matching the first sub-animation is determined, as well as a reward amount matching the playback duration of the currently playing second type of video is determined. The second sub-animation is then played on the display interface, and the reward amount is displayed through the second sub-animation.

[0109] Based on this, in this embodiment of the disclosure, the display method of the second animation can be enriched by combining the first sub-animation and the second sub-animation, thereby attracting users' attention to the reward displayed by the second animation, increasing the user's sense of accomplishment during the use process, and further increasing user stickiness.

[0110] In an optional implementation, the above Figure 1 The corresponding embodiment also includes step S106, which specifically includes the following process:

[0111] S1061: After playing the second animation in the display interface, determine the playback progress of the second animation.

[0112] S1062: When the playback progress of the second animation reaches a preset progress, determine the video data, wherein the video data is the playback data of the video played on the display interface during the playback of the second animation and the first animation.

[0113] S1063: Determine the video playback duration based on the video data.

[0114] S1064: Update the preset progress based on the video playback duration.

[0115] In one optional implementation, when the playback progress of the second animation reaches a preset progress, the cached acquisition data in the video model list can be obtained, and the video data can be determined based on the acquisition data. Here, the preset progress can be the playback progress indicated by the triggering condition.

[0116] In another alternative implementation, the preset progress can be set to null, and the operation of determining video data can be set to conditional triggering. For example, the condition indicated by the conditional trigger can be that the user exits video viewing. In this case, the cached acquisition data in the video model list can also be obtained, and the video data can be determined based on the acquisition data.

[0117] Depend on Figure 4 As can be seen, after acquiring the collected data, it can be aggregated to obtain video data. Specifically, during aggregation, all collected data can be aggregated into a dataset to obtain video data, or only a portion of the collected data can be aggregated to obtain video data. Here, the aggregation content can be determined based on the aggregation requirements. For example, when a self-media platform needs to analyze user viewing behavior for the first type of video, the collected data corresponding to the video model of the first type of video can be identified and aggregated to obtain video data.

[0118] During video viewing, the operating platform can adjust the playback duration of the first and second animations, causing a mismatch between the preset progress and the animation playback duration. This preset progress can be the playback progress indicated by the aforementioned triggering conditions. Therefore, the playback duration of the first and second animations can be determined based on the video playback duration, and the preset progress can be updated accordingly.

[0119] In this embodiment of the disclosure, the video playback duration can be determined based on video data, and the animation playback duration can be determined based on the video playback duration. The preset progress can then be updated based on the animation playback duration to fix the problem of mismatch between the preset progress and the actual animation playback duration.

[0120] In an optional implementation, step S1064 above, which updates the preset progress based on the video playback duration, specifically includes the following process:

[0121] (1) Determine the preset duration corresponding to the preset progress;

[0122] (2) If the preset duration does not match the video playback duration, update the preset duration corresponding to the preset progress based on the video playback duration.

[0123] In this embodiment of the disclosure, the preset duration may include the preset playback duration of the first animation and the second animation. In specific implementation, the animation playback duration of the first animation and the second animation can first be determined based on the video playback duration, and it can be determined whether the animation playback duration matches the preset playback duration. If they do not match, the preset duration corresponding to the preset progress can be updated, for example, the preset playback duration in the preset duration can be adjusted to the animation playback duration; if they match, the preset duration is not updated.

[0124] Based on this, in this embodiment of the disclosure, the video playback duration can be determined based on the video data, and the animation playback duration can be determined based on the video playback duration. Then, the preset duration corresponding to the preset progress can be updated based on the animation playback duration to fix the problem of mismatch between the preset progress and the actual animation playback duration.

[0125] In summary, in this embodiment of the present disclosure, the playback progress of the first animation displayed in the first type of video can first be determined based on the playback time of the first type of video. When a switching operation for the first type of video is determined, the second animation indicated by the switching operation can be determined, and the second animation can be played in the display interface based on the playback progress of the first video. This allows the second animation to inherit the playback progress of the first animation, so that the playback progress of the second animation will not jump on the basis of the first animation, thereby bringing a better user experience.

[0126] Those skilled in the art will understand that, in the above-described method of the specific implementation, the order in which each step is written does not imply a strict execution order and does not constitute any limitation on the implementation process. The specific execution order of each step should be determined by its function and possible internal logic.

[0127] Based on the same inventive concept, this disclosure also provides an animation display device corresponding to the animation display method. Since the principle of the device in this disclosure for solving the problem is similar to the above-mentioned animation display method in this disclosure, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be described again.

[0128] Reference Figure 5 The diagram shown is a schematic representation of an animation display device provided in an embodiment of this disclosure. The device includes: a first determining unit 51, a second determining unit 52, a third determining unit 53, and a playback unit 54; wherein,

[0129] The first determining unit 51 is used to determine the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video.

[0130] The second determining unit 52 is used to determine the second animation indicated by the switching operation when determining the switching operation for the first type of video;

[0131] The third determining unit 53 is used to determine the progress value of the first animation based on the playback progress of the first animation, wherein the progress value is used to indicate the playback progress;

[0132] The playback unit 54 is used to mark the playback progress of the second animation according to the progress value, and play the second animation in the display interface based on the marked playback progress.

[0133] In this embodiment of the disclosure, the playback progress of the first animation displayed in the first type of video can first be determined based on the playback time of the first type of video. When a switching operation is determined for the first type of video, the second animation indicated by the switching operation can be determined, and based on the first video...

[0134] The playback progress is displayed on the screen, and the second animation is played. This allows the second animation to inherit the playback progress of the first animation, so that the playback progress of the second animation will not jump from the first animation, thus providing a better user experience.

[0135] In one possible implementation, the playback unit 53 is further configured to:

[0136] When the second animation is played in the display interface based on the marked playback progress, the second type of video indicated by the switching operation is determined.

[0137] 0. Determine the animation playback speed corresponding to the second type of video;

[0138] Based on the animation playback speed corresponding to the second type of video, the second animation is played in the display interface according to the marked playback progress.

[0139] In one possible implementation, the second animation includes a first sub-animation and a second sub-animation, and the playback unit 53 is further configured to:

[0140] 5. Based on the animation playback speed corresponding to the second type of video, play the first sub-animation in the display interface;

[0141] Identify a second sub-animation that matches the first sub-animation, and play the second sub-animation in the display interface.

[0142] In one possible implementation, the first determining unit 51 is further configured to: 0 determine the video model corresponding to the first type of video;

[0143] Acquire the collected data of the video model, and determine the playback time of the first type of video based on the collected data, wherein the collected data is used to indicate the data collected by the video model related to the first type of video;

[0144] Determine the animation playback speed corresponding to the first type of video;

[0145] 5. Determine the playback progress of the first animation based on the playback time and the animation playback speed corresponding to the first type of video.

[0146] In one possible implementation, the second determining unit 52 is further configured to:

[0147] Determine the video type of the video to be switched corresponding to the switching operation;

[0148] If the video type is different from the first type of video, a second animation that matches the video type of the switched video is determined.

[0149] In one possible implementation, the device is also used for:

[0150] After playing the second animation in the display interface, determine the playback progress of the second animation;

[0151] When the playback progress of the second animation reaches a preset progress, video data is determined, wherein the video data is the playback data of the video played on the display interface during the playback of the second animation and the first animation;

[0152] Based on the video data, the video playback duration is determined;

[0153] The preset progress is updated based on the video playback duration.

[0154] In one possible implementation, the device is also used for:

[0155] Determine the preset duration corresponding to the preset progress;

[0156] If the preset duration does not match the video playback duration, the preset duration corresponding to the preset progress is updated based on the video playback duration.

[0157] The description of the processing flow of each unit in the device and the interaction flow between each unit can be found in the relevant descriptions in the above method embodiments, and will not be detailed here.

[0158] Corresponding to Figure 1 In addition to the animation display method, this disclosure also provides a computer device 600, such as... Figure 6The diagram shown is a structural schematic of a computer device 600 provided in an embodiment of this disclosure, including:

[0159] The computer device 600 comprises a processor 61, a memory 62, and a bus 63. The memory 62 stores execution instructions and includes main memory 621 and external memory 622. Main memory 621, also called internal memory, temporarily stores computational data in the processor 61, as well as data exchanged with external memory such as a hard disk. The processor 61 exchanges data with external memory 622 through main memory 621. When the computer device 600 is running, the processor 61 communicates with the memory 62 through the bus 63, causing the processor 61 to execute the following instructions:

[0160] Based on the playback time of the first type of video, determine the playback progress of the first animation displayed in the first type of video;

[0161] When a switching operation for the first type of video is determined, the second animation corresponding to the switching operation is determined;

[0162] Based on the playback progress of the first animation, a progress value of the first animation is determined, wherein the progress value is used to indicate the playback progress;

[0163] The playback progress of the second animation is marked according to the progress value, and the second animation is played in the display interface based on the marked playback progress.

[0164] This disclosure also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, performs the steps of the animation display method described in the above method embodiments. The storage medium can be a volatile or non-volatile computer-readable storage medium.

[0165] This disclosure also provides a computer program product carrying program code. The program code includes instructions that can be used to execute the steps of the animation display method described in the above method embodiments. For details, please refer to the above method embodiments, which will not be repeated here.

[0166] The aforementioned computer program product can be implemented through hardware, software, or a combination thereof. In one optional embodiment, the computer program product is specifically embodied in a computer storage medium; in another optional embodiment, the computer program product is specifically embodied in a software product, such as a software development kit (SDK), etc.

[0167] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems and devices described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here. In the several embodiments provided in this disclosure, it should be understood that the disclosed systems, devices, and methods can be implemented in other ways. The device embodiments described above are merely illustrative. For example, the division of units is only a logical functional division; in actual implementation, there may be other division methods. Furthermore, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Another point is that...

[0168] The coupling or direct coupling or communication connection shown or discussed between each other can be an indirect coupling or communication connection through some communication interface, device or unit, and can be electrical, mechanical or other forms.

[0169] The unit described as a separate component may or may not be physically separate. The component shown as a unit may or may not be a physical unit, that is, it may be located in one place.

[0170] Alternatively, the units can be distributed across multiple network units. Depending on actual needs, some or all of the units can be selected to achieve the purpose of this embodiment.

[0171] In addition, the functional units in the various embodiments of this disclosure can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0172] If the function is implemented as a software functional unit and sold or used as an independent product, it can be stored in a processor-executable, non-volatile, computer-readable storage medium.

[0173] Based on this understanding, the technical solution disclosed herein, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions for causing a computer device (capable of...) to...

[0174] The device may be a personal computer, server, or network device, etc., performing all or part of the steps of the methods described in the various embodiments of this disclosure. The aforementioned storage media include various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0175] Finally, it should be noted that the above-described embodiments are merely specific implementations of this disclosure and are used for...

[0176] This disclosure is intended to illustrate the technical solutions of this invention, not to limit them. The scope of protection of this disclosure is not limited to these five embodiments. Although this disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features, within the scope of the technology disclosed herein. Such modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this disclosure, and should all be covered within the scope of protection of this disclosure. Therefore, the scope of protection of this disclosure should be determined by the scope of the claims.

Claims

1. A method of animating a display, characterized by, include: Based on the playback time of the first type of video, determine the playback progress of the first animation displayed in the first type of video; When a switching operation for the first type of video is determined, a second animation corresponding to the switching operation is determined; wherein, the animation is an interactive animation located on the video display interface; and the switching operation is a swipe operation actively triggered by the user. Based on the playback progress of the first animation, a progress value of the first animation is determined, wherein the progress value is used to indicate the playback progress; The playback progress of the second animation is marked according to the progress value, and the second animation is played in the display interface based on the marked playback progress.

2. The method of claim 1, wherein, The method further includes: When the second animation is played in the display interface based on the marked playback progress, the second type of video indicated by the switching operation is determined. Determine the animation playback speed corresponding to the second type of video; Based on the animation playback speed corresponding to the second type of video, the second animation is played in the display interface according to the marked playback progress.

3. The method of claim 2, wherein, The second animation includes a first sub-animation and a second sub-animation; Playing the marked second animation on the display interface based on the animation playback speed corresponding to the second type of video includes: Based on the animation playback speed corresponding to the second type of video, the first sub-animation is played in the display interface; Identify a second sub-animation that matches the first sub-animation, and play the second sub-animation in the display interface.

4. The method of claim 1, wherein, Determining the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video includes: Determine the video model corresponding to the first type of video; Acquire the collected data of the video model, and determine the playback time of the first type of video based on the collected data, wherein the collected data is used to indicate the data collected by the video model related to the first type of video; Determine the animation playback speed corresponding to the first type of video; The playback progress of the first animation is determined based on the playback time and the animation playback speed corresponding to the first type of video.

5. The method according to claim 1, characterized in that, When determining a switching operation for the first type of video, determining the second animation indicated by the switching operation includes: Determine the video type of the video to be switched corresponding to the switching operation; If the video type is different from the first type of video, a second animation that matches the video type of the switched video is determined.

6. The method according to claim 1, characterized in that, The method further includes: After playing the second animation in the display interface, determine the playback progress of the second animation; When the playback progress of the second animation reaches a preset progress, video data is determined, wherein the video data is the playback data of the video played on the display interface during the playback of the second animation and the first animation; Based on the video data, the video playback duration is determined; The preset progress is updated based on the video playback duration.

7. The method according to claim 6, characterized in that, The step of updating the preset based on the video playback duration includes: Determine the preset duration corresponding to the preset progress; If the preset duration does not match the video playback duration, the preset duration corresponding to the preset progress is updated based on the video playback duration.

8. An animation display device, characterized in that, include: The first determining unit is used to determine the playback progress of the first animation displayed in the first type of video based on the playback time of the first type of video. The second determining unit is configured to determine the second animation indicated by the switching operation when determining the switching operation for the first type of video; wherein the animation is an interactive animation located on the video display interface; and the switching operation is a swipe operation actively triggered by the user. The third determining unit is configured to determine the progress value of the first animation based on the playback progress of the first animation, wherein the progress value is used to indicate the playback progress; The playback unit is used to mark the playback progress of the second animation according to the progress value, and to play the second animation in the display interface based on the marked playback progress.

9. A computer device, characterized in that, include: The computer device includes a processor, a memory, and a bus. The memory stores machine-readable instructions executable by the processor. When the computer device is running, the processor communicates with the memory via the bus. When the machine-readable instructions are executed by the processor, the steps of the animation display method as described in any one of claims 1 to 7 are performed.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, performs the steps of the animation display method as described in any one of claims 1 to 7.

Images