Dynamic image display method and device and storage medium

Abstract

The embodiment of the invention provides a dynamic image display method and device and a storage medium. The method comprises the steps that the current operation state of a user on an interface view is determined; wherein the interface view comprises a target dynamic image; determining a visible state of a target dynamic image according to whether the target dynamic image in the interface view is located in a display area of the interface view; and determining the playing state of the target dynamic image according to the operation state and the visible state of the target dynamic image, and performing playing control on the target dynamic image according to the playing state of the target dynamic image. The playing state of the target dynamic image is controlled by detecting the operation state of the user and the visible state of the target dynamic image, so that the waste of some unnecessary playing conditions of the target dynamic image on computing resources can be avoided, the influence on interface operations such as user sliding and the like is reduced, and the balance between user experience and performance is achieved.

Description

Technical Field

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

[0002] Animated images are images that create a dynamic effect when a set of specific static images switches at a specified frequency. A common form of this on the internet is the GIF (GIF animation), which achieves an animation effect by switching multiple layers of images at different times.

[0003] When dynamic images are displayed, they require computing resources such as CPU and GPU for decoding and rendering. However, in an interface view containing multiple dynamic images, the display of multiple dynamic images will consume a lot of computing resources, resulting in problems such as slow interface view loading speed and lag in scrolling operations, which will affect the user's operating experience. Summary of the Invention

[0004] This disclosure provides a dynamic image display method, device, and storage medium to reduce the waste of computing resources during the dynamic image display process, minimize the impact on user operations, and improve user experience.

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

[0006] Determine the user's current interaction state with the interface view; wherein the interface view includes the target dynamic image;

[0007] The visibility state of the target dynamic image is determined based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0008] Based on the operation state and the visibility state of the target dynamic image, the playback state of the target dynamic image is determined, and the playback control of the target dynamic image is performed according to the playback state of the target dynamic image.

[0009] In a second aspect, embodiments of this disclosure provide a dynamic image display device, comprising:

[0010] An operation state detection unit is used to determine the user's current operation state on the interface view; wherein the interface view includes a target dynamic image.

[0011] The visible state detection unit is used to determine the visible state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0012] The control unit is configured to determine the playback state of the target dynamic image based on the operation state and the visibility state of the target dynamic image, and to control the playback of the target dynamic image based on the playback state of the target dynamic image.

[0013] Thirdly, embodiments of this disclosure provide an electronic device, including: at least one processor and a memory;

[0014] The memory stores computer-executed instructions;

[0015] The at least one processor executes computer execution instructions stored in the memory, causing the at least one processor to perform the dynamic image display method as described in the first aspect and various possible designs of the first aspect.

[0016] Fourthly, embodiments of this disclosure provide a computer-readable storage medium storing computer-executable instructions, which, when executed by a processor, implement the dynamic image display method described in the first aspect and various possible designs of the first aspect.

[0017] Fifthly, embodiments of this disclosure provide a computer program product, including computer execution instructions, which, when executed by a processor, implement the dynamic image display method described in the first aspect and various possible designs of the first aspect.

[0018] The dynamic image display method, device, and storage medium provided in this disclosure determine the user's current operation state on an interface view, wherein the interface view includes a target dynamic image. The visibility state of the target dynamic image is determined based on whether it is located within the display area of ​​the interface view, wherein the display area of ​​the interface view is a portion of the interface view and its position can change according to the user's sliding operation. Based on the operation state and the visibility state of the target dynamic image, the playback state of the target dynamic image is determined, and playback control is performed on the target dynamic image according to its playback state. By detecting the user's operation state and the visibility state of the target dynamic image to control its playback state, unnecessary playback of the target dynamic image can be avoided, reducing the waste of computing resources and minimizing the impact on user interface operations such as sliding, thus achieving a balance between user experience and performance. Attached Figure Description

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

[0020] Figure 1 A schematic diagram of an interface view for a dynamic image display method provided in an embodiment of the present disclosure;

[0021] Figure 2 This is a schematic flowchart of a dynamic image display method provided in an embodiment of the present disclosure;

[0022] Figure 3 This is a schematic flowchart of a dynamic image display method provided in another embodiment of the present disclosure;

[0023] Figure 4 This is a schematic flowchart of a dynamic image display method provided in another embodiment of the present disclosure;

[0024] Figure 5 This is a structural block diagram of a dynamic image display device provided in an embodiment of the present disclosure;

[0025] Figure 6 This is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present disclosure. Detailed Implementation

[0026] 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 some embodiments of this disclosure, and not all embodiments. Based on the embodiments of this disclosure, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this disclosure.

