Image processing method and device, electronic device and computer readable storage medium

Abstract

The embodiments of the present disclosure provide an image processing method and device, an electronic device, and a computer-readable storage medium, which belong to the field of computer technology. The method includes: displaying an information flow interface; in response to an operation instruction on the information flow interface, determining the position information of the display area of ​​the target animation in the information flow interface, the target animation includes n frames of images arranged in sequence, and n is a positive integer greater than or equal to 3; determining the target image from the n frames of the target animation according to the position information; and controlling the target image to be displayed on the information flow interface. The technical solution of the embodiments of the present disclosure provides an image processing method that can add more dimensions of information expression to the information flow interface and further improve the efficiency of content distribution.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to an image processing method and apparatus, an electronic device, and a computer-readable storage medium. Background Art

[0002] Feed ads are ads that appear within social media users' friends' updates, or in the streams of news and audiovisual media. These ads, interspersed within content streams, offer a relatively good user experience and allow advertisers to leverage user tags for targeted targeting. As a result, they have experienced explosive growth, particularly since the advent of the mobile internet era.

[0003] However, the display format of existing information flow advertisements on the information flow interface is relatively simple, which limits the expression dimension of the content.

[0004] Therefore, a new image processing method and apparatus, electronic device, and computer-readable storage medium are needed.

[0005] It should be noted that the information disclosed in the above background technology section is only used to enhance the understanding of the background of the present disclosure. Summary of the Invention

[0006] The embodiments of the present disclosure provide an image processing method and apparatus, an electronic device, and a computer-readable storage medium, which can add more dimensions of information expression to the information flow interface.

[0007] Other features and advantages of the present disclosure will become apparent from the following detailed description, or may be learned in part by practice of the present disclosure.

[0008] An embodiment of the present disclosure provides an image processing method, which includes: displaying an information flow interface; determining position information of a display area of ​​a target animation in the information flow interface in response to an operation instruction on the information flow interface, wherein the target animation includes n frames of images arranged in sequence, where n is a positive integer greater than or equal to 3; determining a target image from the n frames of the target animation according to the position information; and controlling the display of the target image on the information flow interface.

[0009] An embodiment of the present disclosure provides an image processing device, which includes: an interface display module configured to display an information flow interface; a position determination module configured to determine position information of a display area of ​​a target animation in the information flow interface in response to an operation instruction on the information flow interface, wherein the target animation includes n frames of images arranged in sequence, where n is a positive integer greater than or equal to 3; a target image determination module configured to determine a target image from the n frames of images of the target animation according to the position information; and a target image display module configured to control the display of the target image on the information flow interface.

[0010] In some exemplary embodiments of the present disclosure, the apparatus further includes: an area determination module configured to determine a target area in the information flow interface; and an interval division module configured to divide the target area into n intervals in sequence.

[0011] In some exemplary embodiments of the present disclosure, the device further includes: a video acquisition module configured to acquire a target video; an image acquisition module configured to acquire n frames of images based on the target video for generating the target animation; and an image interval correspondence module configured to correspond the n frames of images of the target animation to the n intervals of the target area one-to-one.

[0012] In some exemplary embodiments of the present disclosure, the position determination module includes: a guideline setting unit, configured to set a guideline on the display area of ​​the target animation; and a position determination unit, configured to determine the target interval where the guideline is currently located from the n intervals as the position information.

[0013] In some exemplary embodiments of the present disclosure, the target image display module includes: a forward playback unit configured to display each frame of the n frames of the target animation in sequence if the operation instruction is to slide the information flow interface in a first direction.

[0014] In some exemplary embodiments of the present disclosure, the target image display module also includes: a reverse playback unit, configured to display each frame of the n frames of the target animation in reverse order starting from the target image if the operation instruction is to slide the information flow interface in the second direction.

[0015] In some exemplary embodiments of the present disclosure, the device further includes: a preloading module configured to load n frames of images of the target animation when the previous screen of the target animation is displayed on the information flow interface.

[0016] In some exemplary embodiments of the present disclosure, the preloading module includes: a preview image determination unit, configured to determine a static preview image among n frame images of the target animation; a preview image loading unit, configured to load the static preview image; and an other image loading unit, configured to sequentially load other images among the n frame images except the static preview image.

[0017] In some exemplary embodiments of the present disclosure, the apparatus further includes: a preview image display module configured to display the static preview image when the target image fails to load.

[0018] In some exemplary embodiments of the present disclosure, the device also includes: a distribution information acquisition module, configured to obtain the distribution information of the target animation; a distribution object determination module, configured to determine the target distribution object of the target animation based on the distribution information; and an animation sending module, configured to send the target animation to the information flow interface of the target distribution object.

[0019] An embodiment of the present disclosure provides a computer-readable storage medium having a computer program stored thereon. When the program is executed by a processor, the image processing method as described in the above embodiment is implemented.

[0020] An embodiment of the present disclosure provides an electronic device, comprising: one or more processors; a storage device configured to store one or more programs, which, when executed by the one or more processors, enables the one or more processors to implement the image processing method described in the above embodiments.

[0021] In the technical solutions provided by some embodiments of the present disclosure, when operating the information flow interface, the position information of the target animation displayed on the information flow interface can be determined, so that a certain frame among the n frames of the target animation can be determined as the target image to be currently displayed based on the position information of the target animation, and the target image can be displayed on the information flow interface. On the one hand, this method can flexibly configure the information content to be displayed, and is not limited to a single switching method and image, thereby increasing the ability to express information in more dimensions, and further can be used to improve the efficiency of content distribution; on the other hand, determining the target image based on the position information requires less calculation and runs faster, and the target animation displayed in the information flow interface is smoother and more natural.

[0022] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] The accompanying drawings are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the specification, are used to explain the principles of the present disclosure. Obviously, the drawings described below are only some embodiments of the present disclosure, and those skilled in the art can derive other drawings based on these drawings without inventive effort. In the drawings:

[0024] Figure 1 A schematic diagram showing an exemplary system architecture to which the image processing method or image processing apparatus according to the embodiments of the present disclosure may be applied;

[0025] Figure 2 A schematic diagram showing the structure of a computer system suitable for implementing an electronic device according to an embodiment of the present disclosure is shown;

[0026] Figure 3-6 A schematic diagram of a free interactive large-scale image display in related technologies is shown;

[0027] Figure 7 The following schematically shows a flow chart of an image processing method according to an embodiment of the present disclosure;

