Motion picture playback method, device and storage medium
By determining the playback order of the animation image and saving the playback context information in the information flow application, the information cannot be displayed and interface chaos caused by the animation image playback method is solved, and the orderly playback and seamless switching of the animation image is realized, which improves the user experience.
Patent Information
- Application Number
- CN201910600290.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2019-07-04
- Publication Date
- 2025-08-22
- Estimated Expiration
- 2039-07-04
AI Technical Summary
The playback method of animations in information flow applications causes information to be unable to be displayed or the interface is confusing, distracting users' attention.
By obtaining the information flow of the user browsing scenes, determining the relative position and playback parameters of the animation, determining the playback order according to the preset sorting rules, and playing the animation in sequence in the animation player, saving the playback context information to achieve seamless switching.
It realizes orderly playback of animation images, increases the amount of information displayed, avoids interface confusion, and improves user attention and retention time.
Smart Images

Figure CN110377853B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a method, device, and storage medium for playing animated images. Background Art
[0002] In information flow applications, images are the most intuitive and effective way to present content. Image presentations include animated images (GIFs) and static images (still images). Animated images, composed of multiple frames, provide more information than static images. GIFs are similar to short videos; they are simple to produce, require minimal data, are widely available, and are therefore more appealing to users.
[0003] Currently, many content-based applications (APPs) have a large number of animated images in their information streams. There are two main ways to play these animated images: one is to not play the animated images by default when displaying them to users, which results in the inability to display the information contained in many animated images; the other is to play all the animated images on the same page at the same time by default, which easily causes interface confusion and distracts users' attention. Summary of the Invention
[0004] In order to solve the above technical problems or at least partially solve the above technical problems, the present application provides a method, device and storage medium for playing animated images.
[0005] In a first aspect, the present application provides a method for playing animated images, comprising: obtaining an information stream of a first scene currently browsed by a user, wherein the information stream of the first scene includes relative position information of each animated image in the first scene, and playback parameters of each animated image; determining the playback order of each animated image included in the information stream of the first scene based on the relative position information of each animated image included in the information stream of the first scene; playing the animated images included in the information stream of the first scene based on the playback parameters of each animated image included in the information stream of the first scene, and the playback order of each animated image included in the information stream of the first scene.
[0006] Optionally, the playback order of each animated image included in the information stream of the first scene is determined based on the relative position information of each animated image included in the information stream of the first scene, including: determining the playback order of each animated image included in the information stream of the first scene in a display order from top to bottom and from left to right based on the relative position information of each animated image included in the information stream of the first scene.
[0007] Optionally, after determining the playback order of each animated image included in the information stream of the first scene based on the relative position information of each animated image included in the information stream of the first scene, the method further includes: generating a scene model of the first scene, wherein the scene model of the first scene includes a unique page identifier of the first scene, playback parameters of each animated image included in the information stream of the first scene, and the playback order of each animated image included in the information stream of the first scene;
[0008] Playing the animated images included in the information stream of the first scene according to the playback parameters of each animated image included in the information stream of the first scene and the playback order of each animated image included in the information stream of the first scene, including: inputting the scene model of the first scene into the playback manager, calling the animated image player through the playback manager, and playing the animated images included in the information stream of the first scene in the animated image player according to the playback parameters of each animated image in the scene model of the first scene and the playback order of each animated image.
[0009] Optionally, the method further includes: during the process of playing the animated image included in the information stream of the first scene, after detecting the user's operation of switching to browse the second scene, saving the playback context information of the first scene and the unique page identifier of the first scene; wherein the playback context information includes the playback parameters of the animated image being played at the switching moment in the first scene, and the identifier of the image frame displayed at the switching moment in the animated image being played at the switching moment.
[0010] Optionally, after saving the playback context information of the first scene and the page unique identifier of the first scene, the method further includes: obtaining the information stream of the second scene, wherein the information stream of the second scene includes the relative position information of each animated image in the second scene, and the playback parameters of each animated image; based on the playback context information of the first scene and the information stream of the second scene, determining that the animated image being played at the switching moment in the first scene is included in the second scene, and starting from the image frame displayed at the switching moment, continuing to play the animated image being played before the switch.
[0011] Optionally, after acquiring the information stream of the second scene, the method further comprises: determining a playback order of each animated image included in the information stream of the second scene according to relative position information of each animated image included in the information stream of the second scene;
[0012] Starting from the image frame displayed at the switching moment, after continuing to play the animated image being played before the switching, the method also includes: playing the animated images in the second scene that follow the animated image being played at the switching moment in sequence according to the playback order of each animated image included in the information stream of the second scene.
[0013] Optionally, the playback parameters of the animated image include the network address of the animated image and the parameters of the view control that carries the animated image.
[0014] Optionally, according to the playback parameters of each animation in the scene model of the first scene and the playback order of each animation, the animations included in the information stream of the first scene are played in sequence in the animation player, including: determining the animation to be played according to the playback order of each animation included in the scene model of the first scene, and performing the following process after each determination of the animation to be played: superimposing the animation player on the view control of the animation to be played according to the parameters of the view control of the animation to be played, wherein the animation player is generated when the first animation is played during this operation; obtaining the animation to be played according to the network address of the animation to be played, and playing the animation to be played in the animation player.
[0015] In second aspect, the present application provides a dynamic image playback device, comprising: an acquisition module for acquiring an information stream of a first scene currently browsed by a user, wherein the information stream of the first scene includes relative position information of each dynamic image in the first scene, and playback parameters of each dynamic image; a sorting module for determining the playback order of each dynamic image included in the information stream of the first scene according to the relative position information of each dynamic image included in the information stream of the first scene; and a playback module for playing the dynamic images included in the information stream of the first scene according to the playback parameters of each dynamic image included in the information stream of the first scene and the playback order of each dynamic image included in the information stream of the first scene.
[0016] In a third aspect, the present application provides an electronic device comprising: a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other through the communication bus; the memory is used to store computer programs; and the processor is used to execute the programs stored in the memory to implement the animated image playback method.
[0017] In a fourth aspect, the present application provides a computer-readable storage medium storing a computer program, which implements the animated image playback method when executed by a processor.
[0018] The above-mentioned technical solution provided by the embodiment of the present application has the following advantages over the prior art: the method provided by the embodiment of the present application determines the playback order of each animated image in the user's browsing scene, and plays the animated images in the scene according to the playback order, so that the orderly playback of the animated images in the scene can be achieved. Compared with the method of only displaying the first frame of the animated image, it can display more content and attract more users. It also avoids the problem of interface confusion caused by the simultaneous playback of various animated images, and improves the user's attention, which can effectively increase the user's retention time on the visited page. BRIEF DESCRIPTION OF THE DRAWINGS
[0019] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and, together with the description, serve to explain the principles of the invention.
[0020] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.
[0021] Figure 1 A flowchart of a method for playing a moving picture provided in an embodiment of the present application;
[0022] Figure 2a A schematic diagram of a first animated image distribution provided in an embodiment of the present application;
[0023] Figure 2b A schematic diagram of the second animated image distribution provided in an embodiment of the present application;
[0024] Figure 3 A schematic diagram of the overall process of playing a moving picture provided in an embodiment of the present application;
[0025] Figure 4 A schematic diagram of the structure of a motion picture playback device provided in an embodiment of the present application;
[0026] Figure 5 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0027] To make the purpose, technical solutions, and advantages of the embodiments of this application more clear, the technical solutions in the embodiments of this application will be clearly and completely described below in conjunction with the drawings in the embodiments of this application. Obviously, the described embodiments are part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.
[0028] Figure 1 This is a flow chart of a method for playing animated images provided in an embodiment of the present application. This method can be applied to electronic devices such as mobile terminals, desktop computers, and portable computers. For example, this method is integrated into an application in the form of a computer program, and the application is installed and run in the electronic device. It is particularly suitable for information flow applications. In this embodiment of the present application, the specific process of playing animated images by the application installed in the electronic device is as follows:
[0029] Step 101: Obtain an information stream of a first scene currently browsed by a user, wherein the information stream of the first scene includes relative position information of each animated image in the first scene and playback parameters of each animated image.
[0030] Among them, a page displayed on the display interface corresponds to a scene, and different pages correspond to different scenes.
[0031] Specifically, the playback parameters of the animated image include the network address of the animated image and the parameters of the view control that carries the animated image.
[0032] For example, the playback parameters of the animated image include the Uniform Resource Locator (URL) address of the animated image, the size of the view control carrying the animated image, and the position of the view control in the current browsing page.
[0033] Specifically, each time an idle interaction moment is detected during the user's use of the app, the information flow of the first scene currently being browsed by the user is obtained. The idle interaction moment includes but is not limited to: starting to enter the switching page, opening the large image viewer, entering the detail page, etc.
[0034] The page currently browsed by the user is the first scene, and the information flow of the currently browsed page is obtained, which is the information flow of the first scene. The information flow can be obtained from the server or from the local cache.
[0035] Step 102: Determine the play order of each animated image included in the information stream of the first scene according to the relative position information of each animated image included in the information stream of the first scene.
[0036] In a specific embodiment, the playback order of each animated image included in the information stream of the first scene is determined according to the relative position information of each animated image included in the information stream of the first scene and according to a preset sorting rule.
[0037] Among them, the preset sorting rule can be any pre-set sorting rule. In order to meet the viewing habits of most domestic users, the preset sorting rule is set here to include: sorting according to the display order from top to bottom of the animated images; for multiple animated images belonging to the same row, sorting according to the display order from left to right, referred to as the top-to-bottom and left-to-right sorting rules. However, it should be noted that this does not mean that there is only one implementation method for the preset sorting rule, and the specific sorting rules are not used to limit the scope of protection of this application. Any sorting rule is within the scope of protection of this application. For example, the preset sorting rule can also include: sorting according to the display order from top to bottom; for multiple animated images belonging to the same row, sorting according to the display order from right to left.
[0038] For example, suppose that on the browse page, there is Figure 2a or Figure 2b The three animated images distributed in the manner shown are Gif1, Gif2 and Gif3. After being sorted according to the sorting rule from top to bottom and from left to right, the playback order is determined to be Gif1, Gif2 and Gif3.
[0039] Step 103 : Play the animated graphics included in the information stream of the first scene according to the playback parameters of each animated graphics included in the information stream of the first scene and the playback order of each animated graphics included in the information stream of the first scene.
[0040] In a specific embodiment, the animation to be played is determined based on the playback order of each animation included in the information stream of the first scene, and each time the animation to be played is determined, the animation player is superimposed on the view control of the animation to be played based on the parameters of the view control of the animation to be played; the animation to be played is obtained based on the network address of the animation to be played, and the animation to be played is played in the animation player. The animation player is generated when the first animation is played during this operation. For example, after each start-up of the APP, a animation player is generated when the first animation is played, and no new animation player is generated subsequently. The animation player is closed when the APP is exited.
[0041] In this embodiment, only one animation player is generated during the app's operation. After a animation is played using the animation player, it is removed from the animation view and superimposed on the view of the next animation to be played, following the playback order. This embodiment avoids the resource waste caused by creating multiple animation players, saving resources while improving display efficiency.
[0042] In one specific embodiment, while playing a GIF included in an information stream of a first scene, upon detecting a user switching to browse a second scene, playback context information for the first scene and a unique page identifier for the first scene are saved. The playback context information includes the identifier of the GIF currently playing in the first scene at the time of the switch, and the identifier of the image frame displayed in the GIF currently playing at the time of the switch.
[0043] Specifically, when it is detected that the user has slid the list, it is determined that a browsing scene switch has occurred, and it is necessary to save the playback context information of the browsed scene before the scene switch. The playback context information includes the playback parameters of the animated image being played at the switching moment in the browsed scene before the switch, and the identifier of the image frame of the animated image being played at the switching moment displayed at the switching moment.
[0044] The second scene is the scene after switching from the first scene. The second scene may be a scene directly related to the first scene, or it may be a scene not directly related to the first scene. For example, if the second scene is the details page of a certain theme area displayed in the first scene, then the second scene is directly related to the first scene, and it is likely that the second scene and the first scene contain the same animated image. For another example, if the second scene is the scene obtained by continuously returning to the first scene N levels, N is greater than 3, and the second scene is not directly related to the first scene, then it is unlikely that the second scene and the first scene contain the same animated image.
[0045] In one specific embodiment, after saving the playback context information of the first scene and the unique page identifier of the first scene, an information stream for the second scene is obtained, wherein the information stream for the second scene includes the relative position information of each animated image in the second scene and the playback parameters of each animated image. Based on the playback context information of the first scene and the information stream of the second scene, it is determined that the animated image currently playing in the first scene at the time of the switch is included in the second scene, and the animation currently playing before the switch is resumed, starting from the image frame displayed at the time of the switch. This embodiment enables the continuous playback of animated images from the previous scene, avoids the waste of resources caused by repeatedly playing the same animated image, achieves a seamless transition between the two scenes, saves user time, and improves the user experience. Specifically, the playback context information of the first scene includes the playback parameters of the animated image currently playing in the first scene at the time of the switch, and the identifier of the image frame displayed at the time of the switch in the animated image currently playing. The information stream of the second scene includes the playback parameters of each animated image in the second scene. By comparing the playback parameters of the animated image in the playback context information of the first scene with the playback parameters of the animated image in the second scene, it is possible to determine whether the animated image currently playing in the first scene at the time of the switch is also in the second scene.
[0046] In one specific embodiment, after obtaining the information stream of the second scene, the playback order of each animated image included in the information stream of the second scene is determined based on the relative position information of each animated image included in the information stream of the second scene. The method for determining the playback order of the animated images included in the second scene is the same as the method for determining the playback order of the animated images included in the first scene. For details, please refer to the method for determining the playback order of the animated images in the first scene, and will not be repeated here.
[0047] Specifically, assuming that the second scene has the same animated image as the first scene, starting from the image frame displayed at the moment of switching to the second scene, after continuing to play the animated image that was being played before the switch, the animated images in the second scene that follow the animated image that was being played at the moment of switching are played sequentially according to the playback order of each animated image included in the information stream of the second scene.
[0048] For example, assuming that the playback order of the animated images in the first scene is: Gif1, Gif2 and Gif3, and the playback order of the animated images in the second scene is Gif3, Gif4 and Gif5, assuming that when switching from the first scene to the second scene, the 5th frame image in Gif3 is being played, and both the first scene and the second scene include Gif3, then after switching to the second scene, playback starts from the 5th frame of Gif3. After playing Gif3, Gif4 and Gif5 are played in sequence.
[0049] In the embodiment of the present application, in order to facilitate the identification of each scene, a page unique identifier (ID) is defined for each scene, that is, the page unique information of the scene is used as the page unique identifier of the scene, that is, the same scene will have the same identifier. In addition, in order to facilitate subsequent reuse, a scene model is defined for each scene, and the scene model includes the page unique identifier of the scene, the playback parameters of each animated image included in the information stream of the scene, and the playback order of each animated image included in the information stream of the scene. Of course, the scene model is not limited to the information listed above. According to the needs of the application, the scene model can also include information such as the name of the scene.
[0050] Specifically, the specific implementation process of step 103 can be to input the scene model of the first scene into the playback manager, call the animation player through the playback manager, and play the animation included in the information stream of the first scene according to the playback parameters of each animation in the scene model of the first scene and the playback order of each animation.
[0051] A tuple model for animated images can be defined, with each image corresponding to a tuple model. This tuple model includes the playback parameters for the image. For ease of representation, a tuple model array is defined as the tuple model of each animated image in the information stream arranged in order of playback. In other words, a scene model includes the scene's unique page identifier and the scene's tuple model array.
[0052] During the running of the APP, the scene model of each scene browsed and the playback context information of each scene browsed are saved. Assuming that the user's browsing operation determines to switch to the third scene, the saved scene model of each scene and the playback context information of each scene are searched through the unique page identifier of the third scene. If the scene model of the third scene and the playback context information of the third scene are found, the animated image in the third scene that was not played last time is played according to the playback context information and scene model of the third scene. This can maintain the continuous playback of the animated image during multiple scene switching processes, avoid the waste of resources caused by repeated playback, and improve the user experience.
[0053] The following is combined with Figure 3 As shown, the overall process of the dynamic image playback provided by a specific embodiment is described.
[0054] Step 301, determine whether user interaction is idle, if so, execute step 302, otherwise execute step 310;
[0055] Step 302: Detect the relative position information of each animated image in the information stream of the user's current browsing scene and the playback parameters of each animated image;
[0056] Step 303: construct a tuple model for each animated image. The tuple model of each animated image includes the playback parameters of the animated image. The playback order of each animated image is determined based on the relative position information of each animated image. The tuple models of the animated images are sorted according to the playback order to obtain a tuple model array.
[0057] Step 304: construct a scene model of the current browsing scene, wherein the scene model includes a unique page identifier of the current browsing scene and a tuple model array;
[0058] Step 305: The scene model of the current browsing scene is transferred to the playback manager;
[0059] Step 306: The playback manager performs a simulcast of the animated images according to the scene model, that is, plays the animated images described by the tuple models in sequence according to the order of the tuple models in the tuple model array of the scene model.
[0060] Step 307: The playback manager determines whether there is a scene switch. If not, it goes to step 308; if so, it goes to step 310.
[0061] Step 308: The playback manager plays each animated image in sequence according to the scene model until the last animated image is played.
[0062] Step 309: The playback manager waits for user interaction or scene switching, and then returns to step 301;
[0063] In step 310 , the playback manager stops playing the animated image of the current browsing scene, saves the playback context of the current browsing scene, and then returns to step 301 .
[0064] It can be seen from the above description that in the embodiment of the present application, by determining the playback order of each animated image in the user's browsing scene, the animated images are played in the playback order to achieve orderly simulcasting of the animated images. Compared with the method of only displaying the first frame of the animated image, it is more attractive to users, effectively increases the amount of information displayed in the animated image, and avoids the problem of interface confusion caused by the simultaneous playback of various animated images. It also improves the user's attention and can effectively increase the user's retention time on the visited page. At the same time, when the scene switches, seamless playback of the animated image at the single-frame level is achieved. In the embodiment of the present application, when it is detected that the user interaction is idle, the data in the browsing page is automatically detected to construct a scene model, which reduces the jamming phenomenon and improves the user experience. In addition, the implementation method provided by the embodiment of the present application is independent of the original business logic, can realize the internal encapsulation of the data model, and is very easy to integrate.
[0065] Based on the same concept, the embodiment of the present application also provides a moving picture playback device. The specific implementation of the device can be found in the description of the method embodiment part, and the repeated parts will not be repeated. Figure 4 As shown, the device mainly includes:
[0066] An acquisition module 401 is configured to acquire an information stream of a first scene currently being browsed by a user, wherein the information stream of the first scene includes relative position information of each animated image in the first scene and playback parameters of each animated image;
[0067] The sorting module 402 is configured to determine the playback order of each animated image included in the information stream of the first scene according to the relative position information of each animated image included in the information stream of the first scene;
[0068] The playing module 403 is configured to play the animated graphics included in the information stream of the first scene according to the playing parameters of each animated graphics included in the information stream of the first scene and the playing order of each animated graphics included in the information stream of the first scene.
[0069] Based on the same concept, an electronic device is also provided in the embodiment of the present application, such as Figure 5As shown, the electronic device mainly includes: a processor 501, a communication interface 502, a memory 503 and a communication bus 504, wherein the processor 501, the communication interface 502 and the memory 503 communicate with each other through the communication bus 504. The memory 503 stores a program that can be executed by the processor 501, and the processor 501 executes the program stored in the memory 503 to implement the following steps: obtaining the information stream of the first scene currently browsed by the user, wherein the information stream of the first scene includes the relative position information of each animated image in the first scene, and the playback parameters of each animated image; determining the playback order of each animated image included in the information stream of the first scene according to the relative position information of each animated image included in the information stream of the first scene; playing the animated images included in the information stream of the first scene according to the playback parameters of each animated image included in the information stream of the first scene and the playback order of each animated image included in the information stream of the first scene.
[0070] In the electronic device provided in the embodiment of the present application, the processor determines the playback order of each animated image in the user's browsing scene by executing the program stored in the memory, and plays the animated images in the scene according to the playback order, so that the animated images in the scene can be played in an orderly manner. Compared with the method of only displaying the first frame of the animated image, it is more attractive to users and avoids the problem of interface confusion caused by the simultaneous playback of various animated images. It also improves the user's attention and can effectively increase the user's retention time on the visited page.
[0071] The communication bus 504 mentioned in the above electronic device can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus. The communication bus 504 can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 5 Only one thick line is used in the diagram, but this does not mean that there is only one bus or one type of bus.
[0072] The communication interface 502 is used for communication between the electronic device and other devices.
[0073] The memory 503 may include a random access memory (RAM) or a non-volatile memory, such as at least one disk storage. Alternatively, the memory may be at least one storage device located away from the processor 501.
[0074] The above-mentioned processor 501 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc., and can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, and discrete hardware components.
[0075] In another embodiment of the present application, a computer-readable storage medium is provided, in which a computer program is stored. When the computer program runs on a computer, the computer executes the method for playing the animated image described in the above embodiment.
[0076] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When software is used for implementation, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions are transmitted from a website, computer, server or data center to another website, computer, server or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, microwave, etc.) method. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrations. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a magnetic tape, etc.), an optical medium (e.g., a DVD) or a semiconductor medium (e.g., a solid-state hard disk), etc.
[0077] It should be noted that, in this document, relational terms such as "first" and "second" are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the terms "comprises," "comprising," or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article, or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or elements inherent to such process, method, article, or device. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of other identical elements in the process, method, article, or device comprising the element.
[0078] The foregoing description is intended only to provide specific embodiments of the present invention, which will enable those skilled in the art to understand and implement the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present invention. Therefore, the present invention is not intended to be limited to the embodiments shown herein, but is intended to be accorded the widest scope consistent with the principles and novel features claimed herein.
Claims
1. A method for playing a moving picture, characterized in that: include: Obtaining an information stream of a first scene currently being browsed by a user, wherein the information stream of the first scene includes relative position information of each animated image in the first scene and playback parameters of each animated image; determining, according to relative position information of each animated image included in the information stream of the first scene, a playback order of each animated image included in the information stream of the first scene; sequentially simulcasting the animated images included in the information stream of the first scene according to the playback parameters of each animated image included in the information stream of the first scene and the playback order of each animated image included in the information stream of the first scene; The method further comprises: During the process of sequentially simulcasting the animated images included in the information stream of the first scene, upon detecting an operation by the user to switch to browsing the second scene, saving playback context information of the first scene and a unique page identifier of the first scene; The playback context information includes playback parameters of the animated image being played at the switching moment in the first scene, and an identifier of an image frame displayed at the switching moment in the animated image being played at the switching moment.
2. The method for playing a moving picture according to claim 1, wherein: Determining, according to relative position information of each animated image included in the information stream of the first scene, a playback order of each animated image included in the information stream of the first scene, comprising: According to the relative position information of each animated image included in the information stream of the first scene, the playback order of each animated image included in the information stream of the first scene is determined according to the display order from top to bottom and from left to right.
3. The method for playing a moving picture according to claim 1 or 2, wherein: After determining the playback order of each animated image included in the information stream of the first scene according to the relative position information of each animated image included in the information stream of the first scene, the method further includes: Generating a scene model for the first scene, wherein the scene model for the first scene includes a unique page identifier for the first scene, playback parameters for each animated image included in the information stream of the first scene, and a playback order for each animated image included in the information stream of the first scene; The method of sequentially simulcasting the animated images included in the information stream of the first scene according to the playback parameters of each animated image included in the information stream of the first scene and the playback order of each animated image included in the information stream of the first scene includes: The scene model of the first scene is input into the playback manager, the animation player is called through the playback manager, and the animations included in the information stream of the first scene are played in the animation player according to the playback parameters of each animation in the scene model of the first scene and the playback order of each animation.
4. The method for playing a moving picture according to claim 1, wherein: After saving the playback context information of the first scene and the page unique identifier of the first scene, the method further includes: Obtaining an information stream of the second scene, wherein the information stream of the second scene includes relative position information of each animated image in the second scene and playback parameters of each animated image; According to the playback context information of the first scene and the information flow of the second scene, it is determined that the animated image being played at the switching moment in the first scene is included in the second scene, and the animated image being played before the switching continues to be played starting from the image frame displayed at the switching moment.
5. The method for playing a moving picture according to claim 4, wherein: After acquiring the information flow of the second scenario, the method further includes: determining, according to relative position information of each animated image included in the information stream of the second scene, a playback order of each animated image included in the information stream of the second scene; After continuing to play the animated image that was being played before the switching, starting from the image frame displayed at the switching moment, the method further includes: According to the playing order of each animated image included in the information stream of the second scene, the animated images in the second scene that follow the animated image being played at the switching moment are played in sequence.
6. The method for playing a moving picture according to claim 3, wherein: The playback parameters of the animated image include the network address of the animated image and the parameters of the view control that carries the animated image.
7. The method for playing a moving picture according to claim 6, wherein: Playing the animated images included in the information stream of the first scene in the animated image player according to the playback parameters of each animated image in the scene model of the first scene and the playback order of each animated image includes: Determine the animation to be played according to the play order of each animation included in the scene model of the first scene, and perform the following process each time after determining the animation to be played: According to the parameters of the view control of the animated image to be played, superimposing the animated image player on the view control of the animated image to be played, wherein the animated image player is generated when the first animated image is played during this operation; The animated image to be played is acquired according to the network address of the animated image to be played, and the animated image to be played is played in the animated image player.
8. A moving picture playback device, characterized in that: include: an acquisition module, configured to acquire an information stream of a first scene currently being browsed by a user, wherein the information stream of the first scene includes relative position information of each animated image in the first scene and playback parameters of each animated image; a sorting module, configured to determine a playback order of each animated image included in the information stream of the first scene according to relative position information of each animated image included in the information stream of the first scene; A playback module is configured to sequentially simulcast the animated images included in the information stream of the first scene based on the playback parameters of each animated image included in the information stream of the first scene and the playback order of each animated image included in the information stream of the first scene; wherein, during the sequential simulcast of the animated images included in the information stream of the first scene, the playback module is further configured to save playback context information of the first scene and a unique page identifier of the first scene after detecting an operation by the user to switch to browsing the second scene; wherein the playback context information includes the playback parameters of the animated image being played at the switching moment in the first scene, and the identifier of the image frame displayed at the switching moment in the animated image being played at the switching moment.
9. An electronic device, characterized in that: include: A processor, a communication interface, a memory, and a communication bus, wherein the processor, the communication interface, and the memory communicate with each other via the communication bus; The memory is used to store computer programs; The processor is used to execute the program stored in the memory to implement the dynamic image playback method described in any one of claims 1 to 7.
10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method for playing a moving picture according to any one of claims 1 to 7 is implemented.
Citation Information
Patent Citations
Multimedia Real-Time Searching Platform (SKOOP)
US20130346381A1
GIF file playing method and system
WO2018049761A1
Display method and display device of dynamic picture in document
CN102842142A
Pictorial information loading method and related device
CN103902575A