[0027] Animated images, such as GIFs, require CPU and GPU computing resources for decoding and rendering when displayed. GIF (Graphics Interchange Format) is an image file storage format that stores image information in units of data blocks. A GIF file consists of data blocks representing graphics / images, data sub-blocks, and control information blocks for displaying the graphics / images, called a GIF data stream. All control information blocks and data blocks in the data stream must be located between the file header and the file trailer. The GIF file format uses the LZW (Lempel-ZivWalch) compression algorithm to store image data and defines a transparency attribute that allows users to set the background transparency of the image. Furthermore, the GIF file format can store multiple color graphics / images in a single file; if multiple images are stored in a GIF file, they can be displayed like a slideshow or presented like an animation.

[0028] However, in an interface view containing multiple dynamic images, all dynamic images in the interface view will be downloaded, decoded, and rendered. The display of multiple dynamic images will consume a lot of computing resources, resulting in problems such as slow interface view loading speed and lag in scrolling operations, which will affect the user's operating experience.

[0029] Of course, the same problem also applies to some interface images that contain multiple videos and whose videos can play automatically.

[0030] To address the aforementioned technical problems, this disclosure provides a dynamic image display method by determining the user's current operation state on an interface view; wherein the interface view includes a target dynamic image, such as... Figure 1 As shown (but not limited to) Figure 1The display method is as follows: The visibility state of the target dynamic image is determined based on whether it is located within the display area of ​​the interface view; the display area of ​​the interface view is a portion of the interface view, and its position can change according to the user's swiping operation; the playback state of the target dynamic image is determined based on the operation state and its visibility state, and playback control is performed on the target dynamic image according to its playback state. By detecting the user's operation state and the visibility state of the target dynamic image to control its playback state, unnecessary playback of the target dynamic image can be avoided, reducing the impact on user swiping and other interface operations, thus achieving a balance between user experience and performance.

[0031] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties. Furthermore, the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions, and corresponding operation portals are provided for users to choose to authorize or refuse.

[0032] The dynamic image display method of this disclosure will now be described in detail with reference to specific embodiments.

[0033] refer to Figure 2 , Figure 2 This is a schematic flowchart of a dynamic image display method according to an embodiment of the present disclosure. The method of this embodiment can be applied in a terminal device, and the dynamic image display method includes:

[0034] S201. Determine the user's current operation state on the interface view; wherein the interface view includes the target dynamic image.

[0035] In this embodiment, the interface view includes one or more dynamic images, which can be arranged in any way, such as in a list. The dynamic images include, but are not limited to, animated GIFs, and may also include other dynamic media content that can be played automatically, such as video images. The animated GIFs are not limited to GIF format, and may also include any other known animated GIF format, such as WebP, APNG, etc.

[0036] Furthermore, the interface view may be relatively large, and may include a large number of dynamic images. The screen of the terminal device may only be able to display a portion of the interface view, that is, the display area of ​​the interface view (of course, the display area of ​​the interface view may not be the same size as the screen of the terminal device, or it may be smaller than the screen size of the terminal device, for example, using a small window to display the display area of ​​the interface view on the screen). The display area of ​​the interface view can change its position according to the user's swiping operation on the interface view (which can be a swiping operation in any direction, or it can be other operations). Some dynamic images of the interface view may be located in the display area of ​​the interface view, or they may not be located in the display area of ​​the interface view.

[0037] Considering that dynamic images require CPU, GPU and other computing resources for decoding and rendering during playback, which may affect the user's swiping experience, the current user operation status of the interface view can be detected to control the playback of dynamic images.

[0038] The operation states can include swipe operation states and non-swipe operation states. Swipe operation states include the state where the user touches the terminal device screen to perform a swipe operation, and can also include the state where the user stops touching the terminal device screen, but the interface view is still in a swipe state due to inertia. Of course, it can also include swipe states generated by other swipe methods. Non-swipe operation states include the state where the user does not perform any operation, and can also include other possible operation states besides swipe operation, such as the state of click operation in the interface view.

[0039] S202. Determine the visibility state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0040] In this embodiment, for any target dynamic image in the interface view, the target dynamic image may be located within the display area of ​​the interface view or may not be located within the display area of ​​the interface view. For example, the screen of the terminal device can only display 3 rows and 3 columns, a total of 9 dynamic images. That is, the display area of ​​the interface view can display a maximum of 3 rows and 3 columns, a total of 9 dynamic images. If the interface view includes 5 rows and 3 columns, a total of 15 dynamic images, then 3 rows and 3 columns of dynamic images can be displayed (that is, within the display area of ​​the interface view), and 2 rows and 3 columns of dynamic images cannot be displayed (that is, within the non-display area of ​​the interface view).