[0028] Figure 8 A schematic diagram of a free interactive large image according to an embodiment of the present disclosure is schematically shown;

[0029] Figure 9 Schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure;

[0030] Figure 10 The following schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure;

[0031] Figure 11 Shown Figure 7 FIG. 1 is a schematic diagram of the processing process of step S720 in one embodiment;

[0032] Figure 12 A schematic diagram schematically illustrates the correspondence between various intervals and various frame images according to an embodiment of the present disclosure;

[0033] Figure 13 Shown Figure 7 FIG. 8 is a schematic diagram of the processing process of step S740 in one embodiment;

[0034] Figure 14 Schematic diagram of forward and reverse sliding according to an embodiment of the present disclosure is schematically shown;

[0035] Figure 15 Schematically illustrating a schematic diagram of forward sliding display of a first frame according to an embodiment of the present disclosure;

[0036] Figure 16 Schematically showing a schematic diagram of forward sliding display of a second frame according to an embodiment of the present disclosure;

[0037] Figure 17 Schematically illustrating a schematic diagram of forward sliding display of a third frame according to an embodiment of the present disclosure;

[0038] Figure 18 Schematically showing a schematic diagram of forward sliding display of the fourth frame according to an embodiment of the present disclosure;

[0039] Figure 19 Schematically illustrating a schematic diagram of forward sliding display of the fifth frame according to an embodiment of the present disclosure;

[0040] Figure 20 Schematically showing a schematic diagram of forward sliding display of the sixth frame according to an embodiment of the present disclosure;

[0041] Figure 21 Schematically showing a schematic diagram of reverse sliding display of the fourth frame according to an embodiment of the present disclosure;

[0042] Figure 22 Schematically showing a schematic diagram of reverse sliding display of a third frame according to an embodiment of the present disclosure;

[0043] Figure 23 Schematically illustrating a schematic diagram of reverse sliding display of a second frame according to an embodiment of the present disclosure;

[0044] Figure 24 Schematically showing a schematic diagram of reverse sliding display of a first frame according to an embodiment of the present disclosure;

[0045] Figure 25 The following schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure;

[0046] Figure 26 Shown Figure 25 FIG. 1 is a schematic diagram of the processing process of step S2510 in one embodiment;

[0047] Figure 27 A schematic diagram schematically illustrates an image loading sequence according to an embodiment of the present disclosure;

[0048] Figure 28 The following schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure;

[0049] Figure 29 The block diagram schematically shows an image processing apparatus according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0050] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in many forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete and will fully convey the concepts of the example embodiments to those skilled in the art.

[0051] In addition, the described features, structures or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, many specific details are provided to provide a full understanding of the embodiments of the present disclosure. However, those skilled in the art will appreciate that the technical solutions of the present disclosure can be practiced without one or more of the specific details, or other methods, components, devices, steps, etc. can be adopted. In other cases, well-known methods, devices, implementations or operations are not shown or described in detail to avoid blurring various aspects of the present disclosure.

[0052] The block diagrams shown in the accompanying drawings are merely functional entities and do not necessarily correspond to physically separate entities. That is, these functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different networks and / or processor devices and / or microcontroller devices.

[0053] The flowcharts shown in the accompanying drawings are for illustrative purposes only and do not necessarily include all contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps may be decomposed, while others may be combined or partially combined. Therefore, the actual execution order may vary depending on the actual situation.

[0054] Figure 1 FIG1 is a schematic diagram showing an exemplary system architecture 100 to which the image processing method or image processing apparatus according to the embodiment of the present disclosure can be applied.

[0055] like Figure 1 As shown, the dynamic information display system 100 may include a user terminal 101 with a first user account logged in, a promotion account terminal 102, a network 103, and a platform server 104. The network 103 is a medium for providing a communication link between the user terminal 101, the promotion account terminal 102, and the platform server 104. The network 103 may include various connection types, such as wired or wireless communication links or fiber optic cables, etc. The platform server 104 is a server that provides backend services to clients (such as social clients, information clients, video clients, etc.). The platform server 104 can be at least one server, a server cluster, a distributed server platform, a cloud computing center, or a combination of several server clusters.

[0056] It should be understood that Figure 1The number of user terminals, promotion account terminals, networks, and platform servers shown in the figure is merely illustrative. Any number of user terminals, promotion account terminals, networks, and platform servers may be used as needed.

[0057] Users can use user terminals 101 and promotional account terminals 102 to interact with platform server 104 via network 103 to receive or send messages, etc. User terminals 101 and promotional account terminals 102 can be various electronic devices with display screens and web browsing support, including but not limited to smartphones, tablet computers, laptops, desktop computers, wearable devices, smart home devices, etc.

[0058] It is assumed here that various applications (applications, APPs) with dynamic information display functions can be installed on the user terminal 101, such as news information APPs, social APPs, instant messaging APPs, voice communication APPs, game APPs, trading platforms, navigation APPs, video APPs, etc. The dynamic information display function is a function in which a user (the user here can be broadly defined, and can be an individual or any organization such as a company, enterprise, institution, etc.) publishes his or her own dynamic information on a dynamic information publishing platform, and other users with whom he or she has a friend and / or group and / or subscription and / or attention relationship can access the dynamic information on the platform. On the dynamic information display platform, each user has a dynamic information stream corresponding to his or her own account. The dynamic information stream includes dynamic information published by other users with whom he or she has a friend and / or group and / or subscription and / or attention relationship, and can also include dynamic information published by the user himself or herself. These dynamic information are usually displayed in the form of a timeline. For example, if a user obtains the dynamic information stream corresponding to the first user account from the dynamic information publishing platform, they can obtain selfies posted by the second user account A, articles posted by the second user account B, short videos posted by the second user account C, news and information posted by the second user account D, and so on. There can be more than one second user account. The second user account has a friend, group, subscription, and / or follow-up relationship with the first user account. The user account here refers to an account applied for by an individual and / or organization on the platform server 104. After the account is logged into its corresponding current client, it is used by the platform server 104 and other clients to identify the user identity of the current client. Dynamic information is the information posted by a user account on the dynamic information publishing platform at a certain time. Each dynamic information includes but is not limited to: picture information, text information, voice information, video information, etc.

[0059] The promotion account here refers to an account in the platform server 104 that has promotion needs. In other words, a promotion account is an account applied for by a government agency, organization, institution, group, or individual in the platform server that has promotion needs. The promotion account can publish dynamic information through the promotion account terminal 102. The dynamic information of the promotion account (also referred to as "promotion information") may include: account information and content information, and the content information includes but is not limited to: at least one of: image information, text information, voice information, video information, geographic location information, card information (such as that which can be used to obtain coupons, etc.), external link information (such as the virtual button light when clicking "View Details"), and promotion logo.

[0060] The platform server 104 can also be used to add the dynamic information of the promotion account to the dynamic information flow corresponding to the first user account. After the addition, the dynamic information flow corresponding to the first user account includes not only the dynamic information of the second user account, but also the dynamic information of the promotion account.

[0061] Figure 2 A schematic diagram of the structure of a computer system suitable for implementing an electronic device according to an embodiment of the present disclosure is shown.

[0062] It should be noted that Figure 2 The computer system 200 of the electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0063] like Figure 2 As shown, computer system 200 includes a central processing unit (CPU) 201, which can perform various appropriate actions and processes according to programs stored in read-only memory (ROM) 202 or programs loaded from storage 208 into random access memory (RAM) 203. Various programs and data required for system operation are also stored in RAM 203. CPU 201, ROM 202, and RAM 203 are connected to each other via bus 204. Input / output (I / O) interface 205 is also connected to bus 204.

[0064] The following components are connected to the I / O interface 205: an input section 206 including a keyboard, a mouse, and the like; an output section 207 including devices such as a cathode ray tube (CRT), a liquid crystal display (LCD), and a speaker; a storage section 208 including a hard disk; and a communication section 209 including a network interface card such as a LAN (Local Area Network) card or a modem. The communication section 209 performs communication processing via a network such as the Internet. A drive 210 is also connected to the I / O interface 205 as needed. A removable medium 211, such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory, is installed in the drive 210 as needed, so that a computer program read therefrom can be installed into the storage section 208 as needed.

[0065] In particular, according to an embodiment of the present disclosure, the process described below with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a computer-readable storage medium, and the computer program includes program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 209, and / or installed from the removable medium 211. When the computer program is executed by the central processing unit (CPU) 201, the various functions defined in the method and / or apparatus of the present application are performed.

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

[0067] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architectures, functions and operations of the methods, devices and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the above-mentioned module, program segment, or a part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flowchart, and the combination of boxes in the block diagram or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0068] The modules and / or units described in the embodiments of the present disclosure may be implemented in software or hardware, and the modules and / or units may also be provided in a processor. The names of these modules and / or units do not, in certain circumstances, limit the modules and / or units themselves.

[0069] As another aspect, the present application also provides a computer-readable storage medium, which may be included in the electronic device described in the above embodiment; or may exist independently without being assembled into the electronic device. The above computer-readable storage medium carries one or more programs, and when the above one or more programs are executed by an electronic device, the electronic device implements the method described in the following embodiment. For example, the electronic device may implement the following Figure 7 or Figure 9 or Figure 10 or Figure 11 or Figure 13 or Figure 25 or Figure 26 or Figure 28 The steps shown.

[0070] In the embodiments of this disclosure, information flow refers to a set of information moving in the same direction in space and time. It is the collection of all information transmitted from an information source to an information recipient. From the perspective of modern information technology research, development, and application, it refers to the flow of information within computer systems and communication networks during the information processing process. This flow can occur between people, between people and organizations, within organizations, and between organizations. Mobile device information flow refers to a set of information moving in the same direction in space and time on mobile devices such as mobile phones and tablets.

[0071] To help brands better capture users' attention and improve marketing effectiveness, a new advertising product, interactive ads, has been launched. Interactive large images are a way to switch large images within the news feed. Within the context of a single large image, two images are placed within the image area. As the user swipes up and down the news feed interface, the two images switch back and forth according to a specified transition animation (such as a gradient). Interactive ads not only animate the ad but also interact with the user. From the moment a user sees the ad to the moment they click and interact with it, users can interact with them at every step, establishing a stronger connection. With the launch of interactive ads, ads can be animated with just two images. Interactive large images animate as the user swipes, highlighting the product, increasing the interactive effect, and making the ad more interesting and interactive. Production costs are low, making them very advertiser-friendly.

[0072] The "large image" here refers to the image size format that fills the left and right sides of the information flow interface in the information flow scenario, and is collectively referred to as a large image. The corresponding "small image" is the image size format that does not fill the left and right sides of the information flow interface in the information flow scenario.

[0073] Figure 3-6 A schematic diagram of a free interactive large-scale image display in related technologies is shown.

[0074] like Figure 3-6 As shown, in information flow products (such as browsers, information apps, etc.), the interactive large picture mode is pre-configured in the background, and two static large pictures are uploaded. When the user slides the information flow interface up and down, the two large pictures of the interactive large picture will switch templates according to a certain animation, switching back and forth between the two static large pictures. Here, taking the promotional information of a certain game as an example, when the user slides up the information flow interface, the first large picture will be covered by the second large picture. Here it is assumed that the covering switching template is a circular expansion. Until the second large picture is fully displayed, there is no more switching effect. Conversely, when the user slides down the information flow interface, the second large picture will be covered by the first large picture.

[0075] However, the interactive large picture in the above-mentioned related technologies can only display two pictures, and the density of the presented content information is subject to certain limitations. It is impossible to highlight the core content of certain advertisements, such as games, and the information conveyed by the advertisements is restricted. In addition, the switching method is single and cannot be adapted to more flexible scenarios. There are many contents that cannot be applied to a single switching template, such as lighting up local content in the picture, and elements in the picture appearing dislocated. At the same time, the number of pictures and the switching method need to be specified by the front end, and the flexibility is relatively weak. The information flow product structure in the related technologies is single, and there are few forms of interaction with users. As users become more and more accustomed to browsing information flows in a short period of time, they tend to skim through them, and the difficulty of reaching information gradually increases, which is not conducive to distribution and value-added information (content that can be commercialized) reaching users.

[0076] With the development of information flow products, the information presentation style of information flow needs to be innovated, and more expansion and exploration should be done in combination with user usage scenarios and habits, as well as the type and structure of information content.

[0077] Figure 7 The flowchart of the image processing method according to an embodiment of the present disclosure is schematically shown. The method provided by the embodiment of the present disclosure can be executed by any electronic device with computing and processing capabilities, such as Figure 1 The user terminal 101, the promotion account terminal 102 and / or the platform server 104. In the following examples, the user terminal 101 is used as the execution subject.