[0041] Considering that dynamic images require CPU and GPU resources for decoding and rendering during playback, which may affect the user's swiping experience, and that dynamic images located outside the display area of ​​the interface view cannot be seen by the user even if they are played, thus wasting CPU and GPU computing resources and affecting the user's swiping experience, the visibility status of dynamic images must also be considered when controlling the playback of dynamic images.

[0042] It should be noted that as long as at least a portion of the target animated image is within the display area of ​​the interface view, its visibility status can be determined as visible. For example, if a terminal device screen can display 9 animated images in 3 rows and 3 columns, during the upward swiping operation of the interface view, the top row of animated images will gradually slide out of the display area of ​​the interface view. Before the top row of animated images completely slides out of the non-display area of ​​the interface view, a portion of it remains within the display area of ​​the interface view. If the target animated image is entirely outside the display area of ​​the interface view, then its visibility status is determined as invisible.

[0043] S203. Based on the operation state and the visibility state of the target dynamic image, determine the playback state of the target dynamic image, and control the playback of the target dynamic image according to the playback state of the target dynamic image.

[0044] In this embodiment, after determining the operation state and the visibility state of the target dynamic image, the playback state of the target dynamic image can be determined based on the operation state and the visibility state of the target dynamic image, so as to avoid unnecessary playback of the target dynamic image as much as possible, reduce the consumption of computing resources such as CPU and GPU, and ensure the user's operating experience.

[0045] Specifically, if the operation state is a non-swipe operation state and the target dynamic image is visible, it means that the interface view is not currently being swiped and the target dynamic image is located within the display area of ​​the interface view. The user may have a need to view the target dynamic image, and it can be determined that the playback state of the target dynamic image is to be played.

[0046] Alternatively, if the operation state is a swipe operation state, and / or the visibility state of the target dynamic image is invisible, then the playback state of the target dynamic image is determined to be no longer needed. This includes the following three cases:

[0047] 1) The operation state is the sliding operation state, and the visibility state of the target dynamic image is visible. That is, although the target dynamic image is located in the display area of ​​the interface view, the user has limited time to browse the target dynamic image because the interface view is still in the sliding process. The user's need to watch the target dynamic image is not great, so the target dynamic image can be played. That is, the playback state of the target dynamic image is determined to be no need to play.

[0048] 2) The operation state is the sliding operation state, and the visibility state of the target dynamic image is invisible. Since the target dynamic image is not located in the display area of ​​the interface view, even if the target dynamic image is played, the user cannot see it, which wastes CPU, GPU and other computing resources and affects the user's sliding operation experience. Therefore, the target dynamic image can be not played, that is, the playback state of the target dynamic image is determined to be no need to play.

[0049] 3) The operation state is the sliding non-operation state, and the visibility state of the target dynamic image is invisible. Similar to case 2), since the target dynamic image is not located in the display area of ​​the interface view, the target dynamic image can be left unplayed, that is, the playback state of the target dynamic image is determined to be no need to play.

[0050] After determining the playback status of the target dynamic image, playback control can be performed on the target dynamic image according to the playback status, including controlling when the target dynamic image starts playing, stopping playback, what is displayed when the target dynamic image stops playing, and how to control playback when the playback status changes.

[0051] In one optional embodiment, if the target dynamic image has been downloaded, the playback of the target dynamic image can be controlled to start or stop playing according to its playback status.

[0052] In this embodiment, if the target animated image has been downloaded, playback can begin when the target animated image is in a playback state that requires playback, and playback can be stopped when the target animated image is in a playback state that does not require playback.

[0053] If the target dynamic image is being played for the first time, the process of starting the playback of the target dynamic image includes decoding, rendering, and playing the target dynamic image; if the target dynamic image is not being played for the first time, since the target dynamic image has been played before, the decoding data of the target dynamic image can be saved, and when playing it again, rendering and playback can be performed directly based on the decoding data, without the need to decode it again.

[0054] There are two scenarios for stopping the playback of a target animated image. If the target animated image has never been played before, it can continue to remain unplayed. If, after the target animated image has started playing, its playback status changes from required to not required, then it is necessary to stop the playback of the target animated image. When stopping playback, the screen of the currently playing frame can be displayed, that is, the screen of the target animated image stops at the frame on which it was played (of course, the first frame of the target animated image can also be displayed).

[0055] Starting playback of the target dynamic image also includes controlling the target dynamic image to start playback when the playback status of the target dynamic image changes from not needing playback to needing playback after the target dynamic image has stopped playing. At this time, the target dynamic image can be controlled to continue playing from the current playback frame when it was last stopped (or it can start playing from the first frame of the target dynamic image).

[0056] In another alternative embodiment, if the target dynamic image has not yet been downloaded, the target dynamic image is controlled to start playing or only display the first frame after the target dynamic image has been downloaded, depending on the playback status of the target dynamic image.

[0057] In this embodiment, if the target dynamic image is downloaded later than the user operation, the playback control of the target dynamic image can be performed after the download is complete, based on the playback status of the target dynamic image. Specifically, if the playback status of the target dynamic image is "to be played" after the download is complete, the target dynamic image can be controlled to start playing. The playback start process includes decoding, rendering, and playing the target dynamic image. If the playback status of the target dynamic image is "not to be played" after the download is complete, the target dynamic image can be controlled to display only the first frame. The process of displaying the first frame includes decoding (or only decoding the first frame), rendering the first frame, and displaying the first frame.

[0058] Optionally, based on any of the above embodiments, after determining the playback status of the target dynamic image, a playback status identifier can be marked on the target dynamic image. This playback status identifier is mainly used for playback control when the target dynamic image is not yet fully downloaded, and when it is fully downloaded. However, considering that the playback status of the target dynamic image may change at any time following changes in the operation status and / or the courseware status of the target dynamic image, the playback status of the target dynamic image can be determined in real time, and the playback status identifier can be updated when a change is detected. This way, after the target dynamic image is fully downloaded, the latest playback status can be determined based on the playback status identifier, and then the target dynamic image can be controlled to start playing or only display the first frame based on the playback status identifier. In this embodiment, by marking the target dynamic image with a playback status identifier and keeping it updated, the latest playback status can be quickly determined when the target dynamic image is fully downloaded, avoiding the inefficiency and long delays caused by running the complete logic to determine the playback status (determining the operation status and courseware status, and then determining the playback status) after the target dynamic image is fully downloaded.

[0059] It should be noted that this embodiment does not restrict the order in which S201 and S202 are executed, or they can be executed simultaneously.

[0060] The dynamic image display method provided in this embodiment determines the user's current operation state on the interface view, wherein the interface view includes a target dynamic image; the visibility state of the target dynamic image is determined based on whether it is located within the display area of ​​the interface view; the display area of ​​the interface view is a portion of the interface view, and its position can change according to the user's swiping operation; the playback state of the target dynamic image is determined based on the operation state and the visibility state of the target dynamic image, and playback control is performed on the target dynamic image based on its playback state. By detecting the user's operation state and the visibility state of the target dynamic image to control its playback state, unnecessary playback of the target dynamic image can be avoided, reducing the waste of computing resources and minimizing the impact on user swiping and other interface operations, thus achieving a balance between user experience and performance.

[0061] Based on any of the above embodiments, during the sliding of the interface view, container reuse may occur. For example, when the top row of dynamic images in the interface view slides out of the display area of ​​the interface view, a row of dynamic images enters the display area of ​​the interface view. The newly entered row of dynamic images will reuse the container of the row of dynamic images that slid out of the display area of ​​the interface view, that is, it needs to be loaded into the container. At this time, the playback can be controlled to start or only display the first frame according to the playback status of these dynamic images.

[0062] In this embodiment, after determining the playback status of the target dynamic image and marking it with a playback status identifier, if the target dynamic image reuses a container of other dynamic images that are no longer displayed, the target dynamic image is controlled to start playing or only display the first frame based on its playback status identifier. That is, the target dynamic image is controlled to start playing or only display the first frame in the new container. This allows for quick determination of the latest playback status when loading into the new container, avoiding the inefficiency and long delay caused by running the complete logic to determine the playback status (determining the operation status and courseware status, and then determining the playback status) when loading into the new container.

[0063] Based on any of the above embodiments, there are certain differences in how the dynamic image display method of the above embodiments is executed on iOS system terminal devices and Android system terminal devices. The dynamic image display method of the above embodiments will be described in detail below from the perspectives of iOS system terminal devices and Android system terminal devices respectively.

[0064] For iOS devices, the method for displaying dynamic images is as follows: Figure 3 As shown, it specifically includes:

[0065] 1) Detect user actions through the iOS system to determine the user's current interaction status with the interface view; detect the visibility status of target dynamic images in the interface view through the iOS system.

[0066] 2) In the view element manager, based on the operation status and the visibility status of the target dynamic image, call different interfaces of the custom component to control the playback status of the target dynamic image, and mark the target dynamic image with a validity flag (the validity flag is equivalent to the playback status flag mentioned above; valid means that it needs to be played, and invalid means that it does not need to be played).

[0067] When calling different interfaces of a custom component to control the playback status of the target dynamic image, if the target dynamic image has been downloaded, it can be played when the start playback interface is called, and stopped when the stop playback interface is called.