[0078] like Figure 7As shown, the image processing method provided by the embodiment of the present disclosure may include the following steps.

[0079] In step S710, the information flow interface is displayed.

[0080] Specifically, users can view Feeds in an APP or browser installed on a user terminal, such as a mobile phone. Feeds are information streams that are continuously updated and presented to users, hereinafter referred to as information streams. This embodiment caches the text data corresponding to the information stream while the user slides to view the information stream, so that the page content corresponding to the information stream is quickly presented when the user clicks on a certain information stream item. The user can view the information stream by sliding on the screen of the user terminal. The screen of the user terminal displays information streams of multiple items, and the information stream of each item is a thumbnail content. When the user further clicks on an information stream item, the page will jump directly to present the content details corresponding to the clicked information stream, where the content details can be text, pictures, audio, video, etc. For example, the displayed information stream interface can refer to the following Figure 8 shown.

[0081] In step S720, in response to an operation instruction on the information flow interface, the position information of the display area of ​​the target animation in the information flow interface is determined, and the target animation includes n frames of images arranged in sequence, where n is a positive integer greater than or equal to 3.

[0082] The specific implementation process of determining the position information according to the operation instruction can refer to the following Figure 9 、 10 and description of 11 embodiments.

[0083] In the embodiments of the present disclosure, the operation instruction may be any one or more of sliding or clicking a user's finger or other sensing component (e.g., a capacitive stylus) on a screen of a user terminal, such as a touch-sensitive surface. In the following embodiments, the user terminal is a mobile phone with a capacitive touch-sensitive surface, and the operation instruction is an example of sliding a user's finger on the capacitive touch-sensitive surface. However, the present disclosure is not limited thereto, and the operation instruction may be any gesture, action, or behavior pre-set in the system.

[0084] In the disclosed embodiment, n frames of imagery are edited in the target animation, and the playback interval between each frame is set. Each frame can then be played as a separate frame to achieve an animation effect. Each frame is referred to as a sequence frame, and a group of consecutive images, organized in chronological order from n sequence frames, is referred to as a sequence frame group.

[0085] In the disclosed embodiments, the target animation can be any of Flash animation, GIF (Graphics Interchange Format) animation, 3D (three-dimensional) animation, and the like. Considering that in information flow scenarios, users typically slide their fingers quickly, and they generally lack the time and patience to wait for videos to load, GIF animations are small and easy to access at any time. Therefore, the following examples use GIF animations as an example. GIF animations achieve an animation effect by switching multiple layers of images at different times. When a specific set of static images switches at a specified frequency, a dynamic image is generated. Its diverse and inclusive nature allows it to be mixed with various forms of expression and artistic styles, and can be applied to the production of commercial advertisements. In the disclosed embodiments, GIF animations, or any animation smaller than 20 megabytes, can be referred to as "small animations." When used to create promotional content in an information flow interface, small animations are less likely to experience lag even when the user's finger slides quickly.

[0086] It should be noted that with the development of network communication technology, such as 5G (5th Generation Wireless Systems) technology, videos of almost any size can be seamlessly loaded on user terminals. At this time, large videos or large animations such as 3D animations can also be applied to information flow scenarios.

[0087] In step S730 , a target image is determined from the n frames of the target animation according to the position information.

[0088] In step S740, the target image is controlled to be displayed on the information flow interface.

[0089] The specific implementation process of displaying the target image on the information flow interface according to the location information can be referred to below Figure 12 、 13 and 14 embodiments are described.

[0090] The image processing method provided by the embodiment of the present disclosure can determine the position information of the target animation displayed on the information flow interface when operating the information flow interface, so that a frame among the n frames of the target animation can be determined as the target image to be currently displayed based on the position information of the target animation, and the target image can be displayed on the information flow interface. On the one hand, this method can flexibly configure the information content to be displayed, and is not limited to a single switching method and image, thereby increasing the information expression capability in multiple dimensions and further improving the content distribution efficiency; on the other hand, determining the target image based on the position information requires less calculation and runs faster, so that the target animation displayed in the information flow interface is smoother and more natural.

[0091] Figure 8 A schematic diagram of a free-to-interactive large image according to an embodiment of the present disclosure is schematically shown.