[0068] If the target animated image has not been downloaded, that is, the download of the target animated image is completed later than the user operation, the subsequent playback status of the animated image can be controlled according to the validity flag. If it is valid, the normal decoding and playback process will be carried out. If it is invalid, only the first frame will be rendered and displayed.

[0069] For Android system terminal devices, dynamic image display methods are as follows: Figure 4 As shown, it specifically includes:

[0070] 1) Register the Android system's swipe detector to UI display containers such as RecyclerView and ViewPager. The swipe detector detects the user's swipe operation and determines whether the user is currently in a swipe state. If the user is in a swipe state, the playback state is marked as not needed in the dynamic image playback controller. If the user is not in a swipe state, the playback state is marked as needed.

[0071] 2) Detect the current playback status of the visible elements of the downloaded animated image, and execute playback or stop playback according to the playback status. That is, if the playback status is that playback is not needed, then execute playback to stop; if the playback status is that playback is needed, then execute playback.

[0072] 3) When the dynamic image download is complete, the visible elements of the dynamic image will obtain the current playback status from the dynamic image playback controller. Depending on the playback status, the playback will be executed or only the first frame will be displayed. That is, if the playback status is "no playback required", only the first frame will be rendered and displayed. If the playback status is "playback required", then playback will be started.

[0073] Corresponding to the dynamic image display method in the above embodiments, Figure 5 This is a structural block diagram of a dynamic image display device provided in an embodiment of this disclosure. For ease of explanation, only the parts relevant to the embodiments of this disclosure are shown. (Refer to...) Figure 5 The dynamic image display device 500 includes: an operation state detection unit 501, a visibility state detection unit 502, and a control unit 503.

[0074] The operation state detection unit 501 is used to determine the user's current operation state on the interface view; wherein the interface view includes a target dynamic image.

[0075] The visibility state detection unit 502 is used to determine the visibility state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0076] The control unit 503 is used to determine the playback state of the target dynamic image based on the operation state and the visibility state of the target dynamic image, and to control the playback of the target dynamic image based on the playback state of the target dynamic image.

[0077] In one or more embodiments of this disclosure, when the control unit 503 determines the playback state of the target dynamic image based on the operating state and the visibility state of the target dynamic image, it is configured to:

[0078] If the operation state is a non-sliding operation state, and the target dynamic image is visible, then the playback state of the target dynamic image is determined to be playable; or

[0079] If the operation state is a sliding operation state, and / or the visibility state of the target dynamic image is invisible, then the playback state of the target dynamic image is determined to be no playback required.

[0080] In one or more embodiments of this disclosure, when the control unit 503 performs playback control on the target dynamic image according to the playback status of the target dynamic image, it is configured to:

[0081] If the target animated image has already been downloaded, then control the playback of the target animated image to start or stop based on its playback status; or

[0082] If the target animated image has not been downloaded completely, then after the target animated image is downloaded, the playback status of the target animated image will be controlled to start playing or only display the first frame.

[0083] In one or more embodiments of this disclosure, when the control unit 503 controls the target dynamic image to start playing or only display the first frame after the target dynamic image has been downloaded, based on the playback status of the target dynamic image, it is used to:

[0084] If the target animated image is in a playback state that requires playback after downloading, then control the target animated image to start playing; or

[0085] If the target animated image is downloaded and its playback status is "not required", then the target animated image will be controlled to display only the first frame.

[0086] In one or more embodiments of this disclosure, after determining the playback state of the target dynamic image, the control unit 503 is further configured to:

[0087] The target dynamic image is marked with a playback status identifier, and the playback status identifier of the target dynamic image is updated after the playback status of the target dynamic image is determined in real time.

[0088] When the target dynamic image is downloaded and the control unit 503 controls the target dynamic image to start playing or only display the first frame according to the playback status of the target dynamic image, it is used to:

[0089] After the target dynamic image is downloaded, the playback status indicator of the target dynamic image is used to control the target dynamic image to start playing or only display the first frame.

[0090] In one or more embodiments of this disclosure, the control unit 503 is further configured to:

[0091] If the target dynamic image reuses the container of other dynamic images that are no longer displayed, then the target dynamic image is controlled to start playing or only display the first frame according to the playback status identifier of the target dynamic image.

[0092] In one or more embodiments of this disclosure, when the control unit 503 controls the start or stop playback of the target dynamic image according to the playback state of the target dynamic image, it is used to:

[0093] If, after the target animated image begins playing, its playback status changes from "playing required" to "playing not required," then the target animated image stops playing, while maintaining the display of the current playback frame at the time of playback stop; or

[0094] If, after the target dynamic image stops playing, the playback status of the target dynamic image changes from not needing to needing to play, then the target dynamic image is controlled to continue playing from the current playback frame when it stopped playing.

[0095] In one or more embodiments of this disclosure, when the visibility state detection unit 502 determines the visibility state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view, it is configured to:

[0096] If at least a portion of the target dynamic image is located within the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be visible; or

[0097] If the target dynamic image is entirely outside the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be invisible.

[0098] The device provided in this embodiment can be used to execute the technical solutions of the above method embodiments. Its implementation principle and technical effect are similar, and will not be described again here.

[0099] refer to Figure 6 The diagram illustrates a structural schematic of an electronic device 600 suitable for implementing embodiments of the present disclosure. The electronic device 600 can be a terminal device or a server. The terminal device can include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, personal digital assistants (PDAs), tablet computers, portable media players (PMPs), and in-vehicle terminals (e.g., in-vehicle navigation terminals), as well as fixed terminals such as digital TVs and desktop computers. Figure 6 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.

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

[0101] Typically, the following devices can be connected to I / O interface 605: input devices 606 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 607 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 608 including, for example, magnetic tapes, hard disks, etc.; and communication devices 609. Communication device 609 allows electronic device 600 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 6 An electronic device 600 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0102] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication device 609, or installed from a storage device 608, or installed from a ROM 602. When the computer program is executed by the processing device 601, it performs the functions defined in the methods of embodiments of this disclosure.

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

[0104] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0105] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above embodiments.

[0106] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, and C++, and conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a Local Area Network (LAN) or a Wide Area Network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0107] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0108] The units described in the embodiments of this disclosure can be implemented in software or in hardware. The name of a unit does not necessarily limit the unit itself; for example, the first acquisition unit can also be described as "a unit that acquires at least two Internet Protocol addresses".

[0109] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

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

[0111] In a first aspect, according to one or more embodiments of the present disclosure, a dynamic image display method is provided, comprising:

[0112] Determine the user's current interaction state with the interface view; wherein the interface view includes the target dynamic image;

[0113] The visibility state of the target dynamic image is determined based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0114] Based on the operation state and the visibility state of the target dynamic image, the playback state of the target dynamic image is determined, and the playback control of the target dynamic image is performed according to the playback state of the target dynamic image.

[0115] According to one or more embodiments of this disclosure, determining the playback state of the target dynamic image based on the operation state and the visibility state of the target dynamic image includes:

[0116] If the operation state is a non-sliding operation state, and the target dynamic image is visible, then the playback state of the target dynamic image is determined to be playable; or

[0117] If the operation state is a sliding operation state, and / or the visibility state of the target dynamic image is invisible, then the playback state of the target dynamic image is determined to be no playback required.

[0118] According to one or more embodiments of this disclosure, the step of controlling the playback of the target dynamic image based on its playback state includes:

[0119] If the target animated image has already been downloaded, then control the playback of the target animated image to start or stop based on its playback status; or

[0120] If the target animated image has not been downloaded completely, then after the target animated image is downloaded, the playback status of the target animated image will be controlled to start playing or only display the first frame.

[0121] According to one or more embodiments of this disclosure, the step of controlling the target dynamic image to start playing or only display the first frame based on the playback state of the target dynamic image after the target dynamic image has been downloaded includes:

[0122] If the target animated image is in a playback state that requires playback after downloading, then control the target animated image to start playing; or

[0123] If the target animated image is downloaded and its playback status is "not required", then the target animated image will be controlled to display only the first frame.

[0124] According to one or more embodiments of this disclosure, after determining the playback state of the target dynamic image, the method further includes:

[0125] The target dynamic image is marked with a playback status identifier, and the playback status identifier of the target dynamic image is updated after the playback status of the target dynamic image is determined in real time.

[0126] The step of controlling the target dynamic image to start playing or only display the first frame based on its playback status after the target dynamic image has been downloaded includes:

[0127] After the target dynamic image is downloaded, the playback status indicator of the target dynamic image is used to control the target dynamic image to start playing or only display the first frame.

[0128] According to one or more embodiments of this disclosure, the method further includes:

[0129] If the target dynamic image reuses the container of other dynamic images that are no longer displayed, then the target dynamic image is controlled to start playing or only display the first frame according to the playback status identifier of the target dynamic image.

[0130] According to one or more embodiments of this disclosure, controlling the start or stop playback of the target dynamic image based on its playback state includes:

[0131] If, after the target animated image begins playing, its playback status changes from "playing required" to "playing not required," then the target animated image stops playing, while maintaining the display of the current playback frame at the time of playback stop; or

[0132] If, after the target dynamic image stops playing, the playback status of the target dynamic image changes from not needing to needing to play, then the target dynamic image is controlled to continue playing from the current playback frame when it stopped playing.