[0092] like Figure 8 As shown, here, taking the example of a first user (with a first user account) opening a browser installed on his first user terminal, the browser divides the information flow into categories such as recommendation (for example, the corresponding information flow can be recommended based on the user's historical click behavior, historical browsing behavior, historical search behavior, etc.), video (the format of the information flow is video), funny (determined according to the content of the information flow), e-sports (information flow related to e-sports), hot spots (current hot information, hot news, etc.) and entertainment (for example, information flow related to celebrities, singers, etc.).

[0093] The default display here is the recommended category, and the information flow interface displays News 1, the interactive large image in the dashed box, and News 2 in chronological order. News 1 and News 2 can be dynamic information posted by a second user (with a second user account) who has some kind of relationship with the first user (such as a friend relationship on a social client, a group relationship on an instant messaging client, or a subscription relationship with a news client, etc.).

[0094] A large interactive image for publishing promotional information is inserted between Information 1 and Information 2. The display area of ​​the large interactive image includes a text area at the top for displaying promotional text, a large image area for displaying target animation, and an area at the bottom for displaying the name of the promotional information, external links and other information.

[0095] It is understandable that although the examples in the embodiments of the present disclosure illustrate that the promotional information of the interactive interaction is based on a single large picture, because the large picture can show more and clearer content to the user, the present disclosure is not limited to this, and it can also be displayed in the form of small pictures and / or multiple pictures can be displayed at the same time. The present disclosure does not limit this. At the same time, the layout of the display area of ​​the interactive promotional information is not limited to Figure 8The example shown shows that the number of sub-areas into which the display area is divided, the shape and size of each sub-area, and the content to be displayed can be adjusted according to actual needs.

[0096] Figure 9 Schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure. Figure 9 As shown, the difference from the above embodiment is that the method provided by the embodiment of the present disclosure may also include the following steps.

[0097] In step S910, a target area in the information flow interface is determined.

[0098] In the embodiment of the present disclosure, the target area can be the entire area on the screen of the first user terminal for displaying the information flow entries, or it can be a partial area for displaying the information flow entries, which can be determined according to the specific application scenario. The embodiment of the present disclosure does not limit the location, area size and shape of the target area.

[0099] In step S920, the target area is divided into n intervals in sequence.

[0100] For example, the target area can be divided in sequence from top to bottom, from bottom to top, from left to right, or from right to left. The size and shape of each of the n intervals can be the same or different, or the size and shape of some intervals can be the same and the size and shape of some intervals can be different. This disclosure does not limit this.

[0101] Figure 10 Schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure. Figure 10 As shown, the difference from the above embodiment is that the method provided by the embodiment of the present disclosure may also include the following steps.

[0102] In step S1010 , a target video is acquired.

[0103] In the disclosed embodiment, a promotion account (whose owner may be, for example, an advertiser, a game manufacturer, etc.) may log in to its promotion account terminal and upload target videos with promotional information to the platform server. The number of the target videos may be one or more.

[0104] In step S1020 , n frames of images are obtained according to the target video to generate the target animation.

[0105] For example, if the target video is one, then one frame of the image in the target video can be intercepted at regular intervals, and a total of n frames of images can be intercepted. These n frames of images are combined into a group of continuous images in chronological order to form a target animation including n frames of images. When intercepting images, the images can be intercepted at equal time intervals or at unequal time intervals. Equal time intervals refer to that the time intervals between any two adjacent frames of the intercepted images are equal, for example, one frame of image is intercepted every other frame. Unequal time intervals refer to that the time intervals between at least some of the adjacent frames of the intercepted images are unequal, for example, the 1st frame, the 6th frame, the 8th frame, the 10th frame, and the 12th frame are intercepted from the target video in sequence. As long as a total of n frames of images are intercepted in the end, the interception time interval can be determined according to the number of video frames included in the target video and the value of the n frames to be intercepted.

[0106] For another example, if the target video itself contains n frames of images, the target video can also be directly used as the target animation.

[0107] For another example, the target video may only include one frame of image, or one frame of image may be extracted from multiple frames of image of the target video, and the frame of image may be cut into different regions, each of which serves as a frame of image in the target animation.

[0108] When certain special display effects are required, the images in the target video can also be processed to generate the target animation. For example, to achieve the effect of displaying the local content of the illuminated image in the target animation, the illuminated image in the target video can be made into an animation and then displayed frame by frame. For another example, to achieve the effect of displaying the elements in the image in the target animation with dislocation and emergence, multiple frames of images in the target video can be arranged, and any two adjacent images can be partially overlapped, thereby generating one or more frames of images in the target animation, so that it has a dislocation and emergence display effect.

[0109] In the embodiment of the present disclosure, there may be multiple target videos, and n frames of images may be captured from the multiple target videos to generate the target animation, or the images in the multiple target videos may be processed to generate the target animation.

[0110] In the disclosed embodiment, there is no restriction on the content of the target animation, and any creative content can be carried except for the number of animation frames (e.g., n frames) and size. The size of the image in the target animation is the size of the container that carries the animation. If the size of the target video uploaded by the promotion account does not meet the regulations, a corresponding processing method can be set. One is to automatically detect the size of the uploaded target video when uploading. If the size does not meet the regulations, uploading to the platform server is not allowed; the other is to allow uploading, but the platform server will automatically crop or adjust the size of the image to make it meet the specified size.

[0111] In step S1030 , n frames of the target animation are mapped one-to-one to n intervals of the target area.

[0112] In the disclosed embodiment, there is no limitation on the number of images in the target animation, but the specific number of image frames should be the same as the number of divided intervals of the target area, and there is a one-to-one correspondence between the two.

[0113] Figure 11 Shown Figure 7 FIG. 1 is a schematic diagram of the processing process of step S720 in one embodiment. Figure 11 As shown, in the embodiment of the present disclosure, the above step S720 may further include the following steps.

[0114] In step S721 , a guideline on the display area of ​​the target animation is set.

[0115] In the embodiment of the present disclosure, the guideline refers to a line segment whose position in the display area of ​​the animation is preset, and can be used to determine the position information of the display area of ​​the target animation at the current moment.

[0116] In an embodiment of the present disclosure, the guideline can be set at any position of the display area of ​​the target animation, such as any one of the top, bottom, left, right, middle, etc. The guideline can be a straight line, but the present disclosure is not limited to this.

[0117] In step S722, the target interval where the reference line is currently located is determined from the n intervals as the position information.

[0118] In the embodiment of the present disclosure, it is automatically detected which interval of the n divided intervals the guideline on the display area of ​​the target animation is currently located in, and then the interval is used as the position information.

[0119] For example, Figure 12 The diagram schematically shows the correspondence between each interval and each frame image according to an embodiment of the present disclosure.

[0120] like Figure 12 As shown, the n frames of the target animation are displayed in sequence as a set of consecutively numbered images, such as images 1, 2, 3, 4, 5, 6, 7, and so on, up to image n. The entire area on the screen used to display information flow items is divided into n equally spaced rectangular sections, numbered 1, 2, 3, 4, 5, 6, 7, and so on, up to image n. Image 1 corresponds to section 1, image 2 corresponds to section 2, image 3 corresponds to section 3, image 4 corresponds to section 4, image 5 corresponds to section 5, image 6 corresponds to section 6, image 7 corresponds to section 7, and so on, up to image n corresponds to section n. A guideline is set at the top of the target animation's large image area; the image corresponding to the section where the guideline reaches is displayed.

[0121] For example, Figure 12 In the example, if the guideline is in interval 1, then picture 1 will be displayed.

[0122] It should be noted that when the user's finger slides on the screen, the information flow displayed on the information flow interface will move with the movement of the hand. For example, if the user's finger slides the information flow upward, the information flow will move upward, and if the user's finger slides the information flow downward, the information flow will move downward. At this time, the position of the reference line will change accordingly, and thus the position of the reference line can be used to determine which frame of the image should be displayed currently, but it has nothing to do with the position of the user's finger on the screen at this time.

[0123] Figure 13 Shown Figure 7 Schematic diagram of the processing process of step S740 in one embodiment. Figure 13 As shown, in the embodiment of the present disclosure, the above step S740 may further include the following steps.

[0124] In step S741, if the operation instruction is to slide the information flow interface in the first direction, each frame image of the n frame images of the target animation is displayed in sequence.

[0125] For example, the first direction can be from bottom to top with reference to the mobile phone screen, and it is set to the positive direction, that is, when the user slides the information flow interface in the positive direction, the first frame image, the second frame image, and the nth frame image are displayed in sequence. For details, please refer to the following Figure 14 However, the present disclosure is not limited thereto, and for example, any direction from left to right, from top to bottom, from right to left, etc. may be used as the first direction.

[0126] Continue to refer Figure 13The above step S740 may further include step S742: if the operation instruction is to slide the information flow interface in the second direction, then starting from the target image, each frame image of the n frames of the target animation is displayed in reverse order.

[0127] For example, the second direction can be from top to bottom with reference to the mobile phone screen, and it is set to the reverse direction, that is, when the user slides the information flow interface in the reverse direction, starting from the currently displayed target image, the frames of the n-frame images are displayed in reverse order, for example, the nth frame, the n-1th frame, the n-2th frame, and finally the 1st frame are displayed in sequence. For details, please refer to the following Figure 14 However, the present disclosure is not limited thereto, and for example, any direction from left to right, from bottom to top, from right to left, etc., may be used as the second direction. The first direction and the second direction may be different directions or opposite directions.

[0128] Figure 14 The diagram schematically shows forward and reverse sliding according to an embodiment of the present disclosure.

[0129] like Figure 14 As shown, assuming that at the beginning, the user slides his finger from bottom to top on the mobile phone screen, from interval 1 to interval 11, then the 1st to 11th frame images of the target animation are displayed in sequence. Afterwards, the user slides from top to bottom in the opposite direction starting from the 11th frame image to interval 8, then the 11th, 10th, 9th, and 8th frame images of the target animation are displayed in sequence.

[0130] Below through Figure 15-24 Here we take the promotion information of a certain game as an example.

[0131] like Figure 15 As shown in , when the user slides the information flow interface upward on the screen, the guideline of the display area of ​​the target animation is located in interval 1, and the first frame image of the target animation is displayed. Figure 16-20 As shown, as the user's finger continues to slide forward, the guideline reaches intervals 2, 3, 4, 5 and 6 in sequence, and the second, third, fourth, fifth and sixth frames of the target animation are displayed in sequence.

[0132] As the finger slides, the content displayed on the information flow interface changes accordingly with the speed and direction of the finger. If the user stops sliding, the large image area will display the frame of the target animation at that moment. Regardless of the frame the user stops at, sliding the information flow in the opposite direction will start from that frame and play the target animation in reverse order.

[0133] like Figure 21As shown in , assuming that the user's finger stays on the fourth frame image, when sliding in the reverse direction, the fourth frame image is displayed first. As the user's finger continues to slide downward in the reverse direction, the guide line reaches the intervals 3, 2, and 1 in sequence, then Figure 22-24 As shown, the third frame, the second frame, and the first frame of the target animation are displayed in reverse order.

[0134] In the above example, the text area of ​​the display area of ​​the target animation displays "Healing mini-games, release your work pressure" and other information below "Advertisement xxxxAPP download" and the "Download" virtual button do not change as the user's finger slides, but the present disclosure is not limited to this. In other embodiments, the content of these areas can also be updated according to actual needs.

[0135] It should be noted that, in the above-mentioned embodiment, when each frame image in the target animation is displayed on the information flow interface, it is displayed in the display area of ​​the target animation with a constant size, for example, according to the specified large image size, but the present disclosure is not limited to this. In other embodiments, when the user's finger slides forward and / or backward on the information flow interface, the displayed frames can be enlarged frame by frame, and the target image displayed during the enlargement process can exceed the display area of ​​the originally set target animation, thereby achieving a better dynamic display effect and better able to capture the user's attention. In some embodiments, it can also be set so that when the user's finger slides forward on the information flow interface, the frames displayed in sequence can be gradually enlarged; when the user's finger slides backward on the information flow interface, the frames displayed in reverse order can be gradually reduced, and so on.

[0136] The image processing method provided by the embodiment of the present disclosure provides a large-image display structure for the information flow, and creates an operation instruction that follows the up and down sliding of the information flow by the user's finger, playing the target animation in forward or reverse order, so that the dynamic content in the promotional information can have more sufficient display opportunities in the information flow, thereby improving the click-through rate of the content.

[0137] Figure 25 Schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure. Figure 25 As shown, the difference from the above embodiment is that the method provided by the embodiment of the present disclosure may also include the following steps.

[0138] In step S2510, when the previous screen of the target animation is displayed on the information flow interface, n frames of images of the target animation are loaded.

[0139] In the disclosed embodiment, the previous screen of the target animation refers to the information flow display interface when the target animation is about to be displayed but has not yet been displayed. That is, when the image of the target animation has not yet been displayed, the front end will preload the target animation. Since the preloading technology is used here, n frames of images can be loaded. Therefore, when the target animation is displayed on the information flow interface, it is no longer necessary to load frame by frame. Therefore, as the user's finger slides up and down on the screen, the target animation will not pause during the display process and can be played smoothly in sequence.

[0140] Figure 26 Shown Figure 25 Schematic diagram of the processing process of step S2510 in one embodiment. Figure 25 As shown, in the embodiment of the present disclosure, the above step S2510 may further include the following steps.

[0141] In step S2511, a static preview image among n frames of the target animation is determined.

[0142] In the disclosed embodiment, when the promotion account terminal uploads a target video, any frame thereof may be selected as a static preview image of the target animation.

[0143] In step S2512, the static preview image is loaded.

[0144] When the user terminal loads the target animation, it can be set to load the selected static preview image first.

[0145] In step S2513, the other images in the n frames of images except the static preview image are loaded in sequence.

[0146] After the static preview images are loaded first, other images will be loaded in sequence. The specific loading order can be found below. Figure 27 .

[0147] In an exemplary embodiment, the method may further include: displaying the static preview image when the target image fails to load.

[0148] In this way, when one or several frames of the target animation cannot be loaded successfully, the dynamic effect may not be displayed, but only the selected static preview image may be displayed instead of displaying text or pictures like "loading" to the user, thereby improving the user experience and also conveying at least part of the promotional information to the user.

[0149] Figure 27 The diagram schematically shows an image loading sequence according to an embodiment of the present disclosure.

[0150] like Figure 27 As shown, it is assumed here that the 25th frame image of the target animation is selected as the static preview image, and the loading order is: the 25th frame, the 1st frame to the 24th frame, and the 26th frame to the nth frame.

[0151] Figure 28 Schematically shows a flow chart of an image processing method according to another embodiment of the present disclosure. Figure 28 As shown, the difference from the above embodiment is that the method provided by the embodiment of the present disclosure may also include the following steps.

[0152] In step S2810, the distribution information of the target animation is obtained.

[0153] In an embodiment of the present disclosure, when uploading a target video, the promotion account terminal may simultaneously upload the distribution information of the target animation set by it. The distribution information may, for example, include at least one of the following: the distance between the geographical location of the user account and the set geographical location (for example, the geographical location of the merchant corresponding to the promotion information) is less than a predetermined threshold; whether the user's gender meets the set conditions; whether the user's age meets the set conditions; whether the user's occupation meets the set conditions; the time conditions for the release of the promotion information; the number of times the promotion information is released, etc.

[0154] For another example, the distribution information may further include: whether the user has watched the target animation within one day, whether the user has given negative feedback after watching the target animation, etc. The present disclosure does not limit the setting method and content of the distribution information.

[0155] In step S2820, the target distribution object of the target animation is determined according to the distribution information.

[0156] For example, if the distribution information includes: the distance from the set geographic location "Location C" is less than 1000 meters, and the user's gender is female, then the distance between the user's geographic location and "Location C" is detected to be less than 1000 meters, and the user's gender is detected to be female. If the detection result meets the distribution information, the user is determined to be the target distribution object of the target animation; if the detection result does not meet the distribution information, the user is not the target distribution object.

[0157] In step S2830, the target animation is sent to the information flow interface of the target distribution object.

[0158] For example, if it is detected that a certain user is the target distribution object for viewing the interactive large picture, the target animation is sent to the information flow interface corresponding to the target distribution object and is randomly presented in the information flow.

[0159] The target distribution object that receives the target animation can interact with the dynamic information of the promotion account through comment operations or like operations.

[0160] The image processing method provided by the embodiment of the present disclosure can, on the one hand, increase the information expression capability of more dimensions, attract user attention, further improve the efficiency of content distribution, and at the same time provide advertisers with more options, creating the scalability of the advertising ecosystem in many aspects. On the other hand, by making the method of playing the target animation when the user slides the information flow into a basic function, the output party (including all those who output animation content) can more freely and freely output creative and interactive information flow content, rather than being limited to the style of two static large pictures. And each time these creative contents are output, there is no need for front-end development to customize them. The output party can flexibly configure the information content without being limited to a single switching method and image expression method. The front-end development also does not need to carry out development work based on the creativity and needs of the output party each time, greatly reducing the development workload, improving output efficiency and presentation results. At the same time, inserting a target animation containing promotional information into the information flow can combine big data and artificial intelligence technology to achieve precise delivery, which can have a good brand exposure effect. When the user slides the information flow to the display area of ​​the target animation, the target animation is played dynamically frame by frame, and the strong sense of interaction easily catches the user's attention. In the era of mobile Internet, even keeping users' attention for one second longer is a competitive advantage for advertisers.

[0161] Figure 29 The block diagram schematically shows an image processing apparatus according to an embodiment of the present disclosure.

[0162] like Figure 29 As shown, the image processing device 2900 provided by the embodiment of the present disclosure may include: an interface display module 2910 , a position determination module 2920 , a target image determination module 2930 and a target image display module 2940 .

[0163] Among them, the interface display module 2910 can be configured to display an information flow interface. The position determination module 2920 can be configured to determine the position information of the display area of ​​the target animation in the information flow interface in response to an operation instruction on the information flow interface. The target animation can include n frames of images arranged in sequence, where n can be a positive integer greater than or equal to 3. The target image determination module 2930 can be configured to determine the target image from the n frames of the target animation based on the position information. The target image display module 2940 can be configured to control the display of the target image on the information flow interface.

[0164] In an exemplary embodiment, the image processing device 2900 may further include: a region determination module, which may be configured to determine a target region in the information flow interface; and an interval division module, which may be configured to divide the target region into n intervals in sequence.

[0165] In an exemplary embodiment, the image processing device 2900 may also include: a video acquisition module, which can be configured to acquire a target video; an image acquisition module, which can be configured to obtain n frames of images based on the target video for generating the target animation; and an image interval correspondence module, which can be configured to correspond the n frames of images of the target animation to the n intervals of the target area one by one.

[0166] In an exemplary embodiment, the position determination module 2920 may include: a guideline setting unit, which can be configured to set a guideline on the display area of ​​the target animation; a position determination unit, which can be configured to determine the target interval where the guideline is currently located from the n intervals as the position information.

[0167] In an exemplary embodiment, the target image display module 2940 may include: a forward playback unit, which may be configured to display each frame of the n frames of the target animation in sequence if the operation instruction is to slide the information flow interface in a first direction.

[0168] In an exemplary embodiment, the target image display module 2940 may also include: a reverse playback unit, which can be configured to display each frame of the n frames of the target animation in reverse order starting from the target image if the operation instruction is to slide the information flow interface in the second direction.

[0169] In an exemplary embodiment, the image processing device 2900 may further include: a preloading module, which may be configured to load n frames of images of the target animation when the previous screen of the target animation is displayed on the information flow interface.

[0170] In an exemplary embodiment, the preloading module may include: a preview image determination unit, which can be configured to determine a static preview image among n frames of the target animation; a preview image loading unit, which can be configured to load the static preview image; and an other image loading unit, which can be configured to sequentially load other images among the n frames of the image except the static preview image.

[0171] In an exemplary embodiment, the image processing apparatus 2900 may further include: a preview image display unit, which may be configured to display the static preview image when the target image fails to load.

[0172] In an exemplary embodiment, the image processing device 2900 may also include: a distribution information acquisition module, which can be configured to obtain the distribution information of the target animation; a distribution object determination module, which can be configured to determine the target distribution object of the target animation based on the distribution information; and an animation sending module, which can be configured to send the target animation to the information flow interface of the target distribution object.

[0173] The specific implementation of each module and unit in the image processing device provided by the embodiment of the present disclosure can refer to the content of the above-mentioned image processing method, and will not be repeated here.

[0174] It should be noted that although several modules and units of the device for action execution are mentioned in the detailed description above, this division is not mandatory. In fact, according to the embodiments of the present disclosure, the features and functions of two or more modules and units described above can be embodied in one module and unit. Conversely, the features and functions of one module and unit described above can be further divided into multiple modules and units to be embodied.

[0175] Through the description of the above embodiments, it is easy for those skilled in the art to understand that the example embodiments described herein can be implemented by software or by combining software with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a touch terminal, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.

[0176] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.

[0177] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An image processing method, characterized in that: include: Display the information flow interface; Processing the image in the target video to generate the target animation includes: making the lighted picture in the target video into the target animation so as to display it in frames; or arranging multiple frames of images in the target video with partial overlap between any two adjacent images to generate the image in the target animation; In response to an operation instruction on the information flow interface, determine the position information of the display area of ​​the target animation in the information flow interface, the target animation includes n frames of images arranged in sequence, n is a positive integer greater than or equal to 3, and the display area of ​​the target animation includes a text area at the top for displaying promotional text, a large image area for displaying the target animation, and a virtual key area at the bottom for displaying other information of the promotional information, the other information including the name and external link of the promotional information; Determine a target image from n frames of images of the target animation according to the position information; Control the target image to be displayed on the information flow interface so that n frames of the target animation are displayed sequentially in the large image area of ​​the display area of ​​the target animation and the promotional text displayed in the text area of ​​the display area of ​​the target animation and the virtual buttons of other information of the promotional information displayed at the bottom of the display area of ​​the target animation do not change.

2. The image processing method according to claim 1, characterized in that: Also includes: Determining a target area in the information flow interface; The target area is divided into n intervals in sequence.

3. The image processing method according to claim 2, characterized in that: Also includes: Get the target video; Obtaining n frames of images according to the target video to generate the target animation; The n frames of the target animation are matched one by one with the n intervals of the target area.

4. The image processing method according to claim 3, characterized in that: In response to an operation instruction on the information flow interface, determining position information of a display area of ​​a target animation in the information flow interface includes: Setting a guideline on a display area of ​​the target animation; A target interval where the reference line is currently located is determined from the n intervals as the position information.

5. The image processing method according to claim 1, characterized in that: Controlling the target image to be displayed on the information flow interface includes: If the operation instruction is to slide the information flow interface in a first direction, each frame image of the n frame images of the target animation is displayed in sequence on the information flow interface.

6. The image processing method according to claim 5, characterized in that: Controlling the target image to be displayed on the information flow interface also includes: If the operation instruction is to slide the information flow interface in the second direction, each frame image of the n frames of the target animation is displayed on the information flow interface in reverse order starting from the target image.

7. The image processing method according to claim 1, characterized in that: Also includes: When the previous screen of the target animation is displayed on the information flow interface, n frames of images of the target animation are loaded.

8. The image processing method according to claim 7, characterized in that: Loading n frames of the target animation, including: Determine a static preview image among n frames of the target animation; Loading the static preview image; The other images in the n frames of images except the static preview image are loaded in sequence.

9. The image processing method according to claim 8, characterized in that: Also includes: When the target image fails to load, the static preview image is displayed.

10. The image processing method according to claim 1, characterized in that: Also includes: Obtaining distribution information of the target animation; Determine a target distribution object of the target animation according to the distribution information; The target animation is sent to the information flow interface of the target distribution object.

11. An image processing device, characterized in that: include: An interface display module, configured to display an information flow interface; a position determination module, configured to process the image in the target video to generate a target animation, which includes: making the lighted picture in the target video into the target animation so as to facilitate frame display; or arranging multiple frames of images in the target video, with partial overlap between any two adjacent images, to generate the image in the target animation; in response to an operation instruction on the information flow interface, determining the position information of the display area of ​​the target animation in the information flow interface, the target animation includes n frames of images arranged in sequence, n is a positive integer greater than or equal to 3, and the display area of ​​the target animation includes a text area at the top for displaying promotional text, a large picture area for displaying the target animation, and a virtual key area at the bottom for displaying other information of the promotional information, the other information including the name and external link of the promotional information; a target image determination module, configured to determine a target image from n frames of images of the target animation according to the position information; The target image display module is configured to control the display of the target image on the information flow interface so that n frames of the target animation are displayed sequentially in the large image area of ​​the display area of ​​the target animation and the promotional text displayed in the text area of ​​the display area of ​​the target animation and the virtual buttons of other information of the promotional information displayed at the bottom of the display area of ​​the target animation do not change.

12. The image processing device according to claim 11, characterized in that: Also includes: An area determination module, configured to determine a target area in the information flow interface; The interval division module is configured to divide the target area into n intervals in sequence.

13. The image processing device according to claim 12, characterized in that: Also includes: A video acquisition module, configured to acquire a target video; An image acquisition module, configured to acquire n frames of images according to the target video, so as to generate the target animation; The image interval corresponding module is configured to correspond the n frames of the target animation to the n intervals of the target area one by one.

14. The image processing device according to claim 13, characterized in that: The location determination module comprises: A guideline setting unit configured to set a guideline on a display area of ​​the target animation; The position determination unit is configured to determine the target interval where the reference line is currently located from the n intervals as the position information.

15. The image processing device according to claim 11, characterized in that: The target image display module comprises: The forward playback unit is configured to display each frame of the n frames of the target animation in sequence if the operation instruction is to slide the information flow interface in a first direction.

16. The image processing device according to claim 15, characterized in that: The target image display module also includes: The reverse playback unit is configured to display each frame of n frames of the target animation on the information flow interface in reverse order starting from the target image if the operation instruction is to slide the information flow interface in the second direction.

17. The image processing device according to claim 11, characterized in that: Also includes: The preloading module is configured to load n frames of images of the target animation when the previous screen of the target animation is displayed on the information flow interface.

18. The image processing device according to claim 17, characterized in that: The preloading module comprises: A preview image determining unit, configured to determine a static preview image among n frames of the target animation; The preview image loading unit is configured to load the static preview image; the other image loading unit can be configured to load other images in the n frames of images except the static preview image in sequence.

19. The image processing device according to claim 18, characterized in that: Also includes: The preview image display unit is configured to display the static preview image when the target image fails to load.

20. The image processing device according to claim 11, characterized in that: Also includes: A distribution information acquisition module, configured to acquire distribution information of the target animation; A distribution object determination module, configured to determine a target distribution object of the target animation according to the distribution information; The animation sending module is configured to send the target animation to the information flow interface of the target distribution object.

21. An electronic device, characterized in that: include: one or more processors; A storage device configured to store one or more programs, when the one or more programs are executed by the one or more processors, the one or more processors implement the image processing method according to any one of claims 1 to 10.

22. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the image processing method according to any one of claims 1 to 10 is implemented.

23. A computer program product, characterized in that The computer program comprises a computer program, which implements the image processing method according to any one of claims 1 to 10 when executed by a central processing unit.

Images