[0133] According to one or more embodiments of this disclosure, determining the visibility state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view includes:

[0134] If at least a portion of the target dynamic image is located within the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be visible; or

[0135] If the target dynamic image is entirely outside the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be invisible.

[0136] Secondly, according to one or more embodiments of this disclosure, a dynamic image display device is provided, comprising:

[0137] An operation state detection unit is used to determine the user's current operation state on the interface view; wherein the interface view includes a target dynamic image.

[0138] The visible state detection unit is used to determine the visible state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view; wherein the display area of ​​the interface view is a part of the interface view, and the display area of ​​the interface view can change its position according to the user's sliding operation on the interface view.

[0139] The control unit is configured to determine the playback state of the target dynamic image based on the operation state and the visibility state of the target dynamic image, and to control the playback of the target dynamic image based on the playback state of the target dynamic image.

[0140] According to one or more embodiments of this disclosure, when the control unit determines the playback state of the target dynamic image based on the operating state and the visibility state of the target dynamic image, it is configured to:

[0141] If the operation state is a non-sliding operation state, and the target dynamic image is visible, then the playback state of the target dynamic image is determined to be playable; or

[0142] If the operation state is a sliding operation state, and / or the visibility state of the target dynamic image is invisible, then the playback state of the target dynamic image is determined to be no playback required.

[0143] According to one or more embodiments of this disclosure, when the control unit performs playback control on the target dynamic image based on the playback state of the target dynamic image, it is configured to:

[0144] If the target animated image has already been downloaded, then control the playback of the target animated image to start or stop based on its playback status; or

[0145] If the target animated image has not been downloaded completely, then after the target animated image is downloaded, the playback status of the target animated image will be controlled to start playing or only display the first frame.

[0146] According to one or more embodiments of this disclosure, when the control unit controls the target dynamic image to start playing or only display the first frame after the target dynamic image has been downloaded, based on the playback status of the target dynamic image, it is configured to:

[0147] If the target animated image is in a playback state that requires playback after downloading, then control the target animated image to start playing; or

[0148] If the target animated image is downloaded and its playback status is "not required", then the target animated image will be controlled to display only the first frame.

[0149] According to one or more embodiments of this disclosure, after determining the playback state of the target dynamic image, the control unit is further configured to:

[0150] The target dynamic image is marked with a playback status identifier, and the playback status identifier of the target dynamic image is updated after the playback status of the target dynamic image is determined in real time.

[0151] When the target dynamic image is downloaded and the control unit controls the start of playback or only display of the first frame of the target dynamic image according to the playback status of the target dynamic image, it is used for:

[0152] After the target dynamic image is downloaded, the playback status indicator of the target dynamic image is used to control the target dynamic image to start playing or only display the first frame.

[0153] According to one or more embodiments of this disclosure, the control unit is further configured to:

[0154] If the target dynamic image reuses the container of other dynamic images that are no longer displayed, then the target dynamic image is controlled to start playing or only display the first frame according to the playback status identifier of the target dynamic image.

[0155] According to one or more embodiments of this disclosure, when the control unit controls the start or stop playback of the target dynamic image based on the playback state of the target dynamic image, it is configured to:

[0156] If, after the target animated image begins playing, its playback status changes from "playing required" to "playing not required," then the target animated image stops playing, while maintaining the display of the current playback frame at the time of playback stop; or

[0157] If, after the target dynamic image stops playing, the playback status of the target dynamic image changes from not needing to needing to play, then the target dynamic image is controlled to continue playing from the current playback frame when it stopped playing.

[0158] According to one or more embodiments of this disclosure, when the visibility state detection unit determines the visibility state of the target dynamic image based on whether the target dynamic image in the interface view is located within the display area of ​​the interface view, it is configured to:

[0159] If at least a portion of the target dynamic image is located within the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be visible; or

[0160] If the target dynamic image is entirely outside the display area of ​​the interface view, then the visibility state of the target dynamic image is determined to be invisible.

[0161] Thirdly, according to one or more embodiments of the present disclosure, an electronic device is provided, comprising: at least one processor and a memory;

[0162] The memory stores computer-executed instructions;

[0163] The at least one processor executes computer execution instructions stored in the memory, causing the at least one processor to perform the dynamic image display method as described in the first aspect and various possible designs of the first aspect.

[0164] Fourthly, according to one or more embodiments of the present disclosure, a computer-readable storage medium is provided, wherein computer-executable instructions are stored therein, and when a processor executes the computer-executable instructions, the dynamic image display method described in the first aspect and various possible designs of the first aspect is implemented.

[0165] Fifthly, according to one or more embodiments of the present disclosure, a computer program product is provided, including computer execution instructions that, when executed by a processor, implement the dynamic image display method as described in the first aspect and various possible designs of the first aspect.

[0166] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0167] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0168] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A dynamic image display method, characterized by, The method comprises: determining a current operation state of a user on an interface view; wherein a target dynamic image is included in the interface view; determining a visible state of the target dynamic image according to whether the target dynamic image in the interface view is located within a display area of the interface view; wherein the display area of the interface view is a partial area in the interface view, and the display area of the interface view can change position according to a sliding operation of the user on the interface view; determining a playing state of the target dynamic image according to the operation state and the visible state of the target dynamic image, and performing playing control on the target dynamic image according to the playing state of the target dynamic image.

2. The method of claim 1, wherein, The determining of the playing state of the target dynamic image according to the operation state and the visible state of the target dynamic image comprises: if the operation state is a non-sliding operation state and the visible state of the target dynamic image is visible, determining that the playing state of the target dynamic image is to be played; or if the operation state is a sliding operation state and / or the visible state of the target dynamic image is invisible, determining that the playing state of the target dynamic image is not to be played.

3. The method of claim 2, wherein, The performing of the playing control on the target dynamic image according to the playing state of the target dynamic image comprises: if the target dynamic image has been completely downloaded, controlling the target dynamic image to start playing or stop playing according to the playing state of the target dynamic image; or if the target dynamic image has not been completely downloaded, controlling the target dynamic image to start playing or only display a first frame of picture after the target dynamic image is completely downloaded according to the playing state of the target dynamic image.

4. The method of claim 3, wherein, The controlling of the target dynamic image to start playing or only display a first frame of picture after the target dynamic image is completely downloaded according to the playing state of the target dynamic image comprises: if the playing state of the target dynamic image is to be played after the target dynamic image is completely downloaded, controlling the target dynamic image to start playing; or if the playing state of the target dynamic image is not to be played after the target dynamic image is completely downloaded, controlling the target dynamic image to only display a first frame of picture.

5. The method according to claim 3 or 4, characterized in that, The determining of the playing state of the target dynamic image further comprises: marking a playing state identifier for the target dynamic image, and updating the playing state identifier for the target dynamic image after the playing state of the target dynamic image is determined in real time; The controlling of the target dynamic image to start playing or only display a first frame of picture after the target dynamic image is completely downloaded according to the playing state of the target dynamic image comprises: controlling the target dynamic image to start playing or only display a first frame of picture according to the playing state identifier of the target dynamic image after the target dynamic image is completely downloaded.

6. The method of claim 5, wherein, The method further comprises: if the target dynamic image multiplexes a container of other dynamic images that have not been displayed, controlling the target dynamic image to start playing or only display a first frame of picture according to the playing state identifier of the target dynamic image.

7. The method of claim 3, wherein, The playing state of the target dynamic image is controlled to start playing or stop playing, including: If the playing state of the target dynamic image changes from needing to play to not needing to play after the target dynamic image starts playing, the target dynamic image is controlled to stop playing, and a picture of a current playing frame at the time of stopping playing is kept displaying; or If the playing state of the target dynamic image changes from not needing to play to needing to play after the target dynamic image stops playing, the target dynamic image is controlled to continue playing from a current playing frame at the time of stopping playing.

8. The method of claim 1, wherein, The visible state of the target dynamic image is determined according to whether the target dynamic image is located in a display area of the interface view, including: If at least a part of the target dynamic image is located in the display area of the interface view, the visible state of the target dynamic image is determined to be visible; or If the target dynamic image is located outside the display area of the interface view, the visible state of the target dynamic image is determined to be invisible.

9. A dynamic image display device, characterized by comprising: The method comprises: An operation state detection unit is configured to determine a current operation state of a user on an interface view; The interface view comprises a target dynamic image; A visible state detection unit is configured to determine a visible state of the target dynamic image according to whether the target dynamic image is located in a display area of the interface view; The display area of the interface view is a part of the interface view, and the display area of the interface view can change position according to a sliding operation of the user on the interface view; A control unit is configured to determine a playing state of the target dynamic image according to the operation state and the visible state of the target dynamic image, and to control playing of the target dynamic image according to the playing state of the target dynamic image.

10. An electronic device, comprising: The method comprises: At least one processor and a memory; The memory stores computer-executed instructions; The at least one processor executes the computer-executed instructions stored in the memory, so that the at least one processor executes the method of any one of claims 1-8.

11. A computer readable storage medium, characterized in that, The computer-readable storage medium stores computer-executed instructions, and when a processor executes the computer-executed instructions, the method of any one of claims 1-8 is implemented.

12. A computer program product, characterised in that, The computer-executed instructions are executed by a processor, and the method of any one of claims 1-8 is implemented.

Images