WO2021139353A1 - 物品显示方法、装置、计算机设备及存储介质 - Google Patents

物品显示方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
WO2021139353A1
WO2021139353A1 PCT/CN2020/124954 CN2020124954W WO2021139353A1 WO 2021139353 A1 WO2021139353 A1 WO 2021139353A1 CN 2020124954 W CN2020124954 W CN 2020124954W WO 2021139353 A1 WO2021139353 A1 WO 2021139353A1
Authority
WO
WIPO (PCT)
Prior art keywords
information
display
picture
target item
item
Prior art date
Application number
PCT/CN2020/124954
Other languages
English (en)
French (fr)
Inventor
韩瑞
王丽云
刘思麟
郑任君
李婷婷
王涛
Original Assignee
腾讯科技（深圳）有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2021139353A1 publication Critical patent/WO2021139353A1/zh
Priority to US17/682,930 priority Critical patent/US11954710B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0277—Online advertisement
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0242—Determining effectiveness of advertisements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0631—Item recommendations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces
    • G06Q30/0643—Graphical representation of items or shoppers

Definitions

  • the embodiments of the present application relate to the field of computer technology, and in particular to an item display method, device, computer equipment, and storage medium.
  • the media information can include text, pictures, etc. related to the item, and can also include a link to the item.
  • the media information is usually displayed in a static manner. This display method is too rigid, causing the media information to be easily ignored by users, failing to attract the user's attention, and resulting in poor item recommendation effects.
  • the embodiments of the present application provide an item display method, device, computer equipment, and storage medium, which can improve the recommendation effect of items.
  • the technical solution is as follows:
  • an article display method includes:
  • the media information includes at least one picture, and at least one picture in the media information includes a target item;
  • an article display device which includes:
  • the first display module is configured to display media information through an information display interface, the media information includes at least one picture, and at least one picture in the media information includes a target item;
  • the second display module is configured to display detailed information of the target item through the information display interface in response to the display position of the media information meeting a preset condition;
  • the third display module is configured to display the dynamic effect of the target item moving from the media information to the preset position in the detailed information while displaying the detailed information.
  • an article display method in another aspect, and the method includes:
  • the media information includes at least one picture, at least one picture in the media information includes the target item, and the media information and the details
  • the information is on different cards;
  • the dynamic effect of the target item moving from the media information to the card where the detailed information is displayed is displayed through the information display interface.
  • an article display device which includes:
  • the first display module is configured to display media information and detailed information of a target item through an information display interface, the media information includes at least one picture, at least one picture in the media information includes the target item, and The media information and the detailed information are located on different cards;
  • the second display module is configured to respond to the display position of the media information satisfying a preset condition, and display the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface .
  • an article display method which is characterized in that the method includes:
  • the dynamic effect that the picture containing the target item in the media information moves to the preset position in the detailed information is displayed.
  • an article display device which is characterized in that the device includes:
  • the first display module is configured to display media information through an information display interface, the media information includes at least one picture, and at least one picture in the media information includes the target item;
  • the second display module is configured to display the detailed information of the target item while displaying the picture of the target item in the media information and move to a preset in the detailed information in response to receiving a user browsing operation Dynamic effects of location.
  • a computer device in another aspect, includes a processor and a memory, and at least one piece of program code is stored in the memory, and the at least one piece of program code is loaded and executed by the processor to realize the The operations performed in the item display method are described.
  • a computer-readable storage medium is provided, and at least one piece of program code is stored in the computer-readable storage medium, and the at least one piece of program code is loaded and executed by a processor, so as to implement the item display method as described above. The operation performed in.
  • the method, device, computer equipment, and storage medium provided by the embodiments of the present application display media information through an information display interface, and in response to the display position of the media information meeting a preset condition, display the detailed information of the target item through the information display interface. At the same time, it displays the dynamic effect of the target item moving from the media information to the preset position in the detailed information, which realizes the dynamic display of the target item, enriches the display method of the target item, can attract the user's attention and attract the attention of the user , And then improve the recommendation effect of the target item.
  • the preset focus area in response to the display position of the media information being located in the preset focus area of the information display interface, the detailed information of the target item is displayed through the information display interface, and the dynamic effect of the target item is displayed at the same time, so as to prevent the media information from being displayed.
  • the item information is displayed, which causes the user to ignore the item information, which enhances the display of item information and improves the recommendation effect of the target item.
  • the display of detailed information gradually moves from the display position of the media information along the specified direction, and the dynamic effect of the gradual display of detailed information during the movement enriches the page display effect, attracts users’ attention, and improves The recommended effect of the target item.
  • the dynamic effect of the target item moving along the movement path and rotating according to the rotation angle is displayed, clarifying the specific display form of the dynamic effect.
  • the picture frames are automatically filled to play the tween animation, which fully displays the dynamic effect of the target item moving from the media information to the preset position in the detailed information, which completes the details of the solution.
  • the second item picture is set to a transparent state, which is good for the subsequent display of the movement of the target item The basic preparation. Later, the picture of the second item can be set to an opaque state, showing the effect that the target item is gradually displayed.
  • Fig. 1 is a schematic diagram of an implementation environment provided by an embodiment of the present application.
  • Fig. 2 is a schematic diagram of another implementation environment provided by an embodiment of the present application.
  • Fig. 3 is a flowchart of an item display method provided by an embodiment of the present application.
  • Fig. 4 is a schematic diagram of an information display interface provided by an embodiment of the present application.
  • Fig. 5 is a schematic diagram of an information display interface provided by an embodiment of the present application.
  • Fig. 6 is a schematic diagram of an information display interface provided by an embodiment of the present application.
  • Fig. 7 is a flowchart of another item display method provided by an embodiment of the present application.
  • Fig. 8 is a flowchart of another item display method provided by an embodiment of the present application.
  • Fig. 9 is a flowchart of another item display method provided by an embodiment of the present application.
  • Fig. 10 is a flowchart of another item display method provided by an embodiment of the present application.
  • FIG. 11 is a schematic structural diagram of an article display device provided by an embodiment of the present application.
  • FIG. 12 is a schematic structural diagram of another article display device provided by an embodiment of the present application.
  • FIG. 13 is a schematic structural diagram of an article display device provided by an embodiment of the present application.
  • FIG. 14 is a schematic structural diagram of another article display device provided by an embodiment of the present application.
  • FIG. 15 is a schematic structural diagram of an article display device provided by an embodiment of the present application.
  • FIG. 16 is a schematic structural diagram of another article display device provided by an embodiment of the present application.
  • FIG. 17 is a schematic structural diagram of a terminal provided by an embodiment of the present application.
  • FIG. 18 is a schematic structural diagram of a server provided by an embodiment of the present application.
  • the embodiment of the application provides an item display method, which can display media information containing a target item in an information display interface.
  • the detailed information of the target item is displayed through the information display interface.
  • the dynamic effect of displaying the target item moving from the media information to the preset position in the detailed information realizes the dynamic display of the target item.
  • the dynamic display method is more vivid and flexible and easy to attract the user's attention. , Improve the recommendation effect of target items.
  • FIG. 1 is a schematic diagram of an implementation environment provided by an embodiment of the present application.
  • the implementation environment includes: a terminal 101 and a server 102.
  • the terminal 101 is connected to the server 102.
  • the terminal 101 is a mobile phone, a computer, a tablet computer, etc.
  • the server 102 is a server, or a server cluster composed of several servers, or a cloud computing service center.
  • the server 102 can send media information to the terminal 101, and the terminal 101 displays the media information for the user to view the media information.
  • the terminal 101 can also dynamically display the target item to attract the user's attention.
  • the way of dynamic display includes displaying the detailed information of the target item contained in the media information and simultaneously displaying the dynamic effect of the target item moving from the media information to the preset position in the detailed information. Or when the media information and detailed information are displayed on different cards, the dynamic effect of the target item moving from the media information to the card where the detailed information is located is displayed. Or, while displaying the detailed information, display the dynamic effect that the picture containing the target item moves from the media information to the preset position in the detailed information.
  • the terminal 101 logs in to the server 102 based on the user ID, and the user ID is used to determine the identity of the user of the terminal 101, and may be a user name, a user nickname, a user account, and the like.
  • the media information is the media information automatically recommended to the user by the server 102, or is the media information published on the server 102 by the friend user ID of the user, or is any user ID that logs in to the server 102 Media information published on the server 102.
  • the implementation environment also includes a terminal 103.
  • the terminal 103 obtains the media information to be published and sends it to the server 102.
  • the server 102 publishes the media information, that is, to the terminal that logs in to the server 102. 101 sends the media information, and the terminal 101 can display the media information.
  • the method provided in the embodiment of the present application can be applied in any scenario of recommending items.
  • a product advertisement scenario the advertiser uploads the product image and product link to the server, and the server divides the background in the product image from the product to obtain a background display image that does not contain the product and a product display image that only contains the product.
  • Background display pictures, product display pictures, and product links are stored in the advertisement database as product information, or the product pictures, background display pictures, product display pictures, and product links are stored in the advertisement database as product information.
  • the terminal displays the detailed information of the product when the media information is displayed, and the detailed information includes background display pictures and Commodity links, excluding product pictures and product display pictures, and display product details while displaying the dynamic effects of product pictures moving from media information to background display pictures, and finally the product display pictures are integrated with the background display pictures Get product pictures.
  • Fig. 3 is a flowchart of an item display method provided by an embodiment of the present application.
  • the execution subject of the embodiment of the present application is a terminal. Referring to FIG. 3, the method includes:
  • a terminal displays media information through an information display interface.
  • the media information includes at least one picture, and at least one picture in the media information includes a target item.
  • the information display interface is an interface for displaying information in the terminal, and is an interface used to display the user ID and the media information published by the friend user ID of the user ID, or the information display interface is information provided by the server The display interface is used to display the media information issued by each user ID that logs in to the server.
  • the information display interface is a web page or a display interface in an application, for example, the application is an instant messaging application, an information sharing application, a Weibo application, or other applications. Or the information display interface is another type of display interface.
  • the information display interface includes a media information display area. In some embodiments, the media information display area is located at the top area, bottom area, middle area, or any position of the information display interface. The media information display area is used to display one or more pieces of media information.
  • the media information includes text, pictures, videos, and item links.
  • the media information also includes publisher information.
  • the publisher information includes the publisher’s avatar, publisher identifier, and publishing time.
  • the publisher identifier is the identity of the user who publishes the media information, such as user account or user nickname, etc.
  • the publisher ID is an individual user ID or a public user ID belonging to an organization, such as a public account of an advertiser.
  • the media information is displayed in the information display interface in the form of a card, where the card refers to a display unit used to display information in the information display interface.
  • the card may be in the shape of a box, such as a rectangle or a square. Displays the information contained in the card.
  • the information contained in the card can include text, picture, video, etc., and the card also has display styles, including text color, background color, icon style, border style, etc.
  • the display styles of different cards can be the same or different.
  • the embodiment of this application takes a piece of displayed media information as an example.
  • the terminal obtains an information stream, and the information stream includes multiple pieces of media information.
  • the processing process for each piece of media information is similar to this , I won’t repeat it here.
  • the media information includes at least one picture, and at least one picture in the media information includes a target item.
  • the target items are various types of items such as watches, clothes, accessories, cosmetics, etc., which are not limited in the embodiment of the present application.
  • the information display interface is shown in Figure 4, the media information includes publisher information 401, text 402, and pictures 403, and the publisher information 401 includes the publisher’s avatar, the publisher’s logo "outdoor watch", and the release time "06". -02 15:57”.
  • an operation area 404 is displayed below the media information.
  • the operation area 404 includes operation options for the media information for the user to trigger, such as comment options, like options, etc.
  • the user triggers the comment option, which can comment on the media information, and the trigger point Like option, you can like or unlike the media information.
  • the terminal In response to the display position of the media information being located in the preset focus area of the information display interface, the terminal displays detailed information of the target item through the information display interface.
  • the terminal When the user views the media information on the information display interface, the user performs a sliding operation on the information display interface, and the terminal detects the sliding operation in the information display interface, and moves the media information according to the sliding direction of the sliding operation, then the media information is displayed in the information display interface
  • the display position of will change as the sliding operation progresses.
  • the detailed information of the target item is correspondingly displayed when the media information is displayed for the user to view.
  • the terminal presets a preset condition that the display position of the media information should meet, and obtains item information of one or more items.
  • the item information includes at least detailed information and may also include other item information.
  • the display position of the media information is acquired, and in response to the display position meeting the preset condition, it means that the user is viewing the media information, and the detailed information of the target item is displayed. In response to the display position not satisfying the preset condition, it means that the user may be viewing other media information without viewing this piece of media information. At this time, the detailed information of the target item is not displayed.
  • the preset condition includes: the display position of the media information is located in the preset focus area of the information display interface.
  • the terminal presets a preset focus area in the information display interface, and the preset focus area is the area where the user's line of sight is aligned when viewing the information display interface, that is, the area that the user is more likely to pay attention to.
  • the terminal obtains the display position of the media information, and in response to the display position being located in the preset focus area, it indicates that the user is viewing the media information and displays the detailed information of the target item.
  • the display position is not located in the preset focus area, it means that the user may be viewing other media information, but not this piece of media information, and the detailed information of the target item is not displayed at this time.
  • the preset focus area has a certain size and shape, and is the middle area of the information display interface, such as an area whose distance from the top of the information display interface is greater than the first preset distance and less than the second preset distance, or is connected to the information display The area at the bottom of the interface is greater than the third preset distance and less than the fourth preset distance.
  • the preset focus area is an area where the central axis overlaps the central axis of the information display interface, and the width of the preset focus area is equal to the width of the information display interface, and the height is the preset height. In this case, the display position of the media information can be determined according to the central axis of the media information.
  • whether the display position of the media information is located in the preset focus area can be determined according to the distance between the central axis of the media information and the preset focus area.
  • the distance between the central axis is determined. Therefore, the terminal acquires the distance between the central axis of the media information and the central axis of the preset focus area, and in response to the distance being less than the preset distance threshold, determines that the display position of the media information is located in the preset focus area. In response to the distance being not less than the preset distance threshold, it is determined that the display position of the media information is not located in the preset focus area.
  • the area where the central axis coincides with the central axis of the information display interface is the middle area of the entire information display interface, the user will first pay attention to this area when viewing the information display interface.
  • This area is the preset focus area, which is more consistent. The user’s behavior and habits make it easier for users to view media information, detailed information, and target items.
  • the detailed information is used to display the target item, including related information about the target item, such as the function introduction of the target item, usage method, ranking among similar items, and links to the target item display interface. Links to items, etc.
  • the user views the detailed information of the target item, understands the target item, and can also enter the target item display interface by triggering the item link, where the target item is displayed in more detail in the target item display interface, or The target item can be purchased in the target item display interface, the target item can be added to the shopping cart, and so on.
  • the detailed information also includes a preset position. The preset position is used to display the target item.
  • the preset position does not contain the target item before the detailed information is displayed.
  • the setting position can be a blank position, or other information in the detailed information can also be displayed.
  • the dynamic effect of the target item moving from the media information to the preset position in the detailed information will be displayed.
  • the preset position can contain the target item.
  • the preset position in the detailed information contains other information. While the detailed information is displayed, the dynamic effect of the target item moving from the media information to the preset position will be displayed.
  • the information will be reorganized, and the information originally displayed in the preset position will be displayed in other positions, so that the preset position is vacant, so that the target item can be displayed in the preset position.
  • the detailed information is displayed at any position in the information display interface.
  • the detailed information is displayed on one side of the specified direction of the media information.
  • the specified direction includes at least one of left, right, top, or bottom, which can be set by default by the terminal or performed by the user. Set up.
  • the operation area 404 located below the media information moves downward, and the detailed information of the target item is displayed below the media information 405.
  • the detailed information 405 includes the introduction of the target item "an outdoor watch that is also appealing to tough guys, specially designed for outdoor sports enthusiasts, taking into account comfort and practicality", the display picture 406 of the target item, the price of the target item "1388.00” and the target Item purchase option 407. Among them, the display picture 406 currently does not contain the target item, and the target item may be displayed later.
  • the terminal displays the detailed information gradually moving from the display position of the media information along the specified direction, and the dynamic effect of gradually displaying the detailed information during the movement, realizes the dynamic display of the detailed information, which can attract The user's attention.
  • the detailed information gradually moves along the specified direction, which means that part of the information currently displayed in the detailed information moves, and the remaining part of the information that is not displayed is gradually displayed until all the information of the detailed information is displayed, thereby making the detailed information never complete
  • the displayed state transitions to the fully displayed state.
  • the gradual display of the detailed information refers to the transition of the detailed information from a transparent state to an opaque state. For example, the transparency of the detailed information starts from 100% and gradually decreases until the transparency of the detailed information becomes 0%.
  • the terminal displays the detailed information 405 gradually moving downward from the display position of the media information through the information display interface, and the dynamic effect of the detailed information 405 being gradually displayed during the movement, realizes the dynamic display of the detailed information, which can attract The user's attention.
  • the detailed information can also be displayed on the information display interface in the form of a card.
  • the media information and the detailed information can be located on the same card or on different cards. If the media information and the detailed information are located on different cards, the two The cards can be two cards next to each other, or two cards separated by at least one card.
  • the terminal While displaying the detailed information, the terminal displays the dynamic effect of the target item moving from the media information to the preset position in the detailed information.
  • the dynamic effect of the target item moving from the media information to the preset position in the detailed information is displayed through the information display interface while the detailed information is displayed, thereby realizing the target item
  • the dynamic display of, thereby attracting the user’s attention and improving the recommendation effect of the target item is displayed.
  • displaying the dynamic effect of the target item moving from the media information to the preset position in the detailed information includes any of the following methods:
  • the first is to obtain the moving path of the target item.
  • the moving path is from the original position of the target item to the preset position in the detailed information. While displaying the detailed information, the dynamic effect of the target item moving according to the moving path is displayed.
  • the target item when the media information is displayed, the target item is located in any picture in the media information, and the position of the target item in the picture is the original position of the target item.
  • the end position of the target item is also set in the target picture, that is, the preset position in the detailed information. Therefore, it can be obtained from the original position to the original position according to the original position and the preset position.
  • the movement path of the preset position controls the target item to move according to the movement path, thereby displaying the dynamic effect of the target item moving according to the movement path, that is, the dynamic effect of moving from the media information to the preset position in the detailed information.
  • the second method is to obtain the movement path and rotation angle of the target item.
  • the movement path is from the original position of the target item to the preset position in the detailed information.
  • the rotation angle is determined by the first angle of the target item at the original position and the second angle at the preset position. Two angles are determined. While displaying the detailed information, the dynamic effect of the target item moving according to the movement path and rotating according to the rotation angle is displayed. Wherein, displaying the dynamic effect of the target item moving according to the movement path is similar to the first method described above, and will not be repeated here.
  • the target item when displaying media information, the target item is located in any picture in the media information, and the position of the target item in the picture is the original position of the target item, and at the original position, the target item has a certain display Angle, for example, the front of the target item is parallel to the picture where it is located, that is, the picture is the front image of the target item, or the side of the target item is parallel to the picture where it is located, that is, the picture is the side image of the target item, or the top of the target item faces up or Wait with the top down.
  • the display angle of the target item is also set at the preset position, which means that the target item needs to be displayed at the preset position according to the display angle.
  • the rotation angle of the target item is determined according to the first angle and the second angle, While displaying the detailed information, the dynamic effect of the target item rotating according to the rotation angle is displayed.
  • the rotation angle may be the difference between the first angle and the second angle.
  • the first angle of the watch in the original position is the horizontal angle (0 degrees)
  • the second angle in the display picture 406 is the vertical angle (270 degrees). If the two are inconsistent, the first angle and The second angle difference of 270 degrees is used as the rotation angle of the watch. While displaying the detailed information 405, the dynamic effect of counterclockwise rotation during the fall of the watch is displayed at the same time, until the watch falls to the display picture 406.
  • media information is displayed through an information display interface, and in response to the display position of the media information meeting a preset condition, the detailed information of the target item is displayed through the information display interface. While displaying the detailed information, the target item is displayed from The dynamic effect of moving the media information to the preset position in the detailed information realizes the dynamic display of the target item, enriches the display mode of the target item, can attract the user's attention, attract the attention of the user, and improve the recommendation effect of the target item .
  • the way of dynamically displaying the target item can effectively attract the user's attention.
  • the preset focus area in response to the display position of the media information being located in the preset focus area of the information display interface, the detailed information of the target item is displayed through the information display interface, and the dynamic effect of the target item is displayed at the same time, so as to prevent the media information from being displayed.
  • the item information is displayed, which causes the user to ignore the item information, which enhances the display of item information and improves the recommendation effect of the target item.
  • the display of detailed information gradually moves from the display position of the media information along the specified direction, and the dynamic effect of the gradual display of detailed information during the movement enriches the page display effect, attracts users’ attention, and improves The recommended effect of the target item.
  • the dynamic effect of the target item moving according to the moving path is displayed, or the target item is moving and moving according to the moving path.
  • the dynamic effect of rotating according to the rotation angle clarifies the display form of the dynamic effect.
  • the target item contained in the media information is taken as an example to describe the process of dynamically displaying the target item.
  • the target item contained in the media information is taken as an example to describe the process of dynamically displaying the target item.
  • Fig. 7 is a flowchart of another item display method provided by an embodiment of the present application.
  • the execution subject of the embodiment of the present application is a terminal. Referring to FIG. 7, the method includes:
  • the terminal obtains media information, where the media information includes multiple pictures.
  • the terminal there are many ways for the terminal to obtain media information.
  • the terminal logs in to the server based on the user ID, and the user enters media information on the terminal, the terminal obtains the media information, and subsequently can display the media information through the information display interface, and can also send the media information to the server If the server publishes the media information, the terminals corresponding to other user IDs can also display the media information. Or, the terminal logs in to the server based on the user ID, and the terminal corresponding to the other user ID sends the media information to the server, and the server publishes the media information, then this terminal can also receive the media information sent by the server, and then it can also display it through the information display interface. The media information.
  • the terminal logs in to the server based on the user ID, and the server obtains one or more pieces of media information in advance as the media information to be recommended.
  • the server selects the media information from the recommendation algorithm according to the recommendation algorithm and sends it to the terminal, and the terminal can receive the media information recommended by the server.
  • the media information can also be displayed through the information display interface later.
  • the media information may include not only multiple pictures, but also information in other formats such as text and video, which is not limited in the embodiment of the present application.
  • the terminal provides an entrance to the information display interface, the user triggers the entrance, and the terminal detects the triggering operation of the entrance, then displays the information display interface. At this time, the terminal obtains the media information to be displayed, so that the information can be displayed The interface displays media information. Or, when the terminal displays the information display interface, the user performs a refresh operation, and the terminal detects the refresh operation and obtains updated media information, so that the media information can be displayed through the information display interface. In addition, in order to realize the dynamic display of the target item, the terminal does not display the media information immediately when it obtains the media information, but performs processing by executing the following steps 702-705, and displays the media information after the processing is completed.
  • the terminal selects the first item picture containing the target item from multiple pictures.
  • the terminal selects the first item picture containing the target item from the multiple pictures in the media information, and subsequently moves the target item from the first item picture to the preset position in the detailed information.
  • the media information contains multiple pictures, and one picture contains the target item, and the picture containing the target item is used as the first item picture.
  • the media information contains multiple pictures, and the multiple pictures contain the target item, then a picture is randomly selected from the multiple pictures containing the target item as the first item picture or media information
  • the pictures in has an arrangement order, and according to the arrangement order, the first picture is selected from the multiple pictures containing the target item as the first item picture.
  • each picture can contain not only the target item, but also other display elements, such as the person wearing the target item, the background of the environment where the person is located, and so on.
  • the target item can have different sizes, different angles, and different colors. Therefore, the terminal presets the item display conditions, and according to the display elements in the multiple pictures containing the target item, Select the picture that meets the item display conditions from the pictures as the first item picture.
  • the item display condition may include that the degree of difference between the color of the target item in the picture and the colors of other display elements is greater than a preset threshold. Then, the terminal obtains the degree of difference between the color of the target item in each picture and the color of other display elements according to the display elements in the multiple pictures containing the target item, determines whether the degree of difference is greater than a preset threshold, and responds to any picture The difference degree of is greater than the preset threshold, and the picture is taken as the first item picture. Or, in response to the degree of difference of the multiple pictures being greater than the preset threshold, the picture with the largest degree of difference among the plurality of pictures with the degree of difference less than the preset threshold is taken as the first item picture.
  • the item display condition may include that the angle of the target item in the picture belongs to a preset angle range, where the preset angle range may be determined according to the range to which the angle of the front of the item belongs. Then, the terminal obtains a picture whose angle belongs to a preset angle range according to the angle of the target item in the plurality of pictures containing the target item, as the first item picture. What needs to be added is that for any picture, the terminal can use an item recognition algorithm to recognize one or more display elements in the picture, so as to determine the item contained in the picture and the item type to which the item belongs. This application The embodiment does not limit the item recognition algorithm.
  • the terminal sets the display position of the first article picture in the media information as the target display position.
  • the terminal may preset the target display position so that the target display position matches the preset position in the detailed information. After the first item picture is selected, the display position of the first item picture in the media information is set as the target display position, and then the first item picture can be displayed at the target display position, and the media information in other positions other information.
  • the moving path is smoother and more in line with the user's visual habits.
  • the detailed information of the target item is located below the media information
  • the preset position is located on the left side of the detailed information
  • the terminal sets the display position of the first item picture in the media information on the leftmost side, which is the same as the preset position. Matching, so that the target item can be moved from the media information to the preset position.
  • the media information includes three pictures, all three pictures include a watch, but in the first picture the watch is displayed on the front, which is convenient for users to watch, and the second and third pictures show the watch. It is tilted at a certain angle and is not displayed on the front, which is not convenient for users to watch. Therefore, the first picture is selected as the first item picture, and the display position of the first picture in the media information is set to the leftmost side to facilitate subsequent display of the watch falling from the leftmost picture to the left side of the watch link. In the picture.
  • the terminal obtains feature information of multiple pictures, queries an item information database according to the feature information of the multiple pictures, and obtains item information that matches the feature information of the multiple pictures, and the item information includes at least detailed information.
  • the target item when the target item is dynamically displayed, the detailed information of the target item needs to be displayed, so the detailed information of the target item needs to be acquired first.
  • the terminal may obtain item information of one or more items in advance, and store the obtained item information in the item information database.
  • the item information of each item includes detailed information, which may include item links, background display pictures that do not include the target item, item name, brand, price, and so on.
  • the detailed information is used to introduce the item.
  • the item information may also include an item display picture that only contains the target item, a display picture obtained by fusing the background display picture and the item display picture, and the display position of the item display picture in the display picture.
  • the product information of a certain product includes product links and product images. Separate the background in the product image from the product to obtain a background display image that does not contain the product and a product display image that only contains the product itself. Link the product to the background The display image is used as the detailed information of the product, and the product link and background display image will be displayed when the detailed information is displayed, but the product display image will not be displayed.
  • the terminal When the terminal obtains the media information, it can obtain the feature information of multiple pictures, and query the item information database according to the feature information of the multiple pictures in the media information. Then, in the item information database, the item information that matches the feature information of the multiple pictures is Is the item information of the target item.
  • the feature information of each picture is used to describe the picture and can represent the characteristics of the elements displayed in the picture.
  • the terminal may use the coding algorithm to encode the picture to obtain the coding information of the picture, and then use the preset feature extraction algorithm to perform feature extraction on the coding information of the picture, thereby extracting the feature information of the picture.
  • the encoding algorithm can be a base64 (based on 64 printable characters to represent binary data) encoding algorithm or other encoding algorithms.
  • the preset feature extraction algorithm can be SIFT (Scale-Invariant Feature Transform, detecting local features), SURF (Speeded Up Robust Features, accelerated robust features) or haar (Haar) algorithm, etc.
  • the terminal can also preset multiple dimensions of the feature information, so as to extract feature information of the picture according to the multiple dimensions, the feature information can include multiple dimensions of information, and the picture is described from multiple dimensions.
  • Information can be regarded as the high-dimensional feature information of the picture.
  • the multiple dimensions may include item type, picture style, shape, brand, and so on.
  • the item type is a watch and the picture style is a fashion style.
  • the terminal may use feature information of multiple pictures as input items of a preset algorithm, and use the preset algorithm to query the item information database to retrieve item information matching the feature information in the item information database.
  • the algorithm can be a PageRank (webpage ranking) algorithm or other algorithms.
  • each item in the item information database has item keywords, and the item keywords are stored correspondingly to the item information.
  • the item keywords are watches, fashion styles, youth styles, and so on.
  • the similarity of the feature information of each two pictures in the multiple pictures of the media information is obtained, and in response to the obtained similarity being greater than the preset similarity, the item information database is queried according to the feature information of the multiple pictures to obtain Item information that matches the feature information of multiple pictures.
  • the obtained similarity is used to indicate whether the two pictures are similar, which can indicate whether the items contained in the two pictures are the same item.
  • the greater the similarity the greater the similarity between the two pictures. The more likely the items in are the same item, and the smaller the similarity, the more likely the items contained in the two pictures are not the same item.
  • the terminal obtains the similarity of the feature information of each two pictures, that is, obtains at least one similarity, and judges whether each similarity is greater than the preset similarity. If each obtained similarity is greater than the preset similarity, it indicates media information Multiple pictures in contains the same item, and the media information is used to display the item, so the step of querying the item information database is executed to obtain item information.
  • the query in response to the acquired similarity being not greater than the preset similarity, is no longer based on the feature information of multiple pictures, and there is no need to acquire item information.
  • the degree of similarity can be expressed by the degree of confidence, and the confidence degree between each two pictures in the three pictures is greater than 60%, which means that the three pictures show the same item.
  • step 704 in response to the acquired similarity degree greater than the preset similarity degree, query the item information database according to the feature information of multiple pictures , Obtain the item information that matches the feature information of the multiple pictures, and then perform steps 702 and 703 to select the first item picture and set the display position of the first item picture.
  • step of querying the item information database is no longer performed, and steps 702 and 703 are not required to be performed.
  • the display positions of multiple pictures in the media information can be set randomly or in other ways Setting, this embodiment of the application does not limit this.
  • the terminal merges the second article picture in the article information with the first article picture, so that the second article picture covers the target article in the first article picture, and sets the second article picture to a transparent state.
  • the item information also includes a second item picture, and the second item picture is a picture that only contains the target item, such as a product display picture.
  • the second item image only contains the target item and does not contain the background.
  • the terminal finds the second item picture according to the feature information of multiple pictures in the media information.
  • the second item picture can be regarded as a picture that matches the media information, that is, the target item in the second item picture can be regarded as a match with the media.
  • the target items in the message belong to the same kind of items. Since the color, size or other characteristics of the same item are not restricted during the query process, the target item in the second item picture and the target item in the media information are of the same type, but may differ in color, size, or other aspects. has a difference.
  • the terminal changes the display position of the second item picture on the information display interface to achieve the dynamic effect of displaying the target item moving from the first item picture to the preset position in the detailed information.
  • the target item before the terminal starts to display the detailed information, the target item is located at the original position in the first item picture, and has coordinate information and size information.
  • the coordinate information is used to indicate the original position of the target item
  • the size information is used to indicate the original position of the target item. Indicates the size of the target item.
  • the coordinate information may be (20, 80), and the size information may be 200 pixels wide and 200 pixels high.
  • the second item picture also has size information, and the size information is used to indicate the size of the second item picture, that is, the size of the target item in the second item picture.
  • the terminal obtains the coordinate information and size information of the target item in the first item picture and the size information of the second item picture, and according to the size information of the target item in the first item picture and the size information of the second item picture, The size is adjusted so that the size of the second item picture is equal to the size of the target item in the first item picture, or the size of the second item picture is slightly smaller than the size of the target item in the first item picture.
  • the resized second article picture is merged with the first article picture, so that the second article picture covers all or part of the target article in the first article picture.
  • the media information and the second item picture may be displayed in different layers. That is, when the terminal displays media information on the first interface layer, when the second item picture is merged with the first item picture, a second interface layer is created on the upper layer of the first interface layer, and the second interface layer is displayed on the second interface layer. Picture of the item.
  • the terminal sets the second item picture to a transparent state before starting to display the detailed information, so that when the detailed information starts to be displayed, the user only sees the target item, and temporarily cannot see the second item picture.
  • the second item picture is located in the second interface layer. By setting the transparency of the second interface layer to 100%, the second item picture can be set to a transparent state.
  • the terminal since the first item picture contains both the target item and the background, in order to prevent the second item picture from being displayed too abruptly in the first item picture, the terminal will be at the edge of the second item picture on the second interface layer, and not in the first item picture. Smooth the edges of the background area of the target item in the first item picture of an interface layer, such as pixel transition processing, pixel complement processing, etc., to ensure that the second item picture and the background area can be smooth when the second item picture is displayed Smooth transition of ground to enhance display effect.
  • the terminal performs smoothing processing according to a preset smoothing algorithm, where the preset smoothing algorithm is a weighted average method, a feathering algorithm, or a Laplacian pyramid fusion algorithm.
  • the terminal may also set dynamic display conditions to determine whether the target item meets the dynamic display conditions, so as to determine whether to dynamically display the target item. Therefore, when the terminal finds the item information, it can determine the dynamic display condition corresponding to the item information. In response to satisfying the dynamic display condition, the second item picture in the item information is merged with the first item picture, so that the second item picture can be displayed dynamically subsequently. Picture of the item. In response to not satisfying the dynamic display condition, the second article picture and the first article picture are no longer merged, and the second article picture is no longer dynamically displayed subsequently.
  • the dynamic display condition may include the display time period, the type of the dynamically displayed item, and so on. For example, set the delivery conditions for the product.
  • the dynamic display of the product will no longer be carried out.
  • the terminal displays media information through an information display interface, where the media information includes the first item picture and the merged second item picture.
  • the media information includes the first item picture and the fused second item picture.
  • the detailed information includes the item link and does not contain the target.
  • the background display image of the item After that, it can be displayed based on the acquired information.
  • the terminal displays the media information through the information display interface. Since the display position of the first item picture in the media information has been set as the target display position, and the first item picture has been merged with the second item picture, the terminal will display the first item picture and the merged second item at the target display position image. As for the information other than the first item picture in the media information, it can be displayed at any display position in the media information. At this time, the user can view the media information, but because the second item picture is currently in a transparent state, the user cannot see the second item picture.
  • the terminal In response to the display position of the media information meeting the preset condition, the terminal starts to display the detailed information of the target item through the information display interface, and sets the second item picture to an opaque state.
  • step 707 For the process of displaying detailed information in step 707, refer to step 302 above.
  • the terminal sets the second item picture to a transparent state before displaying the detailed information, and when starting to display the detailed information, the terminal sets the second item picture to an opaque state, thereby starting to display the second item picture.
  • the terminal first sets the transparency of the second interface layer to 100%, thereby setting the second item picture to a transparent state.
  • the transparency of the second item picture is gradually reduced, and the transparency adjustment is stopped when the transparency of the second item picture is 0%.
  • the second item picture will be in a semi-transparent state, and when the transparency is adjusted to 0%, the second item picture will be in a completely opaque state.
  • the terminal While displaying the detailed information, the terminal displays the dynamic effect of moving the second article picture from the first article picture to the preset position in the detailed information while keeping the display state of the first article picture unchanged.
  • the terminal While displaying the detailed information, the terminal displays the dynamic effect of the movement of the target item through the position change of the second item picture. Since the first item picture and the second item picture are independent of each other and do not affect each other, during the process of displaying the dynamic effect, the display state of the first item picture remains unchanged, and the target item can still be displayed in the first item picture.
  • the second interface layer of the information display interface displays the dynamics of the second item picture moving from the first item picture to the preset position in the detailed information. effect.
  • the process of displaying dynamic effects includes: acquiring a first picture frame, the first picture frame includes the target item, and the target item is located in the original position in the media information, and the second picture frame is acquired. Including the target item and the fully displayed detailed information, the target item is located at the preset position in the detailed information, with the first picture frame as the start frame and the second picture frame as the end frame, construct a tween animation, and play the tween animation .
  • the tween animation technology refers to a technology that automatically fills in the animation frames between the animation start frame and the animation end frame according to the animation start frame and the animation end frame, as well as the set playback duration and playback rate.
  • the first picture frame can be obtained according to the media information currently displayed in the information display interface, and when the second picture frame is obtained, the terminal can add detailed information in the information display interface, and merge the second item picture into the detailed information.
  • the preset position is such that the target item is located at the preset position, and the information display interface obtained at this time is the second picture frame.
  • the terminal is still displaying the first picture frame, but not the second picture frame.
  • the terminal can display the second picture frame.
  • a background display picture that does not contain the target item is displayed at a preset position, and the second item picture is merged into the background display picture, and the resulting second picture picture frame can display the display picture containing the target item.
  • the intermediate picture frame between the first picture frame and the second picture frame can be automatically filled according to the above first picture frame and the second picture frame, thereby constructing a complete tween animation, which includes A preset number of picture frames, which are displayed sequentially in order, can show the movement path of the target item from the media information to the preset position, thereby realizing the smooth and stable movement of the target item.
  • the terminal obtains information such as the size, position, and angle of the target item in the first item picture, and information such as the item size, position, and angle of the end position in the target picture, and inputs these information as input items into
  • the preset curve function is used to output the movement curve of the target item, thereby determining the position of the target item on each intermediate picture frame between the first picture frame and the second picture frame.
  • the preset curve function may be a Bessel function or other functions. For example, if the playback duration is 300ms (milliseconds) and the playback rate is 200 picture frames within 1s, 60 picture frames need to be played within 300ms.
  • the 58 frames in the middle are automatically filled according to the first picture frame and the second picture frame.
  • Picture frames thereby obtaining a tween animation containing 60 picture frames, and playing the tween animation at the playback speed of 200 picture frames within 1s to complete the dynamic effect of displaying the movement of the target item.
  • the embodiment of the present application only takes the execution subject as the terminal as an example.
  • the execution subject may also include a terminal and a server, which are displayed by the terminal and the server performs background processing, such as query details Information, fusion of the first item picture and the second item picture, etc.
  • background processing such as query details Information, fusion of the first item picture and the second item picture, etc.
  • media information is displayed through an information display interface, and in response to the display position of the media information meeting a preset condition, the detailed information of the target item is displayed through the information display interface. While displaying the detailed information, the target item is displayed from The dynamic effect of moving the media information to the preset position in the detailed information realizes the dynamic display of the target item, enriches the display mode of the target item, can attract the user's attention, attract the attention of the user, and improve the recommendation effect of the target item .
  • the picture frames are automatically filled to play the tween animation, which fully displays the dynamic effect of the target item moving from the media information to the preset position in the detailed information, which completes the details of the solution.
  • changing the position of the second item picture in the second interface layer on the item display interface can realize the movement of the displayed target item from the media information to the preset position in the detailed information. Dynamic effects.
  • the second item picture is set to a transparent state, which is good for the subsequent display of the movement of the target item The basic preparation. Later, the picture of the second item can be set to an opaque state, showing the effect that the target item is gradually displayed.
  • Fig. 8 is a flowchart of another item display method provided by an embodiment of the present application.
  • the execution body of the embodiment of the present application includes a terminal and a server, and the embodiment of the present application is described by taking advertising as an example. Referring to FIG. 8, the method includes:
  • the advertiser uploads product information to the server, including product pictures and product links.
  • the product pictures include the product and background, and the product link is used to link to the product detail display interface.
  • the server divides the product and the background in the product image to obtain the background display image and the product display image, and stores the background display image, the product display image, and the product link in the advertisement database.
  • the advertiser uses the public account to publish media information on the server, and the media information includes three pictures of the product.
  • the user's terminal downloads the information stream from the server, displays one or more pieces of media information contained in the information stream through the information display interface, and executes steps 804 and 811.
  • the terminal determines that it needs to display the media information released by the advertiser, and sends a media information display instruction to the server.
  • the server receives the media information display instruction, and judges whether the multiple pictures display the same product according to the feature information of the multiple pictures in the media information, and if so, execute step 807.
  • the server matches the product information in the advertisement database according to the feature information of the multiple pictures, and queries the matched product information.
  • the server determines whether the commodity meets the placing condition, and if so, execute step 809.
  • the server selects the image that displays the product on the front from the multiple images in the media information, and displays the product according to the size, position, and angle of the product display image in the product information, and the size, location, and angle of the product displayed on the front in the media information
  • the picture is superimposed on the upper layer of the picture showing the product on the front, and the transparency of the product display picture is set to 100%.
  • the server generates a tween animation according to the original position of the product in the media information and the end position of the product in the background display image of the product link, and sends it to the terminal.
  • the user performs a sliding operation on the information display interface of the terminal. As the sliding operation is performed, the media information in the information stream moves, and the piece of media information released by the advertiser is located in the preset focus area of the information display interface.
  • the terminal gradually displays the product link and background display image under the media information, and also displays the dynamic effect of the product display image falling from the media information to the background display image and the transparency gradually becomes smaller, until the product display image is in the background display image When the end position of and the transparency is 0%, the dynamic display is stopped. At this time, the product display image and the background display image are merged into a product image, and the product image and product link can be statically displayed in the media information.
  • Fig. 9 is a flowchart of another item display method provided by an embodiment of the present application.
  • the execution subject of the embodiment of the present application is a terminal. Referring to FIG. 9, the method includes:
  • the terminal displays media information and detailed information of the target item through an information display interface, and the media information and detailed information are located on different cards.
  • the media information includes at least one picture
  • at least one picture in the media information includes the target item.
  • the detailed information and the media information are respectively displayed in the information display interface in the form of cards.
  • the two cards may be two cards next to each other, or two cards separated by at least one card.
  • the card refers to the display area used to display a group of information in the information display interface.
  • the card can be in the shape of a box, such as a rectangle or a square.
  • the box displays the information contained in the card, such as media information or detailed information.
  • the information contained in the card can include text, picture, video, etc., and the card also has display styles, including text color, background color, icon style, border style, etc.
  • the display styles of different cards can be the same or different.
  • both the media information and the detailed information are displayed in the information display interface as an example for description, and the specific display timing of the media information and the detailed information is not limited.
  • displaying the media information and the detailed information of the target item through the information display interface includes: displaying the media information through the information display interface, and displaying the detailed information on one side of the specified direction of the media information.
  • the specified direction includes the left, At least one of right, above, or below.
  • the media information is displayed through the information display interface, and detailed information is displayed on the side of the designated direction of the media information, including: displaying the media information through the first card of the information display interface; A second card is displayed on one side of the designated direction of a card, and the detailed information displayed in the second card gradually moves along the designated direction from the display position of the media information, and the dynamic effect of the detailed information gradually being displayed during the movement.
  • the specific manner of displaying the media information and detailed information in this step 901 is similar to the above-mentioned step 301, and will not be repeated here.
  • the terminal In response to the display position of the media information meeting the preset condition, the terminal displays the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface.
  • a preset position is set in the card where the detailed information is located.
  • the preset position is used to display the target item, but in order to realize the dynamic display of the target item, the preset position does not contain the target item before displaying the detailed information.
  • the preset position can be a blank position, or it can be The other information in the card is being displayed. The dynamic effect of the target item moving from the media information to the preset position will be displayed later. After the dynamic effect is displayed, the preset position can contain the target item. Therefore, the preset position is the end position of the target item.
  • the preset position in the card where the detail information is located contains other information.
  • the display position of the media information meets the preset conditions, the dynamic effect of the target item moving from the media information to the preset position will be displayed.
  • the information in the card It will be reorganized, and the information originally displayed in the preset position will be displayed in other positions, so that the preset position is vacant, so that the target item can be displayed in the preset position.
  • displaying the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface includes: obtaining the moving path of the target item, and the moving path is from the original position of the target item to the location where the detailed information is located.
  • the ending position in the card it shows the dynamic effect of the target item moving according to the moving path.
  • displaying the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface includes: obtaining the movement path and rotation angle of the target item, and the movement path is from the original position of the target item to the details.
  • the end position in the card where the information is located, and the rotation angle is determined by the first angle of the target item at the original position and the second angle at the end position; the dynamic effect of the target item moving according to the movement path and rotating according to the rotation angle is displayed.
  • displaying the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface includes: acquiring a first picture frame, the first picture frame includes the target item, and the target item is located in the media The original position in the information; obtain the second picture frame, the second picture frame includes the target item and the full displayed detail information, the target item is located at the end position in the card where the detail information is located; the first picture frame is the start frame, Take the second picture frame as the end frame, construct the tween animation, and play the tween animation.
  • the media information and detailed information are located on the first interface layer of the information display interface
  • the dynamic effect of moving the target item from the media information to the card where the detailed information is displayed through the information display interface includes: The second interface layer of shows the dynamic effect of the target item moving from the media information to the card where the detailed information is located.
  • the method before displaying the media information and detailed information of the target item through the information display interface, the method further includes: obtaining media information, where the media information includes multiple pictures; and selecting the first item picture containing the target item from the multiple pictures ; Set the display position of the first item picture in the media information as the target display position, and the target display position matches the preset position in the detailed information; obtain feature information of multiple pictures, and query item information based on the feature information of multiple pictures
  • the database obtains item information that matches the feature information of multiple pictures, and the item information includes at least detailed information.
  • Displaying the media information and the detailed information of the target item through the information display interface includes: displaying the first item picture at the target display position of the media information and displaying the detailed information through the information display interface.
  • the item information further includes a second item picture
  • the method further includes: fusing the second item picture with the first item picture so that the second item picture covers the target item in the first item picture;
  • the item picture is set to be transparent.
  • displaying the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface includes: setting the second item picture to an opaque state; keeping the display state of the first item picture unchanged In the case of displaying the dynamic effect of the second item picture moving from the first item picture to the card where the detailed information is located.
  • querying the item information database according to the feature information of multiple pictures to obtain item information that matches the feature information of the multiple pictures includes: obtaining the similarity of the feature information of each of the multiple pictures; response When the acquired similarity is greater than the preset similarity, the article information database is queried according to the characteristic information of the multiple pictures, and the article information matching the characteristic information of the multiple pictures is obtained.
  • the specific manner of displaying the dynamic effect in this step 902 is similar to the above-mentioned step 302, and will not be repeated here.
  • the method, device, computer equipment, and storage medium provided by the embodiments of the present application display media information through an information display interface, and in response to the display position of the media information meeting a preset condition, display the detailed information of the target item through the information display interface. At the same time, it displays the dynamic effect of the target item moving from the media information to the card where the detailed information is located, realizing the dynamic display of the target item, enriching the display method of the target item, attracting the user's attention, attracting the attention of the user, and then Improve the recommendation effect of target items.
  • the way of dynamically displaying the target item can effectively attract the user's attention.
  • the preset focus area in response to the display position of the media information being located in the preset focus area of the information display interface, the detailed information of the target item is displayed through the information display interface, and the dynamic effect of the target item is displayed at the same time, so as to prevent the media information from being displayed.
  • the item information is displayed, which causes the user to ignore the item information, which enhances the display of item information and improves the recommendation effect of the target item.
  • the display of detailed information gradually moves from the display position of the media information along the specified direction, and the dynamic effect of the gradual display of detailed information during the movement enriches the page display effect, attracts users’ attention, and improves The recommended effect of the target item.
  • the dynamic effect of the target item moving along the movement path and rotating according to the rotation angle is displayed, clarifying the specific display form of the dynamic effect.
  • the picture frame is automatically filled to play the tween animation, which fully displays the dynamic effect of the target item moving from the media information to the card where the detailed information is located, and completes the details of the solution.
  • changing the position of the second item picture in the second interface layer on the item display interface can realize the dynamic movement of the display target item from the media information to the card where the detailed information is located. effect.
  • the second item picture is set to a transparent state, which is good for the subsequent display of the movement of the target item The basic preparation. Later, the picture of the second item can be set to an opaque state, showing the effect that the target item is gradually displayed.
  • Fig. 10 is a flowchart of another item display method provided by an embodiment of the present application.
  • the execution subject of the embodiment of the present application is a terminal. Referring to FIG. 10, the method includes:
  • the terminal displays media information through an information display interface.
  • the media information includes at least one picture, and at least one picture in the media information includes the target item.
  • the specific manner of displaying the media information in this step 1001 is similar to the foregoing steps 301 and 901, and will not be repeated here.
  • the user browsing operation may be the user's sliding operation in the information display interface, the user's operation of clicking on the media information, or the user's operation of long pressing any position in the information display interface, or the user's operation of long pressing the media information, etc.
  • the terminal receives the user's browsing operation, indicating that the user wants to browse the media information, it displays the detailed information of the target item, and also displays the dynamic effect of moving the picture of the target item in the media information to the preset position in the detailed information. To dynamically display the target item, attract the user's attention, and improve the recommendation effect of the target item.
  • displaying the dynamic effect of moving the picture containing the target item in the media information to the preset position in the detailed information includes: specifying the direction in the media information through the information display interface While displaying the detailed information on the side of the, the dynamic effect of the picture containing the target item in the media information moving to the preset position in the detailed information is displayed, and the specified direction includes at least one of left, right, upper, or lower.
  • displaying detailed information on one side of the designated direction of the media information through the information display interface includes: through the information display interface, displaying the detailed information gradually moves from the display position of the media information along the designated direction, and in the process of moving The dynamic effect of gradually displaying detailed information.
  • displaying the dynamic effect of moving the picture containing the target item in the media information to the preset position in the detailed information includes: obtaining the movement path of the target item, which is determined by The original position of the picture containing the target item reaches the preset position in the detailed information; while the detailed information is displayed, the dynamic effect that the picture containing the target item moves according to the movement path is displayed.
  • displaying the dynamic effect of the picture containing the target item in the media information moving to a preset position in the detailed information includes: acquiring the movement path and rotation angle of the target item, The movement path is from the original position of the picture containing the target item to the preset position in the detailed information, and the rotation angle is determined by the first angle of the target item at the original position and the second angle at the preset position; while displaying the detailed information, Display the dynamic effect that the picture containing the target item moves according to the movement path and rotates according to the rotation angle.
  • displaying the dynamic effect that the picture containing the target item moves from the media information to the preset position in the detailed information includes: acquiring a first picture frame, the first picture frame including the target The item, and the picture containing the target item is located at the original position in the media information; a second picture frame is obtained, the second picture frame includes the target item and the full displayed detailed information, and the picture containing the target item is located at the preset position in the detailed information ; Take the first picture frame as the start frame and the second picture frame as the end frame, construct the tween animation, and play the tween animation.
  • the media information is located in the first interface layer of the information display interface. While displaying the detailed information, displaying the dynamic effect of the picture containing the target item moving from the media information to the preset position in the detailed information includes: While the detailed information is displayed in the first interface layer, the second interface layer of the information display interface displays the dynamic effect that the picture containing the target item moves from the media information to the preset position.
  • the method before displaying the media information through the information display interface, the method further includes: obtaining the media information, the media information includes multiple pictures; selecting the first item picture containing the target item from the multiple pictures; The display position in the media information is set as the target display position, and the target display position matches the preset position in the detailed information; displaying the media information through the information display interface includes: displaying the second display position in the target display position of the media information through the information display interface A picture of an item.
  • the media information includes multiple pictures
  • the method further includes: obtaining feature information of the multiple pictures; querying the item information database according to the feature information of the multiple pictures to obtain item information that matches the feature information of the multiple pictures,
  • the item information includes at least detailed information.
  • the first item picture in the media information includes the target item, and the item information further includes the second item picture.
  • the method further includes: fusing the second item picture with the first item picture so that the second item picture covers The target item in the first item picture; the second item picture is set to a transparent state.
  • displaying the dynamic effect of moving the picture containing the target item in the media information to a preset position in the detailed information includes: setting the second item picture to an opaque state; While keeping the display state of the first article picture unchanged, displaying the dynamic effect of moving the second article picture from the first article picture to the preset position in the detailed information.
  • querying the item information database according to the feature information of multiple pictures to obtain item information that matches the feature information of the multiple pictures includes: obtaining the similarity of the feature information of each of the multiple pictures; response When the acquired similarity is greater than the preset similarity, the article information database is queried according to the characteristic information of the multiple pictures, and the article information matching the characteristic information of the multiple pictures is obtained.
  • the method, device, computer equipment, and storage medium provided by the embodiments of the present application display media information through an information display interface.
  • the media information contains information about the target item.
  • the dynamic effect of the picture moving from the media information to the preset position in the detailed information realizes the dynamic display of the target item, enriches the display mode of the target item, can attract the user's attention, attract the attention of the user, and improve the performance of the target item. Recommended effect.
  • the way of dynamically displaying the target item can effectively attract the user's attention.
  • the display of detailed information gradually moves from the display position of the media information along the specified direction, and the dynamic effect of the gradual display of detailed information during the movement enriches the page display effect, attracts users’ attention, and improves The recommended effect of the target item.
  • the dynamic effect of the target item moving along the movement path and rotating according to the rotation angle is displayed, clarifying the specific display form of the dynamic effect.
  • the picture frames are automatically filled to play the tween animation, which fully displays the dynamic effect of the picture containing the target item moving to the preset position in the detailed information, which completes the details of the solution.
  • the position of the second item picture in the second interface layer on the item display interface can be changed to move the picture containing the target item to the preset position in the detailed information. Dynamic effects.
  • the second item picture is set to a transparent state, which is good for the subsequent display of the movement of the target item The basic preparation. Later, the picture of the second item can be set to an opaque state, showing the effect that the target item is gradually displayed.
  • FIG. 11 is a schematic structural diagram of an article display device provided by an embodiment of the present application. Referring to Figure 11, the device includes:
  • the first display module 1101 is configured to display media information through an information display interface, the media information includes at least one picture, and at least one picture in the media information includes a target item;
  • the second display module 1102 is configured to display detailed information of the target item through the information display interface in response to the display position of the media information meeting a preset condition;
  • the third display module 1103 is configured to display the dynamic effect of the target item moving from the media information to the preset position in the detailed information while displaying the detailed information.
  • the second display module 1102 includes:
  • the first detail display unit 1121 is configured to display detailed information of the target item through the information display interface in response to the display position of the media information being located in the preset focus area of the information display interface.
  • the second display module 1102 includes:
  • the second detail display unit 1122 is configured to display detail information on one side of a designated direction of media information through an information display interface, and the designated direction includes at least one of left, right, upper, or lower.
  • the second detail display unit 1122 is configured to display the detailed information gradually moving from the display position of the media information along the specified direction through the information display interface, and the detailed information is gradually displayed during the movement. dynamic effect.
  • the third display module 1103 includes:
  • the first path obtaining unit 1131 is configured to obtain the moving path of the target item, and the moving path is from the original position of the target item to the preset position in the detailed information;
  • the first dynamic display unit 1132 is configured to display the dynamic effect of the target item moving according to the movement path while displaying the detailed information.
  • the third display module 1103 includes:
  • the second path acquisition unit 1133 is used to acquire the movement path and rotation angle of the target item.
  • the movement path is from the original position of the target item to the preset position in the detailed information.
  • the rotation angle is determined by the first angle of the target item in the original position and the The second angle of the preset position is determined;
  • the second dynamic display unit 1134 is configured to display the dynamic effect of the target item moving according to the movement path and rotating according to the rotation angle while displaying the detailed information.
  • the third display module 1103 includes:
  • the first picture frame obtaining unit 1135 is configured to obtain a first picture frame, where the first picture frame includes the target item, and the target item is located at the original position in the media information;
  • the second picture frame obtaining unit 1136 is configured to obtain a second picture frame.
  • the second picture frame includes the target item and fully displayed detailed information, and the target item is located at a preset position in the detailed information;
  • the playing unit 1137 is configured to use the first picture frame as the start frame and the second picture frame as the end frame to construct a tween animation and play the tween animation.
  • the media information is located in the first interface layer of the information display interface, and the third display module 1103 includes:
  • the third dynamic display unit 1138 is configured to display the detailed information in the first interface layer, and at the same time display the dynamic effect of the target item moving from the media information to the preset position in the detailed information on the second interface layer of the information display interface .
  • the apparatus further includes:
  • the information acquisition module 1104 is used to acquire media information, where the media information includes multiple pictures;
  • the selection module 1105 is used to select the first item picture containing the target item from a plurality of pictures
  • the position setting module 1106 is configured to set the display position of the first item picture in the media information as the target display position, and the target display position matches the preset position in the detailed information;
  • the first display module 1101 is also configured to display the first item picture at the target display position of the media information through the information display interface.
  • the media information includes multiple pictures
  • the device further includes:
  • the feature information obtaining module 1107 is used to obtain feature information of multiple pictures
  • the query module 1108 is configured to query the item information database according to the feature information of multiple pictures, and obtain item information that matches the feature information of the multiple pictures, and the item information includes at least detailed information.
  • the first item picture in the media information includes the target item
  • the item information further includes the second item picture
  • the device further includes:
  • the fusion module 1109 is used to merge the second item picture with the first item picture so that the second item picture covers the target item in the first item picture;
  • the state setting module 1110 is used to set the second item picture to a transparent state.
  • the third display module 1103 includes:
  • the state setting unit 1139 is used to set the second item picture to an opaque state when starting to display detailed information
  • the fourth dynamic display unit 1140 is configured to display the dynamic effect of moving the second article picture from the first article picture to the preset position while keeping the display state of the first article picture unchanged while displaying the detailed information.
  • the query module 1108 includes:
  • the similarity obtaining unit 1181 is configured to obtain the similarity of the feature information of each two pictures in the multiple pictures;
  • the query unit 1182 is configured to, in response to the acquired similarity being greater than the preset similarity, query the item information database according to the feature information of multiple pictures, and obtain item information that matches the feature information of the multiple pictures.
  • FIG. 13 is a schematic structural diagram of an article display device provided by an embodiment of the present application. Referring to Figure 13, the device includes:
  • the first display module 1301 is configured to display media information and detailed information of the target item through the information display interface.
  • the media information includes at least one picture, at least one picture in the media information includes the target item, and the media information and detailed information are located in On different cards
  • the second display module 1302 is configured to display the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface in response to the display position of the media information meeting a preset condition.
  • the second display module 1302 includes:
  • the display unit 1320 is configured to respond to the display position of the media information being located in the preset focus area of the information display interface, and display the dynamic effect of the target item moving from the media information to the card where the detailed information is located through the information display interface.
  • the first display module 1301 includes:
  • the information display unit 1310 is configured to display media information through an information display interface, and display detailed information on one side of a designated direction of the media information.
  • the designated direction includes at least one of left, right, upper, or lower.
  • the information display unit 1310 is used to:
  • the second card is displayed on the side of the specified direction of the first card, and the detailed information displayed in the second card is gradually moved along the specified direction from the display position of the media information, and the detailed information is gradually displayed during the movement. dynamic effect.
  • the second display module 1302 includes:
  • the first path obtaining unit 1321 is configured to obtain the moving path of the target item, and the moving path is from the original position of the target item to the end position in the card where the detailed information is located;
  • the first dynamic display unit 1322 is used to display the dynamic effect of the target item moving according to the movement path.
  • the second display module 1302 includes:
  • the second path acquisition unit 1323 is used to acquire the movement path and rotation angle of the target item, the movement path is from the original position of the target item to the end position in the card where the detailed information is located, and the rotation angle is determined by the first angle of the target item in the original position And the second angle determination at the end position;
  • the second dynamic display unit 1324 is used to display the dynamic effect of the target item moving according to the movement path and rotating according to the rotation angle.
  • the second display module 1302 includes:
  • the first picture frame acquiring unit 1325 is configured to acquire a first picture frame, where the first picture frame includes the target item, and the target item is located at the original position in the media information;
  • the second picture frame obtaining unit 1326 is configured to obtain a second picture frame.
  • the second picture frame includes the target item and full displayed detail information, and the target item is located at the end position in the card where the detail information is located;
  • the playing unit 1327 is configured to use the first picture frame as the start frame and the second picture frame as the end frame to construct a tween animation and play the tween animation.
  • the media information and detailed information are located in the first interface layer of the information display interface, and the second display module 1302 includes:
  • the third dynamic display unit 1328 is configured to display the dynamic effect of the target item moving from the media information to the card where the detailed information is located on the second interface layer of the information display interface.
  • the device further includes:
  • the information acquisition module 1303 is used to acquire media information, where the media information includes multiple pictures;
  • the selection module 1304 is used to select the first item picture containing the target item from a plurality of pictures
  • the position setting module 1305 is configured to set the display position of the first item picture in the media information as the target display position, and the target display position matches the preset position in the detailed information;
  • the query module 1306 is configured to obtain feature information of multiple pictures, query the item information database according to the feature information of the multiple pictures, and obtain item information that matches the feature information of the multiple pictures, and the item information includes at least detailed information;
  • the first display module 1301 is further configured to: display the first item picture at the target display position of the media information through the information display interface, and display detailed information.
  • the item information further includes a second item picture
  • the device further includes:
  • the fusion module 1307 is used to merge the second item picture with the first item picture so that the second item picture covers the target item in the first item picture;
  • the state setting module 1308 is used to set the second item picture to a transparent state.
  • the second display module 1302 includes:
  • the state setting unit 1329 is used to set the second item picture to an opaque state
  • the fourth dynamic display unit 1330 is configured to display the dynamic effect of moving the second article picture from the first article picture to the card where the detailed information is located while keeping the display state of the first article picture unchanged.
  • the query module 1306 includes:
  • the similarity obtaining unit 1361 is configured to obtain the similarity of the feature information of each two pictures in the multiple pictures;
  • the query unit 1362 is configured to, in response to the acquired similarity being greater than the preset similarity, query the item information database according to the feature information of multiple pictures, and obtain item information that matches the feature information of the multiple pictures.
  • FIG. 15 is a schematic structural diagram of an article display device provided by an embodiment of the present application. Referring to Figure 15, the device includes:
  • the first display module 1501 is configured to display media information through an information display interface, the media information includes at least one picture, and at least one picture in the media information includes a target item;
  • the second display module 1502 is configured to display the detailed information of the target item in response to receiving the user's browsing operation, and display the dynamic effect that the picture of the target item in the media information moves to the preset position in the detailed information.
  • the second display module 1502 includes:
  • the display unit 1520 is configured to display the detailed information on the side of the specified direction of the media information through the information display interface, and at the same time display the dynamic effect of the picture containing the target item in the media information moving to the preset position in the detailed information, the specified direction includes At least one of left, right, top, or bottom.
  • the display unit 1520 is further used for:
  • the display of detailed information gradually moves from the display position of the media information along the specified direction, and the dynamic effect of the detailed information gradually being displayed during the movement.
  • the second display module 1502 includes:
  • the first path obtaining unit 1521 is configured to obtain the moving path of the target item, the moving path from the original position of the picture containing the target item to the preset position in the detailed information;
  • the first dynamic display unit 1522 is configured to display the dynamic effect that the picture containing the target item moves according to the movement path while displaying the detailed information.
  • the second display module 1502 includes:
  • the second path acquisition unit 1523 is used to acquire the movement path and rotation angle of the target item.
  • the movement path is from the original position of the picture containing the target item to the preset position in the detailed information.
  • the rotation angle is determined by the first position of the target item in the original position. The angle and the second angle at the preset position are determined;
  • the second dynamic display unit 1524 is configured to display the dynamic effect that the picture containing the target item moves according to the movement path and rotates according to the rotation angle while displaying the detailed information.
  • the second display module 1502 includes:
  • the first picture frame obtaining unit 1525 is configured to obtain a first picture frame, where the first picture frame includes the target item, and the picture containing the target item is located at the original position in the media information;
  • the second picture frame obtaining unit 1526 is configured to obtain a second picture frame.
  • the second picture frame includes the target item and full displayed detail information, and the picture containing the target item is located at a preset position in the detail information;
  • the playing unit 1527 is used for constructing a tween animation and playing the tween animation with the first picture frame as the start frame and the second picture frame as the end frame.
  • the media information is located in the first interface layer of the information display interface, and the second display module 1502 includes:
  • the third dynamic display unit 1528 is configured to display the detailed information in the first interface layer, and at the same time display the dynamic effect of the picture containing the target item moving from the media information to the preset position in the second interface layer of the information display interface.
  • the device further includes:
  • the information acquisition module 1503 is used to acquire media information, where the media information includes multiple pictures;
  • the selection module 1504 is used to select the first item picture containing the target item from a plurality of pictures
  • the position setting module 1505 is configured to set the display position of the first item picture in the media information as the target display position, and the target display position matches the preset position in the detailed information;
  • the first display module 1501 is further configured to: display the first item picture at the target display position of the media information through the information display interface.
  • the media information includes multiple pictures
  • the device further includes:
  • the feature information obtaining module 1506 is used to obtain feature information of multiple pictures
  • the query module 1507 is configured to query the item information database according to the feature information of multiple pictures, and obtain item information that matches the feature information of the multiple pictures, and the item information includes at least detailed information.
  • the first item picture in the media information includes the target item
  • the item information further includes the second item picture
  • the device further includes:
  • the fusion module 1508 is used to merge the second item picture with the first item picture so that the second item picture covers the target item in the first item picture;
  • the state setting module 1509 is used to set the second item picture to a transparent state.
  • the second display module 1502 includes:
  • the state setting unit 1529 is configured to set the second item picture to an opaque state
  • the fourth dynamic display unit 1530 is configured to display the dynamic effect of moving the second article picture from the first article picture to the preset position in the detailed information under the condition that the display state of the first article picture is kept unchanged.
  • the query module 1507 includes:
  • the similarity obtaining unit 1571 is configured to obtain the similarity of the feature information of each two pictures in the multiple pictures;
  • the query unit 1572 is configured to, in response to the acquired similarity being greater than the preset similarity, query the item information database according to the feature information of multiple pictures, and obtain item information that matches the feature information of the multiple pictures.
  • FIG. 17 shows a schematic structural diagram of a terminal 1700 provided by an exemplary embodiment of the present application.
  • the terminal 1700 may be used to execute the steps performed by the terminal in the above-mentioned item display method.
  • the terminal 1700 includes a processor 1701 and a memory 1702.
  • the processor 1701 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so on.
  • the processor 1701 can adopt at least one hardware form among DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array, Programmable Logic Array). achieve.
  • the processor 1701 may also include a main processor and a coprocessor.
  • the main processor is a processor used to process data in the awake state, also called a CPU (Central Processing Unit, central processing unit); the coprocessor is A low-power processor used to process data in the standby state.
  • the processor 1701 may be integrated with a GPU (Graphics Processing Unit, image processing interactive device), and the GPU is used to render and draw content that needs to be displayed on the display screen.
  • the processor 1701 may further include an AI (Artificial Intelligence) processor, and the AI processor is used to process computing operations related to machine learning.
  • AI Artificial Intelligence
  • the memory 1702 may include one or more computer-readable storage media, which may be non-transitory.
  • the memory 1702 may also include high-speed random access memory and non-volatile memory, such as one or more magnetic disk storage devices and flash memory storage devices.
  • the non-transitory computer-readable storage medium in the memory 1702 is used to store at least one piece of program code, and the at least one piece of program code is used by the processor 1701 to implement the method provided in the method embodiment of the present application. Item display method.
  • the device 1700 may optionally further include: a peripheral device interface 1703 and at least one peripheral device.
  • the processor 1701, the memory 1702, and the peripheral device interface 1703 may be connected by a bus or a signal line.
  • Each peripheral device can be connected to the peripheral device interface 1703 through a bus, a signal line, or a circuit board.
  • the peripheral device includes: at least one of a radio frequency circuit 1704, a touch display screen 1705, a camera 1706, an audio circuit 1707, a positioning component 1708, and a power supply 1709.
  • the peripheral device interface 1703 may be used to connect at least one peripheral device related to I/O (Input/Output) to the processor 1701 and the memory 1702.
  • the processor 1701, the memory 1702, and the peripheral device interface 1703 are integrated on the same chip or circuit board; in some other embodiments, any one of the processor 1701, the memory 1702, and the peripheral device interface 1703 or The two can be implemented on a separate chip or circuit board, which is not limited in this embodiment.
  • the radio frequency circuit 1704 is used to receive and transmit RF (Radio Frequency, radio frequency) signals, also called electromagnetic signals.
  • the radio frequency circuit 1704 communicates with a communication network and other communication devices through electromagnetic signals.
  • the radio frequency circuit 1704 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals into electrical signals.
  • the radio frequency circuit 1704 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so on.
  • the radio frequency circuit 1704 can communicate with other devices through at least one wireless communication protocol.
  • the wireless communication protocol includes, but is not limited to: metropolitan area networks, various generations of mobile communication networks (2G, 3G, 4G, and 8G), wireless local area networks, and/or WiFi (Wireless Fidelity, wireless fidelity) networks.
  • the radio frequency circuit 1704 may also include a circuit related to NFC (Near Field Communication), which is not limited in this application.
  • the display screen 1705 is used to display UI (User Interface).
  • the UI can include graphics, text, icons, videos, and any combination thereof.
  • the display screen 1705 also has the ability to collect touch signals on or above the surface of the display screen 1705.
  • the touch signal may be input to the processor 1701 as a control signal for processing.
  • the display screen 1705 may also be used to provide virtual buttons and/or virtual keyboards, also called soft buttons and/or soft keyboards.
  • the display screen 1705 there may be one display screen 1705, which is provided with the front panel of the terminal 1700; in other embodiments, there may be at least two display screens 1705, which are respectively arranged on different surfaces of the terminal 1700 or have a folding design; In some embodiments, the display screen 1705 may be a flexible display screen, which is disposed on the curved surface or the folding surface of the terminal 1700. Furthermore, the display screen 1705 can also be set as a non-rectangular irregular pattern, that is, a special-shaped screen.
  • the display screen 1705 may be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).
  • the camera assembly 1706 is used to capture images or videos.
  • the camera assembly 1706 includes a front camera and a rear camera.
  • the front camera is set on the front panel of the terminal 1700
  • the rear camera is set on the back of the terminal 1700.
  • the camera assembly 1706 may also include a flash.
  • the flash can be a single-color flash or a dual-color flash. Dual color temperature flash refers to a combination of warm light flash and cold light flash, which can be used for light compensation under different color temperatures.
  • the audio circuit 1707 may include a microphone and a speaker.
  • the microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals and input them to the processor 1701 for processing, or input to the radio frequency circuit 1704 to implement voice communication.
  • the microphone can also be an array microphone or an omnidirectional collection microphone.
  • the speaker is used to convert the electrical signal from the processor 1701 or the radio frequency circuit 1704 into sound waves.
  • the speaker can be a traditional thin-film speaker or a piezoelectric ceramic speaker.
  • the speaker When the speaker is a piezoelectric ceramic speaker, it can not only convert the electrical signal into human audible sound waves, but also convert the electrical signal into human inaudible sound waves for distance measurement and other purposes.
  • the audio circuit 1707 may also include a headphone jack.
  • the positioning component 1708 is used to locate the current geographic location of the terminal 1700 to implement navigation or LBS (Location Based Service, location-based service).
  • the positioning component 1708 may be a positioning component based on the GPS (Global Positioning System, Global Positioning System) of the United States, the Beidou system of China, the Granus system of Russia, or the Galileo system of the European Union.
  • the power supply 1709 is used to supply power to various components in the terminal 1700.
  • the power source 1709 may be alternating current, direct current, disposable batteries, or rechargeable batteries.
  • the rechargeable battery may support wired charging or wireless charging.
  • the rechargeable battery can also be used to support fast charging technology.
  • FIG. 17 does not constitute a limitation on the terminal 1700, and may include more or less components than shown in the figure, or combine certain components, or adopt different component arrangements.
  • FIG. 18 is a schematic structural diagram of a server provided by an embodiment of the present application.
  • the server 1800 may have relatively large differences due to different configurations or performance, and may include one or more processors (Central Processing Units, CPU) 1801 and one Or more than one memory 1802, where at least one program code is stored in the memory 1802, and the at least one program code is loaded and executed by the processor 1801 to implement the methods provided by the foregoing method embodiments.
  • the server may also have components such as a wired or wireless network interface, a keyboard, an input and output interface for input and output, and the server may also include other components for implementing device functions, which will not be described in detail here.
  • the server 1800 may be used to execute the steps executed by the server in the above-mentioned item display method.
  • An embodiment of the present application also provides a computer device, which includes a processor and a memory, and at least one piece of program code is stored in the memory, and the at least one piece of program code is loaded and executed by the processor to realize the item display of the above-mentioned embodiment.
  • the operations in the method are performed by the processor and a memory, and at least one piece of program code is stored in the memory, and the at least one piece of program code is loaded and executed by the processor to realize the item display of the above-mentioned embodiment. The operations in the method.
  • the embodiment of the present application also provides a computer-readable storage medium, the computer-readable storage medium stores at least one piece of program code, and the at least one piece of program code is loaded and executed by a processor to implement the item display method of the above-mentioned embodiment Operations in.
  • the embodiment of the present application also provides a computer program, the computer program includes at least one piece of program code, and the at least one piece of program code is loaded and executed by a processor to implement the operations included in the article display method of the above-mentioned embodiment.

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Finance (AREA)
  • Accounting & Taxation (AREA)
  • Strategic Management (AREA)
  • Development Economics (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种物品显示方法，属于计算机技术领域。该方法包括：通过信息显示界面显示媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。

Description

物品显示方法、装置、计算机设备及存储介质
本申请要求于2020年1月10日提交的申请号为2020100276695、发明名称为“物品显示方法”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及计算机技术领域，特别涉及一种物品显示方法、装置、计算机设备及存储介质。
背景技术
随着互联网技术的广泛普及和互联网规模的逐渐扩大，广告主通常会将物品的广告以媒体信息的形式进行发布，用户在浏览该媒体信息时可以加深对物品的了解，从而实现向用户推荐该物品的作用。
相关技术中，广告主可以自行上传媒体信息，媒体信息中可以包括与物品有关的文本、图片等，另外还可以包括物品链接。但是该媒体信息通常采用静态方式进行显示，这种显示方式过于死板，导致媒体信息易被用户忽略，不能吸引用户的注意力，进而导致物品的推荐效果不佳。
发明内容
本申请实施例提供了一种物品显示方法、装置、计算机设备及存储介质，可以提升物品的推荐效果。所述技术方案如下：
一方面，提供了一种物品显示方法，所述方法包括：
通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
另一方面，提供了一种物品显示装置，所述装置包括：
第一显示模块，用于通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
第二显示模块，用于响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
第三显示模块，用于在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
另一方面，提供了一种物品显示方法，所述方法包括：
通过信息显示界面显示媒体信息和目标物品的详情信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品，且所述媒体信息和所述详情信息位于不同卡片上；
响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品从所述媒体信息移动至所述详情信息所在的卡片中的动态效果。
另一方面，提供了一种物品显示装置，所述装置包括：
第一显示模块，用于通过信息显示界面显示媒体信息和目标物品的详情信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品，且所述媒体信息和所述详情信息位于不同卡片上；
第二显示模块，用于响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品从所述媒体信息移动至所述详情信息所在的卡片中的动态效果。
另一方面，提供了一种物品显示方法，其特征在于，所述方法包括：
通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品；
响应于接收到用户浏览操作，在显示所述目标物品的详情信息的同时，显示所述媒体信息中包含所述目标物品的图片移动至所述详情信息中的预设位置的动态效果。
另一方面，提供了一种物品显示装置，其特征在于，所述装置包括：
第一显示模块，用于通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品；
第二显示模块，用于响应于接收到用户浏览操作，在显示所述目标物品的详情信息的同时，显示所述媒体信息中包含所述目标物品的图片移动至所述详情信息中的预设位置的动态效果。
另一方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行以实现如所述物品显示方法中所执行的操作。
再一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以实现如所述物品显示方法中所执行的操作。
本申请实施例提供的方法、装置、计算机设备及存储介质，通过信息显示界面显示媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。
并且，在信息流这种阅读碎片化的展示场景下，显示多条媒体信息供用户查看时，动态显示目标物品的方式可以有效吸引用户的注意力。
另外，通过设置预设焦点区域，响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品的详情信息，同时显示目标物品的动态效果，避免媒体信息在信息显示界面的位置尚未引起用户注意时就显示物品信息而导致用户忽略物品信息，起到了强化显示物品信息的作用，提高了目标物品的推荐效果。
另外，通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果，丰富了页面显示效果，更能吸引用户注意力，提高了目标物品的推荐效果。
另外，通过获取目标物品的移动路径和旋转角度，在显示详情信息的同时，显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果，明确了动态效果的具体显示形式。
另外，通过采用补间动画技术，自动填充图片帧，从而播放补间动画，完整显示了目标物品从媒体信息移动至详情信息中的预设位置的动态效果，完善了本方案的细节。
另外，在第一界面图层中显示详情信息的同时，改变第二界面图层中第二物品图片在物品显示界面的位置，可以实现显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。
另外，通过将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品，将第二物品图片设置为透明状态，为后续显示目标物品的移动做好了基础准备。后续可以将第二物品图片设置为不透明状态，呈现出目标物品逐渐显示出来的效果。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种实施环境的示意图。
图2是本申请实施例提供的另一种实施环境的示意图。
图3是本申请实施例提供的一种物品显示方法的流程图。
图4是本申请实施例提供的一种信息显示界面的示意图。
图5是本申请实施例提供的一种信息显示界面的示意图。
图6是本申请实施例提供的一种信息显示界面的示意图。
图7是本申请实施例提供的另一种物品显示方法的流程图。
图8是本申请实施例提供的另一种物品显示方法的流程图。
图9是本申请实施例提供的另一种物品显示方法的流程图。
图10是本申请实施例提供的另一种物品显示方法的流程图。
图11是本申请实施例提供的一种物品显示装置的结构示意图。
图12是本申请实施例提供的另一种物品显示装置的结构示意图。
图13是本申请实施例提供的一种物品显示装置的结构示意图。
图14是本申请实施例提供的另一种物品显示装置的结构示意图。
图15是本申请实施例提供的一种物品显示装置的结构示意图。
图16是本申请实施例提供的另一种物品显示装置的结构示意图。
图17是本申请实施例提供的一种终端的结构示意图。
图18是本申请实施例提供的一种服务器的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
本申请实施例提供了一种物品显示方法，能够在信息显示界面中显示包含目标物品的媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，同时显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，与静态显示的方式相比，动态显示的方式更为生动灵活，容易吸引用户的注意力，提高了目标物品的推荐效果。
本申请实施例的执行主体为计算机设备，在一些实施例中，该计算机设备为终端，或者包括终端和服务器。图1是本申请实施例提供的一种实施环境的示意图，参见图1，该实施环境包括：终端101和服务器102。该终端101与该服务器102连接。在一些实施例中，该终端101为手机、计算机、平板电脑等，该服务器102是一台服务器，或者由若干台服务器组成的服务器集群，或者是一个云计算服务中心。服务器102能够向终端101发送媒体信息，终端101显示媒体信息，供用户查看该媒体信息。并且，在显示媒体信息的过程中，终端101还能够对目标物品进行动态显示，以吸引用户的注意力。例如，动态显示的方式包括：显示媒体信息中所包含的目标物品的详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。或者在不同卡片上显示媒体信息和详情信息的情况下，显示目标物品从媒体信息移动至详情信息所在卡片中的动态效果。或者，在显示详情信息的同时，显示包含目标物品的图片从媒体信息移动至详情信息中的预设位置的动态效果。其中，终端101基于用户标识登录服务器102，用户标识用于确定终端101用户的身份，可以为用户名称、用户昵称、用户账号等。在一些实施例中，媒体信息为服务器102自动推荐给用户标识的媒体信息，或者，为该用户标识的好友用户标识在服务器102上发布的媒体信息，或者为登录该服务器102的任一用户标识在服务器102上发布的媒体信息。在一种可能实现方式中，参见图2，该实施环境还包括终端103，该终端103获取待发布的媒体信息，发送给服务器102，服务器102发布该媒体信息，即向登录该服务器102的终端101发送该媒体信息，终端101即可显示该媒体信息。
本申请实施例提供的方法，可以应用于推荐物品的任一场景下。例如，投放商品广告的场景下：广告主向服务器上传商品图片和商品链接，服务器将商品图片中的背景与商品进行分割，得到不包含商品的背景展示图片和仅包含商品的商品展示图片，将背景展示图片、商品展示图片和商品链接作为商品信息，存储于广告库中，或者，将商品图片、背景展示图片、商品展示图片和商品链接作为商品信息，存储于广告库中。之后，当某一用户在服务器上发布了媒体信息，且媒体信息中的多张图片都包括上述商品时，终端在显示该媒体信息时，显示商品的详情信息，该详情信息包括背景展示图片和商品链接，而不包括商品图片，也不包括商品展示图片，并在显示商品的详情信息的同时，显示商品图片从媒体信息移动至背景展示图片的动态效果，最后商品展示图片与背景展示图片融合得到商品图片。
图3是本申请实施例提供的一种物品显示方法的流程图。本申请实施例的执行主体为终端，参见图3，该方法包括：
301、终端通过信息显示界面显示媒体信息，媒体信息中包括至少一张图片，且媒体信息中的至少一张图片包含目标物品。
在一些实施例中，信息显示界面为终端中用于显示信息的界面，是用来显示用户标识及 用户标识的好友用户标识发布的媒体信息的界面，或者，该信息显示界面是服务器提供的信息显示界面，用来显示登录该服务器的各个用户标识发布的媒体信息。
在一些实施例中，该信息显示界面为网页或者是某一应用中的显示界面，例如，该应用为即时通信应用、信息分享应用、微博应用、或者其他应用。或者该信息显示界面还为其他类型的显示界面。该信息显示界面包括媒体信息显示区域，在一些实施例中，该媒体信息显示区域位于信息显示界面的顶部区域、底部区域、中间区域或者任意位置。该媒体信息显示区域用于显示一条或多条媒体信息。在一些实施例中，媒体信息包括文字、图片、视频、物品链接。在一些实施例中，媒体信息还包括发布者信息，发布者信息包括发布者的头像、发布者标识和发布时间，该发布者标识为发布该媒体信息的用户标识，如用户账号或用户昵称等，且该发布者标识为个人用户标识或者为属于某一机构的公众用户标识等，如某一广告主的公众账号。
在一些实施例中，媒体信息以卡片形式显示在信息显示界面中，其中，卡片是指信息显示界面中用于显示信息的显示单元，卡片可以为方框形，例如长方形或者正方形等，方框中显示卡片包含的信息。卡片包含的信息可以包括文字、图片、视频等多种类型，且卡片还具有显示样式，包括文本颜色、背景颜色、图标样式、边框样式等，不同的卡片的显示样式可以相同也可以不同。
本申请实施例以显示的一条媒体信息为例，在一些实施例中，终端获取信息流，该信息流中包括多条媒体信息，显示多条媒体信息时每条媒体信息的处理过程与此类似，在此不再赘述。该媒体信息中包括至少一张图片，且媒体信息中的至少一张图片包含目标物品，在显示该媒体信息时，用户查看该至少一张图片，从而查看到该目标物品。其中，该目标物品为手表、衣服、饰品、化妆品等多种类型的物品，本申请实施例对此不做限定。例如，该信息显示界面如图4所示，媒体信息中包括发布者信息401、文字402以及图片403，发布者信息401包括发布者的头像、发布者标识“户外腕表”和发布时间“06-02 15:57”。且媒体信息的下方显示有操作区域404，操作区域404中包括对媒体信息的操作选项，供用户触发，例如评论选项，点赞选项等，用户触发评论选项，能够对媒体信息进行评论，触发点赞选项，能够对媒体信息进行点赞操作或者进行取消点赞的操作。
302、终端响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品的详情信息。
当用户查看信息显示界面的媒体信息时，用户在信息显示界面执行滑动操作，终端在信息显示界面中检测到该滑动操作，按照滑动操作的滑动方向移动媒体信息，则媒体信息在信息显示界面中的显示位置会随着滑动操作的进行而发生变化。并且，为了提高推荐目标物品的效果，在显示媒体信息时相应地显示目标物品的详情信息，供用户查看。为此，终端预先设置媒体信息的显示位置应满足的预设条件，并且获取一种或多种物品的物品信息，该物品信息中至少包括详情信息，还可以包括其他物品信息。
在信息显示界面显示过程中，获取媒体信息的显示位置，响应于该显示位置满足该预设条件，表示用户正在查看媒体信息，显示目标物品的详情信息。响应于该显示位置不满足该预设条件，表示用户可能正在查看其他的媒体信息，而未查看本条媒体信息，此时先不显示目标物品的详情信息。
1、关于该预设条件：
在一些实施例中，该预设条件包括：媒体信息的显示位置位于信息显示界面的预设焦点区域。
终端预先设置信息显示界面中的预设焦点区域，该预设焦点区域即为用户查看信息显示界面时视线对准的区域，也即是用户更容易关注的区域。终端获取媒体信息的显示位置，响应于该显示位置位于该预设焦点区域中，表示用户正在查看媒体信息，显示目标物品的详情信息。响应于该显示位置没有位于该预设焦点区域中，表示用户可能正在查看其他的媒体信息，而未查看本条媒体信息，此时先不显示目标物品的详情信息。
其中，该预设焦点区域具有一定的尺寸和形状，为信息显示界面的中间区域，如与信息显示界面顶部的距离大于第一预设距离且小于第二预设距离的区域，或者与信息显示界面底部的距离大于第三预设距离且小于第四预设距离的区域。或者，该预设焦点区域为中轴线与信息显示界面的中轴线重合的区域，且该预设焦点区域的宽度与信息显示界面的宽度相等， 高度为预设高度。在此种情况下，媒体信息的显示位置可以根据媒体信息的中轴线确定，相应地，媒体信息的显示位置是否位于预设焦点区域中，可以根据媒体信息的中轴线与该预设焦点区域的中轴线之间的距离确定。因此，终端获取媒体信息的中轴线与该预设焦点区域的中轴线之间的距离，响应于该距离小于预设距离阈值，确定媒体信息的显示位置位于预设焦点区域中。而响应于该距离不小于预设距离阈值，确定媒体信息的显示位置没有位于预设焦点区域中。由于中轴线与信息显示界面的中轴线重合的区域是整个信息显示界面的中间区域，用户在查看信息显示界面时，会首先关注到这一区域，以这一区域为预设焦点区域，更加符合用户的行为习惯，更方便用户查看媒体信息以及详情信息和目标物品。
2、关于该详情信息：
首先，关于该详情信息的内容，该详情信息用于对目标物品进行展示，包括目标物品的相关信息，如目标物品的功能介绍、使用方法、同类物品中的排行及链接至目标物品展示界面的物品链接等。用户查看该目标物品的详情信息，了解该目标物品，且还能够通过触发该物品链接，从而进入到目标物品展示界面，在该目标物品展示界面中对目标物品进行更为细节地展示，或者还能够在该目标物品展示界面中购买该目标物品、将该目标物品加入到购物车等。另外，详情信息还包括预设位置，该预设位置用于展示目标物品，但为了实现目标物品的动态显示，在显示详情信息之前，该预设位置是不包含目标物品的，此时该预设位置可以为空白位置，或者也可以正在显示详情信息中的其他信息。后续在显示详情信息时，会显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，显示动态效果结束之后，该预设位置中即可包含目标物品。例如，在显示详情信息之前，详情信息中的预设位置包含其他信息，在显示详情信息的同时，会显示目标物品从媒体信息移动至预设位置的动态效果，此时详情信息内的多个信息会进行重组，预设位置中原来显示的信息会在其他的位置进行显示，从而将预设位置空余出来，以便将目标物品显示在该预设位置。其次，关于该详情信息的显示位置，该详情信息显示于该信息显示界面中的任一位置。
在一些实施例中，通过信息显示界面，在媒体信息指定方向的一侧显示详情信息，指定方向包括左方、右方、上方或下方中的至少一种，可以由终端默认设置或者由用户进行设置。
如图5所示，以指定方向为下方为例，响应于媒体信息的显示位置满足预设条件，位于该媒体信息下方的操作区域404向下移动，在媒体信息的下方显示目标物品的详情信息405。该详情信息405中包括目标物品的介绍“硬汉也心动的户外表，专为户外运动爱好者设计，兼顾舒适性和实用性”、目标物品的展示图片406、目标物品的价格“1388.00”及目标物品的购买选项407。其中，展示图片406目前还不包含目标物品，后续可以显示目标物品。
在一些实施例中，终端通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果，实现了详情信息的动态显示，能够吸引用户的注意力。其中，详情信息沿着指定方向逐渐移动，是指详情信息中当前已显示的部分信息移动，剩余未显示的部分信息逐渐显示，直至详情信息的全部信息均显示为止，从而将详情信息从不完整显示的状态过渡为完整显示的状态。其中，详情信息逐渐显示，是指详情信息从透明状态过渡为不透明状态，例如，详情信息的透明度从100％开始，逐渐变小，直至详情信息的透明度为0％的过程。如图6所示，终端通过信息显示界面，显示详情信息405由媒体信息的显示位置向下方逐渐移动，且移动过程中详情信息405逐渐显示的动态效果，实现了详情信息的动态显示，能够吸引用户的注意力。
另外，详情信息也可以以卡片的形式显示在信息显示界面中，媒体信息和详情信息可以位于同一卡片上，或者位于不同的卡片上，若媒体信息和详情信息位于不同的卡片上，则这两张卡片可以为紧邻的两张卡片，也可以为相隔至少一张卡片的两张卡片。
303、终端在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。
在本申请实施例中，不仅会显示详情信息，而且在显示详情信息的同时，还会通过信息显示界面显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，从而吸引用户的注意力，提高目标物品的推荐效果。
在一些实施例中，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，包括以下任一种方式：
第一种、获取目标物品的移动路径，移动路径由目标物品的原始位置到达详情信息中的 预设位置，在显示详情信息的同时，显示目标物品按照移动路径进行移动的动态效果。
其中，在显示媒体信息时，目标物品位于媒体信息中的任一张图片中，目标物品在该图片中的位置即为目标物品的原始位置。而为了实现目标物品的动态显示，在目标图片中还设置有目标物品的终止位置，即详情信息中的预设位置，因此能够根据该原始位置和该预设位置，获取由该原始位置到达该预设位置的移动路径，控制目标物品按照移动路径进行移动，从而显示目标物品按照移动路径进行移动的动态效果，也即是从媒体信息移动至详情信息中的预设位置的动态效果。
第二种、获取目标物品的移动路径和旋转角度，移动路径由目标物品的原始位置到达详情信息中的预设位置，旋转角度由目标物品在原始位置的第一角度及在预设位置的第二角度确定。在显示详情信息的同时，显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果。其中，显示目标物品按照该移动路径进行移动的动态效果，与上述第一种方式类似，在此不再赘述。
另外，在显示媒体信息时，目标物品位于媒体信息中的任一张图片中，目标物品在该图片中的位置即为目标物品的原始位置，且在该原始位置上，目标物品具有一定的展示角度，例如目标物品的正面与所在图片平行，即该图片为目标物品的正面图像，或者目标物品的侧面与所在图片平行，即该图片为目标物品的侧面图像，或者目标物品的顶部朝上或者顶部朝下等。而在预设位置还设置有目标物品的展示角度，表示在该预设位置上，需要按照该展示角度来显示目标物品。将目标物品在媒体信息中的原始位置的展示角度作为第一角度，将目标物品在预设位置的展示角度作为第二角度，则根据该第一角度和第二角度确定目标物品的旋转角度，在显示详情信息的同时，显示目标物品按照旋转角度进行旋转的动态效果。其中，该旋转角度可以为第一角度与第二角度的差值。随着目标物品的移动，目标物品的显示位置逐渐发生变化，直至目标物品的显示位置位于预设位置，此时的预设位置包含目标物品，则停止动态显示，仅需静态显示媒体信息和详情信息即可。
如图6所示，手表在原始位置的第一角度为水平角度(0度)，在展示图片406中的第二角度为竖直角度(270度)，两者不一致，则将第一角度与第二角度的差值270度作为手表的旋转角度，在显示详情信息405的同时显示手表掉落过程中逆时针旋转的动态效果，直至手表掉落至展示图片406。
本申请实施例提供的方法，通过信息显示界面显示媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。并且，在信息流这种阅读碎片化的展示场景下，显示多条媒体信息供用户查看时，动态显示目标物品的方式可以有效吸引用户的注意力。另外，通过设置预设焦点区域，响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品的详情信息，同时显示目标物品的动态效果，避免媒体信息在信息显示界面的位置尚未引起用户注意时就显示物品信息而导致用户忽略物品信息，起到了强化显示物品信息的作用，提高了目标物品的推荐效果。另外，通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果，丰富了页面显示效果，更能吸引用户注意力，提高了目标物品的推荐效果。另外，通过获取目标物品的移动路径，或者获取目标物品的移动路径和旋转角度，在显示详情信息的同时，显示目标物品按照移动路径进行移动的动态效果，或者显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果，明确了动态效果的显示形式。
上述实施例中以媒体信息中包含的目标物品为例，对动态显示目标物品的过程进行了说明。然而，考虑到媒体信息发布的随机性和灵活性，媒体信息中包含的物品与已存储详情信息的物品在外观、颜色、形状等方面可能会稍有差异，如何自然真实地、动态地显示物品，成为亟待解决的问题。以下将在下一实施例对动态显示物品的另一种方法进行说明。
图7是本申请实施例提供的另一种物品显示方法的流程图。本申请实施例的执行主体为终端，参见图7，该方法包括：
701、终端获取媒体信息，该媒体信息包括多张图片。
其中，终端获取媒体信息的方式包括多种。
在一些实施例中，终端基于用户标识登录服务器，用户在终端上输入媒体信息，则终端获取该媒体信息，后续还可以通过信息显示界面显示该媒体信息，另外还可以将该媒体信息发送给服务器，由服务器发布该媒体信息，则其他用户标识对应的终端也可以显示该媒体信息。或者，终端基于用户标识登录服务器，其他用户标识对应的终端将媒体信息发送给服务器，由服务器发布该媒体信息，则本终端也可以接收到服务器发送的媒体信息，后续还可以通过信息显示界面显示该媒体信息。或者，终端基于用户标识登录服务器，服务器预先获取一条或多条媒体信息，作为待推荐的媒体信息，服务器根据推荐算法从中选取媒体信息，发送给终端，则终端可以接收到服务器推荐的媒体信息，后续还可以通过信息显示界面显示该媒体信息。另外，该媒体信息中不仅可以包括多张图片，还可以包括文字、视频等其他格式的信息，本申请实施例对此不做限定。
在一些实施例中，终端提供信息显示界面的入口，用户触发该入口，终端检测到对该入口的触发操作，则显示信息显示界面，此时终端获取待显示的媒体信息，从而能够通过信息显示界面显示媒体信息。或者，终端显示信息显示界面时，用户执行刷新操作，终端检测到该刷新操作，获取更新的媒体信息，从而能够通过信息显示界面显示媒体信息。并且，为了实现目标物品的动态显示，终端获取到媒体信息时并未立即显示该媒体信息，而是通过执行下述步骤702-705进行处理，处理完成之后再显示媒体信息。
702、终端从多张图片中选取包含目标物品的第一物品图片。
本申请实施例中，以媒体信息中的至少一张图片包含目标物品为例，并且为了实现目标物品的动态显示，需要将目标物品从所在图片移动至详情信息中的预设位置。因此，目标物品所在图片的显示位置应当与预设位置在详情信息中的显示位置匹配，以保证目标物品的移动路径流畅。为此，终端从媒体信息的多张图片中选取包含目标物品的第一物品图片，后续即可将目标物品从第一物品图片移动至详情信息中的预设位置。
在一些实施例中，媒体信息中包含多张图片，其中的一张图片包含目标物品，则将包含该目标物品的图片作为第一物品图片。
在一些实施例中，媒体信息中包含多张图片，其中的多张图片都包含目标物品，则从包含该目标物品的多张图片中随机选取一张图片，作为第一物品图片，或者媒体信息中的图片具有排列顺序，按照该排列顺序，从包含该目标物品的多张图片中选取第一张图片，作为第一物品图片。或者，由于每张图片中不仅可以包含目标物品，还包含其他显示元素，如佩戴该目标物品的人物、人物所处环境的背景等。并且，每张图片中，目标物品可以具有不同的尺寸、不同的角度、不同的颜色等特点，因此终端预先设置物品展示条件，根据包含该目标物品的多张图片中的显示元素，从该多张图片中选取满足物品展示条件的图片，作为第一物品图片。
在一些实施例中，该物品展示条件可以包括图片中的目标物品的颜色与其他显示元素的颜色的差异度大于预设阈值。则终端根据包含该目标物品的多张图片中的显示元素，获取每张图片中目标物品的颜色与其他显示元素的颜色的差异度，判断该差异度是否大于预设阈值，响应于任一图片的差异度大于预设阈值，将该图片作为第一物品图片。或者，响应于多张图片的差异度大于预设阈值，则将差异度小于预设阈值的多张图片中，差异度最大的图片作为第一物品图片。采用上述物品展示条件选取图片，能够选取出前景与背景差异较为明显的图片，基于该图片来动态显示目标物品时，能够增强对比性，提高用户视觉体验，提高显示效果。
在一些实施例中，该物品展示条件可以包括图片中的目标物品的角度属于预设角度范围，其中该预设角度范围可以根据物品正面显示时的角度所属的范围确定。则终端根据包含该目标物品的多张图片中该目标物品的角度，获取角度属于预设角度范围的图片，作为第一物品图片。需要补充的是，对于任一张图片，终端可以采用物品识别算法，对该图片中的一种或多种显示元素进行识别，从而确定该图片中包含的物品以及物品所属的物品类型，本申请实施例对该物品识别算法不做限定。
703、终端将第一物品图片在媒体信息中的显示位置设置为目标显示位置。
终端可以预先设置目标显示位置，使得目标显示位置与详情信息中的预设位置匹配。则选取出第一物品图片后，将第一物品图片在媒体信息中的显示位置设置为目标显示位置，后续即可在目标显示位置显示该第一物品图片，而在其他位置显示媒体信息中的其他信息。将 目标物品从目标显示位置移动至预设位置时，移动路径更为流畅，更加符合用户视觉习惯。
在一些实施例中，目标物品的详情信息位于媒体信息的下方，预设位置位于详情信息的左侧，终端将第一物品图片在媒体信息中的显示位置设置在最左侧，与预设位置匹配，以便于目标物品从媒体信息中移动至预设位置。例如，如图6所示，媒体信息中包括三张图片，这三张图片中均包括手表，但第一张图片中手表正面展示，便于用户的观看，第二张和第三张图片中手表有一定角度的倾斜，未正面显示，不便于用户的观看。因此，将第一张图片选取为第一物品图片，将第一张图片在媒体信息中的显示位置设置在最左侧，方便后续显示手表从最左侧图片掉落至手表链接左侧显示的图片中。
704、终端获取多张图片的特征信息，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息。
本申请实施例中，动态显示目标物品时，需要显示目标物品的详情信息，因此首先需要获取目标物品的详情信息。
终端可以预先获取一种或多种物品的物品信息，并在物品信息数据库中存储获取到的物品信息。其中每种物品的物品信息包括详情信息，详情信息中可以包括物品链接、不包含目标物品的背景展示图片、物品的名称、品牌、价格等。该详情信息用于对物品进行介绍。另外物品信息中还可以包括仅包含目标物品的物品展示图片、由背景展示图片与物品展示图片融合得到的展示图片，以及物品展示图片在展示图片中的显示位置等。例如，某种商品的商品信息包括商品链接和商品图片，将商品图片中的背景与商品进行分割，可以得到不包含商品的背景展示图片和仅包含商品本身的商品展示图片，将商品链接和背景展示图片作为商品的详情信息，在显示详情信息时会显示商品链接和背景展示图片，而不会显示商品展示图片。
终端获取到媒体信息时，可以获取多张图片的特征信息，根据该媒体信息中多张图片的特征信息查询物品信息数据库，则物品信息数据库中，与多张图片的特征信息匹配的物品信息即为该目标物品的物品信息。其中，每张图片的特征信息用于对图片进行描述，可以表示图片中显示元素的特征。终端可以采用编码算法对图片进行编码，得到图片的编码信息，再采用预设特征提取算法，对图片的编码信息进行特征提取，从而提取图片的特征信息。其中，该编码算法可以为base64(基于64个可打印字符表示二进制数据)编码算法或其他编码算法，该预设特征提取算法可以为SIFT(Scale-Invariant Feature Transform，检测局部特征)、SURF(Speeded Up Robust Features,加速稳健特征)或haar(哈尔)算法等。
并且，终端还可以预先设置特征信息的多个维度，从而按照该多个维度提取图片的特征信息，则该特征信息中可以包括多个维度的信息，从多个维度对图片进行描述，该特征信息可以看做是图片的高维特征信息。该多个维度可以包括物品类型、图片风格、形状、品牌等。如物品类型为手表、图片风格为时尚风格。
在一些实施例中，终端可以将多张图片的特征信息作为预设算法的输入项，采用预设算法查询物品信息数据库，以检索物品信息数据库中与特征信息匹配的物品信息。例如该算法可以为PageRank(网页分级)算法或者其他算法。
在一些实施例中，物品信息数据库中，每个物品具有物品关键词，将物品关键词与物品信息对应存储，物品关键词为手表、时尚风格、青春风格等。则根据该媒体信息中多张图片的特征信息查询物品信息数据库时，先获取与该多张图片的特征信息匹配的商品关键词，即可确定该媒体信息对应的目标物品，再获取该商品关键词对应的物品信息。
在一些实施例中，获取媒体信息的多张图片中每两张图片的特征信息的相似度，响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。
其中，对于每两张图片来说，获取的相似度用于表示这两张图片是否相似，从而能够表示这两张图片包含的物品是否为同一物品，相似度越大，代表这两张图片包含的物品越可能为同一物品，相似度越小，代表这两张图片包含的物品越可能不是同一物品。
终端获取每两张图片的特征信息的相似度，即得到至少一个相似度，判断每个相似度是否大于预设相似度，若获取到的每个相似度均大于预设相似度，表示媒体信息中的多张图片包含同一物品，该媒体信息是用来展示该物品的，因此执行查询物品信息数据库的步骤，以获取物品信息。
在另一实施例中，响应于获取的相似度不大于预设相似度，则不再根据多张图片的特征 信息进行查询，也无需获取物品信息。例如，该相似度可以采用置信度来表示，三张图片中每两张图片之间的置信度大于60％，表示这三张图片展示的是同一物品。
并且，本申请实施例中，上述步骤702-703还可以在步骤704之后执行，则在步骤704中，响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，之后执行步骤702和703选取第一物品图片并设置第一物品图片的显示位置。而响应于获取的相似度不大于预设相似度，不再执行查询物品信息数据库的步骤，也无需执行步骤702和703，那么媒体信息中多张图片的显示位置可以随机设置或者按照其他的方式设置，本申请实施例对此不做限定。
705、终端将物品信息中的第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品，将第二物品图片设置为透明状态。
物品信息还包括第二物品图片，第二物品图片即为仅包含目标物品的图片，如商品展示图片等。该第二物品图片只包含目标物品，不包含背景。
需要说明的是，终端根据媒体信息中多张图片的特征信息查询到第二物品图片，第二物品图片可以认为是与媒体信息匹配的图片，即第二物品图片中的目标物品可以认为与媒体信息中的目标物品属于同一种物品。由于查询过程中并未限制同一种物品的颜色、尺寸或其他特征，因此第二物品图片中的目标物品与媒体信息中的目标物品虽然属于同一种物品，但是在颜色、尺寸或其他方面可能会存在差异。
本申请实施例中，终端通过改变第二物品图片在信息显示界面的显示位置，以实现显示目标物品从第一物品图片移动至详情信息中的预设位置的动态效果。
在一些实施例中，终端在开始显示详情信息之前，目标物品位于第一物品图片中的原始位置，具有坐标信息和尺寸信息，该坐标信息用于指示目标物品的原始位置，该尺寸信息用于指示目标物品的尺寸。例如，该坐标信息可以为(20，80)，该尺寸信息可以为宽200像素，高200像素。并且，第二物品图片也具有尺寸信息，该尺寸信息用于指示第二物品图片的尺寸，也即是该第二物品图片中目标物品的尺寸。
终端获取第一物品图片中目标物品的坐标信息和尺寸信息及第二物品图片的尺寸信息，根据第一物品图片中目标物品的尺寸信息及第二物品图片的尺寸信息，对第二物品图片的尺寸进行调整，使第二物品图片的尺寸与第一物品图片中目标物品的尺寸相等，或者第二物品图片的尺寸略小于第一物品图片中目标物品的尺寸。并且将调整尺寸后的第二物品图片与第一物品图片融合，使第二物品图片覆盖第一物品图片中的目标物品的全部区域或部分区域。
在一些实施例中，为了在静态显示媒体信息的同时，动态显示第二物品图片，可以在不同的图层中显示媒体信息和第二物品图片。即终端在第一界面图层显示媒体信息，则将第二物品图片与第一物品图片融合时，在第一界面图层的上层创建第二界面图层，在第二界面图层显示第二物品图片。
并且，终端在开始显示详情信息之前，将第二物品图片设置为透明状态，使得在开始显示详情信息时，用户只看到目标物品，而暂时看不到第二物品图片。其中，第二物品图片位于第二界面图层中，通过将第二界面图层的透明度设置为100％，可以将第二物品图片设置为透明状态。
另外，由于第一物品图片中同时包含目标物品和背景，为了避免第二物品图片在第一物品图片中显示过于突兀，终端将处于第二界面图层的第二物品图片的边缘，与处于第一界面图层的第一物品图片中目标物品的背景区域的边缘进行平滑处理，如像素过渡处理、像素补齐处理等，以保证在显示第二物品图片时第二物品图片与背景区域能够流畅地平滑过渡，提升显示效果。终端根据预设平滑算法进行平滑处理，其中，该预设平滑算法为加权平均法、羽化算法或拉普拉斯金字塔融合算法等。
需要说明的是，在另一实施例中，终端还可以设置动态显示条件，判断该目标物品是否满足动态显示条件，以确定是否要动态显示目标物品。因此终端查询到物品信息时，可以确定该物品信息对应的动态显示条件，响应于满足该动态显示条件，则将物品信息中的第二物品图片与第一物品图片融合，以便后续动态显示第二物品图片。响应于不满足该动态显示条件，则不再将第二物品图片与第一物品图片融合，后续也不再动态显示第二物品图片。其中，该动态显示条件可以包括显示时间段、动态显示的物品类型等。例如，为商品设置投放条件，若媒体信息中的商品不满足投放条件，如当前时间点不属于商品的投放时间段、终端的投放 次数达到最大投放次数或者投放该商品所需的金额已消耗完等，则不再进行该商品的动态显示。
706、终端通过信息显示界面显示媒体信息，该媒体信息包括第一物品图片和融合的第二物品图片。
通过执行上述步骤701-705，即可获取到媒体信息，以及目标物品的详情信息，该媒体信息中包括第一物品图片及融合的第二物品图片，该详情信息中包括物品链接及不包含目标物品的背景展示图片。之后即可基于获取到的信息进行显示，首先，终端通过信息显示界面显示媒体信息。由于第一物品图片在媒体信息中的显示位置已经设置为目标显示位置，且第一物品图片已经与第二物品图片融合，因此终端会在目标显示位置显示第一物品图片及融合的第二物品图片。至于媒体信息中除第一物品图片之外的信息，可以在媒体信息中的任一显示位置进行显示。此时，用户可以查看媒体信息，但是由于第二物品图片当前还处于透明状态，因此用户看不到第二物品图片。
707、终端响应于媒体信息的显示位置满足预设条件，通过信息显示界面开始显示目标物品的详情信息，将第二物品图片设置为不透明状态。
步骤707中显示详情信息的过程参考上述步骤302。
本申请实施例中，终端在显示详情信息之前，将第二物品图片设置为透明状态，在开始显示详情信息时，终端将第二物品图片设置为不透明状态，从而开始显示第二物品图片。例如，终端首先将第二界面图层的透明度设置为100％，从而将第二物品图片设置为透明状态。当开始显示目标物品的详情信息时，逐渐减小第二物品图片的透明度，直至第二物品图片的透明度为0％时停止调整透明度。则在调整过程中，第二物品图片会处于半透明状态，而透明度调整为0％时，第二物品图片处于完全不透明的状态。
708、终端在显示详情信息的同时，保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至详情信息中的预设位置的动态效果。
终端在显示详情信息的同时，通过第二物品图片的位置变化显示目标物品移动的动态效果。由于第一物品图片与第二物品图片相互独立，互不影响，因此显示动态效果的过程中，第一物品图片的显示状态不变，第一物品图片中仍然可以显示目标物品。
在一些实施例中，在第一界面图层中显示详情信息的同时，在信息显示界面的第二界面图层显示第二物品图片从第一物品图片移动至详情信息中的预设位置的动态效果。在一些实施例中，显示动态效果的过程包括：获取第一图片帧，第一图片帧中包括目标物品，且目标物品位于媒体信息中的原始位置，获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，目标物品位于详情信息中的预设位置，以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放该补间动画。
其中，补间动画技术是指根据动画起始帧和动画终止帧，以及设定的播放时长和播放速率，自动填充动画起始帧与动画终止帧之间的动画帧的技术。其中，第一图片帧可以根据信息显示界面中当前显示的媒体信息获取得到，而获取第二图片帧时，终端可以在信息显示界面中添加详情信息，将第二物品图片融合至详情信息中的预设位置，从而使目标物品位于预设位置，此时得到的信息显示界面即为第二图片帧。并且，在获取第二图片帧的过程中，终端仍在显示第一图片帧，而未显示第二图片帧。后续播放补间动画后，终端即可显示第二图片帧。例如，预设位置处显示不包含目标物品的背景展示图片，将第二物品图片融合至该背景展示图片，得到的第二图片图片帧中即可显示包含目标物品的展示图片。采用补间动画技术，可以根据上述第一图片帧和第二图片帧，自动填充第一图片帧和第二图片帧之间的中间图片帧，从而构造完整的补间动画，该补间动画包括预设数量的图片帧，这些图片帧按照顺序依次显示，能够显示出目标物品从媒体信息移动至预设位置的移动路径，从而实现了目标物品平滑稳定地移动。
在一些实施例中，终端获取第一物品图片中的目标物品的尺寸、位置和角度等信息，以及目标图片中的终止位置的物品尺寸、位置和角度等信息，将这些信息作为输入项输入到预设曲线函数中，采用该预设曲线函数输出目标物品的移动曲线，从而确定了第一图片帧与第二图片帧之间的每个中间图片帧上目标物品所在的位置。该预设曲线函数可以为贝塞尔函数或者其他函数。例如，播放时长为300ms(毫秒)，播放速率为1s内播放200个图片帧，则在300ms内需要播放60个图片帧，因此根据第一图片帧和第二图片帧，自动填充中间的58 个图片帧，从而得到包含60个图片帧的补间动画，按照1s内播放200个图片帧的播放速度，播放该补间动画，完成显示目标物品移动的动态效果。
需要说明的是，本申请实施例仅是以执行主体为终端为例，在另一实施例中，执行主体还可以包括终端和服务器，由终端进行显示，由服务器进行后台的处理，如查询详情信息、将第一物品图片与第二物品图片融合等。通过终端与服务器的相互配合，实现了目标物品的动态显示。
本申请实施例提供的方法，通过信息显示界面显示媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。另外，通过采用补间动画技术，自动填充图片帧，从而播放补间动画，完整显示了目标物品从媒体信息移动至详情信息中的预设位置的动态效果，完善了本方案的细节。另外，在第一界面图层中显示详情信息的同时，改变第二界面图层中第二物品图片在物品显示界面的位置，可以实现显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。另外，通过将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品，将第二物品图片设置为透明状态，为后续显示目标物品的移动做好了基础准备。后续可以将第二物品图片设置为不透明状态，呈现出目标物品逐渐显示出来的效果。
图8是本申请实施例提供的另一种物品显示方法的流程图。本申请实施例的执行主体包括终端和服务器，且本申请实施例以投放广告为例进行说明，参见图8，该方法包括：
801、广告主向服务器上传商品信息，包括商品图片和商品链接，商品图片中包括商品和背景，商品链接用于链接至商品的详情展示界面。
802、服务器将商品图片中的商品和背景进行分割，得到背景展示图片和商品展示图片，将背景展示图片、商品展示图片和商品链接都存储于广告库中。
803、广告主利用公众账号在服务器上发布媒体信息，该媒体信息中包括商品的三张图片。
804、用户的终端从服务器下载信息流，通过信息显示界面显示信息流中包含的一条或多条媒体信息，执行步骤804和811。
805、终端确定需要显示广告主发布的媒体信息，向服务器发送媒体信息显示指令。
806、服务器接收到该媒体信息显示指令，根据该媒体信息中多张图片的特征信息判断多张图片是否显示了同一商品，如果是，则执行步骤807。
807、服务器根据该多张图片的特征信息与广告库中的商品信息进行匹配，查询匹配的商品信息。
808、服务器判断该商品是否满足投放条件，如果是，则执行步骤809。
809、服务器从媒体信息的多张图片中选择正面显示商品的图片，根据商品信息中商品展示图片的尺寸、位置和角度，以及媒体信息中正面显示的商品的大小、位置和角度，将商品展示图片叠加到正面显示商品的图片上层，并将商品展示图片的透明度设置为100％。
810、服务器根据媒体信息中商品的原始位置和商品链接的背景展示图片中商品的终止位置，生成补间动画，发送给终端。
811、用户在终端的信息显示界面上执行滑动操作，随着滑动操作的执行，信息流中的媒体信息移动，广告主发布的那条媒体信息位于信息显示界面的预设焦点区域。
812、终端在媒体信息的下方逐渐显示商品链接和背景展示图片，同时还显示商品展示图片从媒体信息掉落到背景展示图片且透明度逐渐变小的动态效果，直至商品展示图片位于背景展示图片中的终止位置，且透明度为0％时，停止动态显示，此时商品展示图片与背景展示图片融合成商品图片，在媒体信息即可静态显示商品图片和商品链接。
图9是本申请实施例提供的另一种物品显示方法的流程图。本申请实施例的执行主体为终端，参见图9，该方法包括：
901、终端通过信息显示界面显示媒体信息和目标物品的详情信息，且媒体信息和详情信息位于不同卡片上。
其中，媒体信息中包括至少一张图片，且媒体信息中的至少一张图片包含目标物品。详情信息与媒体信息分别以卡片形式显示在信息显示界面中，该两张卡片可以为紧邻的两张卡片，也可以为相隔至少一张卡片的两张卡片。其中，卡片是指信息显示界面中用于显示一组 信息的显示区域，卡片可以为方框形，例如长方形或者正方形等，方框中显示卡片包含的信息，如媒体信息或详情信息。卡片包含的信息可以包括文字、图片、视频等多种类型，且卡片还具有显示样式，包括文本颜色、背景颜色、图标样式、边框样式等，不同的卡片的显示样式可以相同也可以不同。该步骤901中以媒体信息和详情信息均显示于信息显示界面中为例进行说明，而不对媒体信息和详情信息的具体显示时机进行限定。
在一些实施例中，通过信息显示界面显示媒体信息和目标物品的详情信息，包括：通过信息显示界面，显示媒体信息，并在媒体信息指定方向的一侧显示详情信息，指定方向包括左方、右方、上方或下方中的至少一种。在一些实施例中，通过信息显示界面，显示媒体信息，并在媒体信息指定方向的一侧显示详情信息，包括：通过信息显示界面的第一卡片，显示媒体信息；通过信息显示界面，在第一卡片的指定方向的一侧显示第二卡片，在第二卡片中显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果。该步骤901中显示媒体信息和详情信息的具体方式与上述步骤301类似，在此不再赘述。
902、终端响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在卡片中的动态效果。
在一些实施例中，详情信息所在的卡片中设置有预设位置。该预设位置用于展示目标物品，但为了实现目标物品的动态显示，在显示详情信息之前，该预设位置是不包含目标物品的，此时该预设位置可以为空白位置，或者也可以正在显示卡片中的其他信息。后续会显示目标物品从媒体信息移动至预设位置的动态效果，显示动态效果结束之后，该预设位置中即可包含目标物品。因此，该预设位置即为目标物品的终止位置。
例如，详情信息所在的卡片中的预设位置包含其他信息，在媒体信息的显示位置满足预设条件时，会显示目标物品从媒体信息移动至预设位置的动态效果，此时卡片内的信息会进行重组，预设位置中原来显示的信息会在其他的位置进行显示，从而将预设位置空余出来，以便将目标物品显示在该预设位置。
在一些实施例中，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果，包括：获取目标物品的移动路径，移动路径由目标物品的原始位置到达详情信息所在的卡片中的终止位置；显示目标物品按照移动路径进行移动的动态效果。
在一些实施例中，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果，包括：获取目标物品的移动路径和旋转角度，移动路径由目标物品的原始位置到达详情信息所在的卡片中的终止位置，旋转角度由目标物品在原始位置的第一角度及在终止位置的第二角度确定；显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果。
在一些实施例中，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果，包括：获取第一图片帧，第一图片帧中包括目标物品，且目标物品位于媒体信息中的原始位置；获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，目标物品位于详情信息所在的卡片中的终止位置；以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放补间动画。
在一些实施例中，媒体信息和详情信息位于信息显示界面的第一界面图层，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果，包括：在信息显示界面的第二界面图层显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果。
在一些实施例中，通过信息显示界面显示媒体信息和目标物品的详情信息之前，方法还包括：获取媒体信息，媒体信息包括多张图片；从多张图片中选取包含目标物品的第一物品图片；将第一物品图片在媒体信息中的显示位置设置为目标显示位置，目标显示位置与详情信息中的预设位置匹配；获取多张图片的特征信息，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息。
通过信息显示界面显示媒体信息和目标物品的详情信息，包括：通过信息显示界面，在媒体信息的目标显示位置显示第一物品图片，并显示详情信息。
在一些实施例中，物品信息还包括第二物品图片，方法还包括：将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品；将第二物品图片设置为透明状态。
在一些实施例中，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果，包括：将第二物品图片设置为不透明状态；保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至详情信息所在的卡片中的动态效果。
在一些实施例中，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，包括：获取多张图片中每两张图片的特征信息的相似度；响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。该步骤902中显示动态效果的具体方式与上述步骤302类似，在此不再赘述。
本申请实施例提供的方法、装置、计算机设备及存储介质，通过信息显示界面显示媒体信息，响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息，在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息所在卡片中的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。并且，在信息流这种阅读碎片化的展示场景下，显示多条媒体信息供用户查看时，动态显示目标物品的方式可以有效吸引用户的注意力。
另外，通过设置预设焦点区域，响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品的详情信息，同时显示目标物品的动态效果，避免媒体信息在信息显示界面的位置尚未引起用户注意时就显示物品信息而导致用户忽略物品信息，起到了强化显示物品信息的作用，提高了目标物品的推荐效果。
另外，通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果，丰富了页面显示效果，更能吸引用户注意力，提高了目标物品的推荐效果。另外，通过获取目标物品的移动路径和旋转角度，在显示详情信息的同时，显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果，明确了动态效果的具体显示形式。另外，通过采用补间动画技术，自动填充图片帧，从而播放补间动画，完整显示了目标物品从媒体信息移动至详情信息所在卡片中的动态效果，完善了本方案的细节。另外，在第一界面图层中显示详情信息的同时，改变第二界面图层中第二物品图片在物品显示界面的位置，可以实现显示目标物品从媒体信息移动至详情信息所在卡片中的动态效果。另外，通过将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品，将第二物品图片设置为透明状态，为后续显示目标物品的移动做好了基础准备。后续可以将第二物品图片设置为不透明状态，呈现出目标物品逐渐显示出来的效果。
图10是本申请实施例提供的另一种物品显示方法的流程图。本申请实施例的执行主体为终端，参见图10，该方法包括：
1001、终端通过信息显示界面显示媒体信息。
其中，媒体信息中包括至少一张图片，且媒体信息中的至少一张图片包含目标物品。该步骤1001中显示媒体信息的具体方式与上述步骤301和901类似，在此不再赘述。
1002、响应于接收到用户浏览操作，在显示目标物品的详情信息的同时，显示媒体信息中包含该目标物品的图片移动至该详情信息中的预设位置的动态效果。
其中，用户浏览操作可以为用户在信息显示界面中的滑动操作，用户点击媒体信息的操作，或者用户长按信息显示界面中任一位置的操作，或者用户长按该媒体信息的操作等。终端接收到用户浏览操作，表示用户希望浏览该媒体信息，则显示目标物品的详情信息，同时还会显示媒体信息中包含该目标物品的图片移动至该详情信息中的预设位置的动态效果，以对目标物品进行动态显示，吸引用户的注意力，提高目标物品的推荐效果。
在一些实施例中，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果，包括：通过信息显示界面，在媒体信息指定方向的一侧显示详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果，指定方向包括左方、右方、上方或下方中的至少一种。
在一些实施例中，通过信息显示界面，在媒体信息指定方向的一侧显示详情信息，包括：通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果。
在一些实施例中，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的 图片移动至详情信息中的预设位置的动态效果，包括：获取目标物品的移动路径，移动路径由包含目标物品的图片的原始位置到达详情信息中的预设位置；在显示详情信息的同时，显示包含目标物品的图片按照移动路径进行移动的动态效果。
在一些实施例中，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果，包括：获取目标物品的移动路径和旋转角度，移动路径由包含目标物品的图片的原始位置到达详情信息中的预设位置，旋转角度由目标物品在原始位置的第一角度及在预设位置的第二角度确定；在显示详情信息的同时，显示包含目标物品的图片按照移动路径进行移动并按照旋转角度进行旋转的动态效果。
在一些实施例中，在显示详情信息的同时，显示包含目标物品的图片从媒体信息移动至详情信息中的预设位置的动态效果，包括：获取第一图片帧，第一图片帧中包括目标物品，且包含目标物品的图片位于媒体信息中的原始位置；获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，包含目标物品的图片位于详情信息中的预设位置；以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放补间动画。
在一些实施例中，媒体信息位于信息显示界面的第一界面图层，在显示详情信息的同时，显示包含目标物品的图片从媒体信息移动至详情信息中的预设位置的动态效果，包括：在第一界面图层中显示详情信息的同时，在信息显示界面的第二界面图层显示包含目标物品的图片从媒体信息移动至预设位置的动态效果。
在一些实施例中，通过信息显示界面显示媒体信息之前，方法还包括：获取媒体信息，媒体信息包括多张图片；从多张图片中选取包含目标物品的第一物品图片；将第一物品图片在媒体信息中的显示位置设置为目标显示位置，目标显示位置与详情信息中的预设位置匹配；通过信息显示界面显示媒体信息，包括：通过信息显示界面，在媒体信息的目标显示位置显示第一物品图片。
在一些实施例中，媒体信息包括多张图片，方法还包括：获取多张图片的特征信息；根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息。
在一些实施例中，媒体信息中的第一物品图片包括目标物品，物品信息还包括第二物品图片，方法还包括：将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品；将第二物品图片设置为透明状态。
在一些实施例中，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果，包括：将第二物品图片设置为不透明状态；保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至详情信息中的预设位置的动态效果。
在一些实施例中，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，包括：获取多张图片中每两张图片的特征信息的相似度；响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。
本申请实施例提供的方法、装置、计算机设备及存储介质，通过信息显示界面显示媒体信息，响应于接收到用户浏览操作，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的图片从媒体信息移动至详情信息中的预设位置的动态效果，实现了目标物品的动态显示，丰富了目标物品的显示方式，能够吸引用户的注意力，引起用户的重视，进而提高目标物品的推荐效果。
并且，在信息流这种阅读碎片化的展示场景下，显示多条媒体信息供用户查看时，动态显示目标物品的方式可以有效吸引用户的注意力。另外，通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果，丰富了页面显示效果，更能吸引用户注意力，提高了目标物品的推荐效果。另外，通过获取目标物品的移动路径和旋转角度，在显示详情信息的同时，显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果，明确了动态效果的具体显示形式。另外，通过采用补间动画技术，自动填充图片帧，从而播放补间动画，完整显示了包含目标物品的图片移动至详情信息中的预设位置的动态效果，完善了本方案的细节。另外，在第一界面图层中显示详情信息的同时，改变第二界面图层中第二物品图片在物品显示界面的位置，可以实现显 示包含目标物品的图片移动至详情信息中的预设位置的动态效果。另外，通过将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品，将第二物品图片设置为透明状态，为后续显示目标物品的移动做好了基础准备。后续可以将第二物品图片设置为不透明状态，呈现出目标物品逐渐显示出来的效果。
图11是本申请实施例提供的一种物品显示装置的结构示意图。参见图11，该装置包括：
第一显示模块1101，用于通过信息显示界面显示媒体信息，媒体信息中包括至少一张图片，且媒体信息中的至少一张图片包含目标物品；
第二显示模块1102，用于响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品的详情信息；
第三显示模块1103，用于在显示详情信息的同时，显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。
在一些实施例中，如图12所示，第二显示模块1102包括：
第一详情显示单元1121，用于响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品的详情信息。
在一些实施例中，如图12所示，第二显示模块1102包括：
第二详情显示单元1122，用于通过信息显示界面，在媒体信息指定方向的一侧显示详情信息，指定方向包括左方、右方、上方或下方中的至少一种。
在一些实施例中，如图12所示，第二详情显示单元1122用于通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果。
在一些实施例中，如图12所示，第三显示模块1103包括：
第一路径获取单元1131，用于获取目标物品的移动路径，移动路径由目标物品的原始位置到达详情信息中的预设位置；
第一动态显示单元1132，用于在显示详情信息的同时，显示目标物品按照移动路径进行移动的动态效果。
在一些实施例中，如图12所示，第三显示模块1103包括：
第二路径获取单元1133，用于获取目标物品的移动路径和旋转角度，移动路径由目标物品的原始位置到达详情信息中的预设位置，旋转角度由目标物品在原始位置的第一角度及在预设位置的第二角度确定；
第二动态显示单元1134，用于在显示详情信息的同时，显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果。
在一些实施例中，如图12所示，第三显示模块1103包括：
第一图片帧获取单元1135，用于获取第一图片帧，第一图片帧中包括目标物品，且目标物品位于媒体信息中的原始位置；
第二图片帧获取单元1136，用于获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，目标物品位于详情信息中的预设位置；
播放单元1137，用于以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放补间动画。
在一些实施例中，如图12所示，媒体信息位于信息显示界面的第一界面图层，第三显示模块1103包括：
第三动态显示单元1138，用于在第一界面图层中显示详情信息的同时，在信息显示界面的第二界面图层显示目标物品从媒体信息移动至详情信息中的预设位置的动态效果。
在一些实施例中，如图12所示，装置还包括：
信息获取模块1104，用于获取媒体信息，媒体信息包括多张图片；
选取模块1105，用于从多张图片中选取包含目标物品的第一物品图片；
位置设置模块1106，用于将第一物品图片在媒体信息中的显示位置设置为目标显示位置，目标显示位置与详情信息中的预设位置匹配；
第一显示模块1101，还用于通过信息显示界面，在媒体信息的目标显示位置显示第一物品图片。
在一些实施例中，如图12所示，媒体信息包括多张图片，装置还包括：
特征信息获取模块1107，用于获取多张图片的特征信息；
查询模块1108，用于根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息。
在一些实施例中，如图12所示，媒体信息中的第一物品图片包括目标物品，物品信息还包括第二物品图片，装置还包括：
融合模块1109，用于将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品；
状态设置模块1110，用于将第二物品图片设置为透明状态。
在一些实施例中，如图12所示，第三显示模块1103包括：
状态设置单元1139，用于开始显示详情信息时，将第二物品图片设置为不透明状态；
第四动态显示单元1140，用于在显示详情信息的同时，保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至预设位置的动态效果。
在一些实施例中，如图12所示，查询模块1108包括：
相似度获取单元1181，用于获取多张图片中每两张图片的特征信息的相似度；
查询单元1182，用于响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。
图13是本申请实施例提供的一种物品显示装置的结构示意图。参见图13，该装置包括：
第一显示模块1301，用于通过信息显示界面显示媒体信息和目标物品的详情信息，媒体信息中包括至少一张图片，媒体信息中的至少一张图片包含目标物品，且媒体信息和详情信息位于不同卡片上；
第二显示模块1302，用于响应于媒体信息的显示位置满足预设条件，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果。
在一些实施例中，如图14所示，第二显示模块1302，包括：
显示单元1320，用于响应于媒体信息的显示位置位于信息显示界面的预设焦点区域中，通过信息显示界面显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果。
在一些实施例中，如图14所示，第一显示模块1301，包括：
信息显示单元1310，用于通过信息显示界面，显示媒体信息，并在媒体信息指定方向的一侧显示详情信息，指定方向包括左方、右方、上方或下方中的至少一种。
在一些实施例中，如图14所示，信息显示单元1310用于：
通过信息显示界面的第一卡片，显示媒体信息；
通过信息显示界面，在第一卡片的指定方向的一侧显示第二卡片，在第二卡片中显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果。
在一些实施例中，如图14所示，第二显示模块1302，包括：
第一路径获取单元1321，用于获取目标物品的移动路径，移动路径由目标物品的原始位置到达详情信息所在的卡片中的终止位置；
第一动态显示单元1322，用于显示目标物品按照移动路径进行移动的动态效果。
在一些实施例中，如图14所示，第二显示模块1302，包括：
第二路径获取单元1323，用于获取目标物品的移动路径和旋转角度，移动路径由目标物品的原始位置到达详情信息所在的卡片中的终止位置，旋转角度由目标物品在原始位置的第一角度及在终止位置的第二角度确定；
第二动态显示单元1324，用于显示目标物品按照移动路径进行移动并按照旋转角度进行旋转的动态效果。
在一些实施例中，如图14所示，第二显示模块1302，包括：
第一图片帧获取单元1325，用于获取第一图片帧，第一图片帧中包括目标物品，且目标物品位于媒体信息中的原始位置；
第二图片帧获取单元1326，用于获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，目标物品位于详情信息所在的卡片中的终止位置；
播放单元1327，用于以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放补间动画。
在一些实施例中，如图14所示，媒体信息和详情信息位于信息显示界面的第一界面图层，第二显示模块1302，包括：
第三动态显示单元1328，用于在信息显示界面的第二界面图层显示目标物品从媒体信息移动至详情信息所在的卡片中的动态效果。
在一些实施例中，如图14所示，装置还包括：
信息获取模块1303，用于获取媒体信息，媒体信息包括多张图片；
选取模块1304，用于从多张图片中选取包含目标物品的第一物品图片；
位置设置模块1305，用于将第一物品图片在媒体信息中的显示位置设置为目标显示位置，目标显示位置与详情信息中的预设位置匹配；
查询模块1306，用于获取多张图片的特征信息，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息；
第一显示模块1301，还用于：通过信息显示界面，在媒体信息的目标显示位置显示第一物品图片，并显示详情信息。
在一些实施例中，如图14所示，物品信息还包括第二物品图片，装置还包括：
融合模块1307，用于将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品；
状态设置模块1308，用于将第二物品图片设置为透明状态。
在一些实施例中，如图14所示，第二显示模块1302，包括：
状态设置单元1329，用于将第二物品图片设置为不透明状态；
第四动态显示单元1330，用于保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至详情信息所在的卡片中的动态效果。
在一些实施例中，如图14所示，查询模块1306，包括：
相似度获取单元1361，用于获取多张图片中每两张图片的特征信息的相似度；
查询单元1362，用于响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。
图15是本申请实施例提供的一种物品显示装置的结构示意图。参见图15，该装置包括：
第一显示模块1501，用于通过信息显示界面显示媒体信息，媒体信息中包括至少一张图片，媒体信息中的至少一张图片包含目标物品；
第二显示模块1502，用于响应于接收到用户浏览操作，在显示目标物品的详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果。
在一些实施例中，如图16所示，第二显示模块1502，包括：
显示单元1520，用于通过信息显示界面，在媒体信息指定方向的一侧显示详情信息的同时，显示媒体信息中包含目标物品的图片移动至详情信息中的预设位置的动态效果，指定方向包括左方、右方、上方或下方中的至少一种。
在一些实施例中，如图16所示，显示单元1520还用于：
通过信息显示界面，显示详情信息由媒体信息的显示位置沿着指定方向逐渐移动，且移动过程中详情信息逐渐显示的动态效果。
在一些实施例中，如图16所示，第二显示模块1502，包括：
第一路径获取单元1521，用于获取目标物品的移动路径，移动路径由包含目标物品的图片的原始位置到达详情信息中的预设位置；
第一动态显示单元1522，用于在显示详情信息的同时，显示包含目标物品的图片按照移动路径进行移动的动态效果。
在一些实施例中，如图16所示，第二显示模块1502，包括：
第二路径获取单元1523，用于获取目标物品的移动路径和旋转角度，移动路径由包含目标物品的图片的原始位置到达详情信息中的预设位置，旋转角度由目标物品在原始位置的第一角度及在预设位置的第二角度确定；
第二动态显示单元1524，用于在显示详情信息的同时，显示包含目标物品的图片按照移动路径进行移动并按照旋转角度进行旋转的动态效果。
在一些实施例中，如图16所示，第二显示模块1502，包括：
第一图片帧获取单元1525，用于获取第一图片帧，第一图片帧中包括目标物品，且包含 目标物品的图片位于媒体信息中的原始位置；
第二图片帧获取单元1526，用于获取第二图片帧，第二图片帧中包括目标物品和完整显示的详情信息，包含目标物品的图片位于详情信息中的预设位置；
播放单元1527，用于以第一图片帧为起始帧，以第二图片帧为终止帧，构建补间动画，播放补间动画。
在一些实施例中，如图16所示，媒体信息位于信息显示界面的第一界面图层，第二显示模块1502，包括：
第三动态显示单元1528，用于在第一界面图层中显示详情信息的同时，在信息显示界面的第二界面图层显示包含目标物品的图片从媒体信息移动至预设位置的动态效果。
在一些实施例中，如图16所示，装置还包括：
信息获取模块1503，用于获取媒体信息，媒体信息包括多张图片；
选取模块1504，用于从多张图片中选取包含目标物品的第一物品图片；
位置设置模块1505，用于将第一物品图片在媒体信息中的显示位置设置为目标显示位置，目标显示位置与详情信息中的预设位置匹配；
第一显示模块1501，还用于：通过信息显示界面，在媒体信息的目标显示位置显示第一物品图片。
在一些实施例中，如图16所示，媒体信息包括多张图片，装置还包括：
特征信息获取模块1506，用于获取多张图片的特征信息；
查询模块1507，用于根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息，物品信息至少包括详情信息。
在一些实施例中，如图16所示，媒体信息中的第一物品图片包括目标物品，物品信息还包括第二物品图片，装置还包括：
融合模块1508，用于将第二物品图片与第一物品图片融合，以使第二物品图片覆盖第一物品图片中的目标物品；
状态设置模块1509，用于将第二物品图片设置为透明状态。
在一些实施例中，如图16所示，第二显示模块1502，包括：
状态设置单元1529，用于将第二物品图片设置为不透明状态；
第四动态显示单元1530，用于保持第一物品图片的显示状态不变的情况下，显示第二物品图片从第一物品图片移动至详情信息中的预设位置的动态效果。
在一些实施例中，如图16所示，查询模块1507包括：
相似度获取单元1571，用于获取多张图片中每两张图片的特征信息的相似度；
查询单元1572，用于响应于获取的相似度大于预设相似度，根据多张图片的特征信息查询物品信息数据库，获取与多张图片的特征信息匹配的物品信息。
图17示出了本申请一个示例性实施例提供的终端1700的结构示意图。终端1700可以用于执行上述物品显示方法中终端所执行的步骤。
通常，终端1700包括有：处理器1701和存储器1702。
处理器1701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1701可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central Processing Unit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1701可以在集成有GPU(Graphics Processing Unit，图像处理的交互器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1701还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器1702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1702中的非暂态的计算机可读存储介质用于存储至少一条程序代码，该至少一条程序代码用于被处理器1701所具有以实现本申请中方法实施例提供的物品显示方法。
在一些实施例中，设备1700还可选包括有：***设备接口1703和至少一个***设备。处理器1701、存储器1702和***设备接口1703之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1703相连。具体地，***设备包括：射频电路1704、触摸显示屏1705、摄像头1706、音频电路1707、定位组件1708和电源1709中的至少一种。
***设备接口1703可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器1701和存储器1702。在一些实施例中，处理器1701、存储器1702和***设备接口1703被集成在同一芯片或电路板上；在一些其他实施例中，处理器1701、存储器1702和***设备接口1703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。
射频电路1704用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路1704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。在一些实施例中，射频电路1704包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1704可以通过至少一种无线通信协议来与其它设备进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及8G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路1704还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。
显示屏1705用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1705是触摸显示屏时，显示屏1705还具有采集在显示屏1705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1701进行处理。此时，显示屏1705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏1705可以为一个，设置终端1700的前面板；在另一些实施例中，显示屏1705可以为至少两个，分别设置在终端1700的不同表面或呈折叠设计；在一些实施例中，显示屏1705可以是柔性显示屏，设置在终端1700的弯曲表面上或折叠面上。甚至，显示屏1705还可以设置成非矩形的不规则图形，也即异形屏。显示屏1705可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1706用于采集图像或视频。在一些实施例中，摄像头组件1706包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端1700的前面板，后置摄像头设置在终端1700的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件1706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。
音频电路1707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器1701进行处理，或者输入至射频电路1704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端1700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1701或射频电路1704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路1707还可以包括耳机插孔。
定位组件1708用于定位终端1700的当前地理位置，以实现导航或LBS(Location Based Service，基于位置的服务)。定位组件1708可以是基于美国的GPS(Global Positioning System，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。
电源1709用于为终端1700中的各个组件进行供电。电源1709可以是交流电、直流电、一次性电池或可充电电池。当电源1709包括可充电电池时，该可充电电池可以支持有线充电 或无线充电。该可充电电池还可以用于支持快充技术。
本领域技术人员可以理解，图17中示出的结构并不构成对终端1700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
图18是本申请实施例提供的一种服务器的结构示意图，该服务器1800可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(Central Processing Units，CPU)1801和一个或一个以上的存储器1802，其中，所述存储器1802中存储有至少一条程序代码，所述至少一条程序代码由所述处理器1801加载并执行以实现上述各个方法实施例提供的方法。当然，该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还可以包括其他用于实现设备功能的部件，在此不做赘述。
服务器1800可以用于执行上述物品显示方法中服务器所执行的步骤。
本申请实施例还提供了一种计算机设备，该计算机设备包括处理器和存储器，存储器中存储有至少一条程序代码，该至少一条程序代码由处理器加载并执行，以实现上述实施例的物品显示方法中所具有的操作。
本申请实施例还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条程序代码，该至少一条程序代码由处理器加载并执行，以实现上述实施例的物品显示方法中所具有的操作。
本申请实施例还提供了一种计算机程序，该计算机程序包括至少一条程序代码，该至少一条程序代码由处理器加载并执行，以实现上述实施例的物品显示方法中所具有的操作。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。以上所述仅为本申请实施例的可选实施例，并不用以限制本申请实施例，凡在本申请实施例的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (22)

  1. 一种物品显示方法，其特征在于，所述方法包括：
    通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
    响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
    在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
  2. 根据权利要求1所述的方法，其特征在于，所述响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息，包括：
    响应于所述媒体信息的显示位置位于所述信息显示界面的预设焦点区域中，通过所述信息显示界面显示所述目标物品的详情信息。
  3. 根据权利要求1所述的方法，其特征在于，所述通过所述信息显示界面显示所述目标物品的详情信息，包括：
    通过所述信息显示界面，在所述媒体信息指定方向的一侧显示所述详情信息，所述指定方向包括左方、右方、上方或下方中的至少一种。
  4. 根据权利要求3所述的方法，其特征在于，所述通过所述信息显示界面，在所述媒体信息指定方向的一侧显示所述详情信息，包括：
    通过所述信息显示界面，显示所述详情信息由所述媒体信息的显示位置沿着所述指定方向逐渐移动，且移动过程中所述详情信息逐渐显示的动态效果。
  5. 根据权利要求1所述的方法，其特征在于，所述在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果，包括：
    获取所述目标物品的移动路径，所述移动路径由所述目标物品的原始位置到达所述详情信息中的预设位置；
    在显示所述详情信息的同时，显示所述目标物品按照所述移动路径进行移动的动态效果。
  6. 根据权利要求1所述的方法，其特征在于，所述在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果，包括：
    获取所述目标物品的移动路径和旋转角度，所述移动路径由所述目标物品的原始位置到达所述详情信息中的预设位置，所述旋转角度由所述目标物品在所述原始位置的第一角度及在所述预设位置的第二角度确定；
    在显示所述详情信息的同时，显示所述目标物品按照所述移动路径进行移动并按照所述旋转角度进行旋转的动态效果。
  7. 根据权利要求1所述的方法，其特征在于，所述在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果，包括：
    获取第一图片帧，所述第一图片帧中包括所述目标物品，且所述目标物品位于所述媒体信息中的原始位置；
    获取第二图片帧，所述第二图片帧中包括所述目标物品和完整显示的所述详情信息，所述目标物品位于所述详情信息中的预设位置；
    以所述第一图片帧为起始帧，以所述第二图片帧为终止帧，构建补间动画，播放所述补间动画。
  8. 根据权利要求1所述的方法，其特征在于，所述媒体信息位于所述信息显示界面的第一界面图层，所述在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果，包括：
    在所述第一界面图层中显示所述详情信息的同时，在所述信息显示界面的第二界面图层显示所述目标物品从所述媒体信息移动至所述预设位置的动态效果。
  9. 根据权利要求1所述的方法，其特征在于，所述通过信息显示界面显示媒体信息之前，所述方法还包括：
    获取所述媒体信息，所述媒体信息包括多张图片；
    从所述多张图片中选取包含所述目标物品的第一物品图片；
    将所述第一物品图片在所述媒体信息中的显示位置设置为目标显示位置，所述目标显示位置与所述详情信息中的所述预设位置匹配；
    所述通过信息显示界面显示媒体信息，包括：通过所述信息显示界面，在所述媒体信息的目标显示位置显示所述第一物品图片。
  10. 根据权利要求1所述的方法，其特征在于，所述媒体信息包括多张图片，所述方法还包括：
    获取所述多张图片的特征信息；
    根据所述多张图片的特征信息查询物品信息数据库，获取与所述多张图片的特征信息匹配的物品信息，所述物品信息至少包括所述详情信息。
  11. 根据权利要求10所述的方法，其特征在于，所述媒体信息中的第一物品图片包括所述目标物品，所述物品信息还包括第二物品图片，所述方法还包括：
    将所述第二物品图片与所述第一物品图片融合，以使所述第二物品图片覆盖所述第一物品图片中的所述目标物品；
    将所述第二物品图片设置为透明状态。
  12. 根据权利要求11所述的方法，其特征在于，所述在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果，包括：
    开始显示所述详情信息时，将所述第二物品图片设置为不透明状态；
    在显示所述详情信息的同时，保持所述第一物品图片的显示状态不变的情况下，显示所述第二物品图片从所述第一物品图片移动至所述预设位置的动态效果。
  13. 根据权利要求10所述的方法，其特征在于，所述根据所述多张图片的特征信息查询物品信息数据库，获取与所述多张图片的特征信息匹配的物品信息，包括：
    获取所述多张图片中每两张图片的特征信息的相似度；
    响应于获取的相似度大于预设相似度，根据所述多张图片的特征信息查询所述物品信息数据库，获取与所述多张图片的特征信息匹配的物品信息。
  14. 一种物品显示方法，其特征在于，所述方法包括：
    通过信息显示界面显示媒体信息和目标物品的详情信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品，且所述媒体信息和所述详情信息位于不同卡片上；
    响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品从所述媒体信息移动至所述详情信息所在的卡片中的动态效果。
  15. 一种物品显示方法，其特征在于，所述方法包括：
    通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品；
    响应于接收到用户浏览操作，在显示所述目标物品的详情信息的同时，显示所述媒体信息中包含所述目标物品的图片移动至所述详情信息中的预设位置的动态效果。
  16. 一种物品显示装置，所述装置包括：
    第一显示模块，用于通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
    第二显示模块，用于响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
    第三显示模块，用于在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
  17. 一种物品显示装置，所述装置包括：
    第一显示模块，用于通过信息显示界面显示媒体信息和目标物品的详情信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品，且所述媒体信息和所述详情信息位于不同卡片上；
    第二显示模块，用于响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品从所述媒体信息移动至所述详情信息所在的卡片中的动态效果。
  18. 一种物品显示装置，所述装置包括：
    第一显示模块，用于通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图 片，所述媒体信息中的至少一张图片包含所述目标物品；
    第二显示模块，用于响应于接收到用户浏览操作，在显示所述目标物品的详情信息的同时，显示所述媒体信息中包含所述目标物品的图片移动至所述详情信息中的预设位置的动态效果。
  19. 一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行以下物品显示步骤：
    通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
    响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
    在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
  20. 一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行以下步骤：
    通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，且所述媒体信息中的至少一张图片包含目标物品；
    响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品的详情信息；
    在显示所述详情信息的同时，显示所述目标物品从所述媒体信息移动至所述详情信息中的预设位置的动态效果。
  21. 一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行以下步骤：
    通过信息显示界面显示媒体信息和目标物品的详情信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品，且所述媒体信息和所述详情信息位于不同卡片上；
    响应于所述媒体信息的显示位置满足预设条件，通过所述信息显示界面显示所述目标物品从所述媒体信息移动至所述详情信息所在的卡片中的动态效果。
  22. 一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行以下步骤：
    通过信息显示界面显示媒体信息，所述媒体信息中包括至少一张图片，所述媒体信息中的至少一张图片包含所述目标物品；
    响应于接收到用户浏览操作，在显示所述目标物品的详情信息的同时，显示所述媒体信息中包含所述目标物品的图片移动至所述详情信息中的预设位置的动态效果。
PCT/CN2020/124954 2020-01-10 2020-10-29 物品显示方法、装置、计算机设备及存储介质 WO2021139353A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US17/682,930 US11954710B2 (en) 2020-01-10 2022-02-28 Item display method and apparatus, computer device, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010027669.5 2020-01-10
CN202010027669.5A CN111242682B (zh) 2020-01-10 2020-01-10 物品显示方法

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/682,930 Continuation US11954710B2 (en) 2020-01-10 2022-02-28 Item display method and apparatus, computer device, and storage medium

Publications (1)

Publication Number Publication Date
WO2021139353A1 true WO2021139353A1 (zh) 2021-07-15

Family

ID=70880773

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/124954 WO2021139353A1 (zh) 2020-01-10 2020-10-29 物品显示方法、装置、计算机设备及存储介质

Country Status (3)

Country Link
US (1) US11954710B2 (zh)
CN (1) CN111242682B (zh)
WO (1) WO2021139353A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113849142A (zh) * 2021-09-26 2021-12-28 深圳市火乐科技发展有限公司 图像展示方法、装置、电子设备及计算机可读存储介质

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111242682B (zh) 2020-01-10 2023-10-17 腾讯科技（深圳）有限公司 物品显示方法
CN112084386A (zh) * 2020-09-15 2020-12-15 苏州律点信息科技有限公司 一种云托管客户信息管理方法、装置及服务器
CN112419458A (zh) * 2020-11-20 2021-02-26 青岛以萨数据技术有限公司 基于安卓动画的用户交互方法、服务器、介质及***
CN113377270B (zh) * 2021-05-31 2024-04-30 北京达佳互联信息技术有限公司 信息显示方法、装置、设备及存储介质
CN114201713A (zh) * 2021-11-19 2022-03-18 北京字节跳动网络技术有限公司 一种页面跳转的方法、装置、计算机设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140280180A1 (en) * 2013-03-14 2014-09-18 Xdyne, Inc. System and method for interacting with virtual maps
CN106681591A (zh) * 2016-12-30 2017-05-17 珠海市魅族科技有限公司 一种信息显示方法以及装置
CN107179859A (zh) * 2017-05-27 2017-09-19 维沃移动通信有限公司 一种详情信息的显示方法及移动终端
CN107622188A (zh) * 2016-07-15 2018-01-23 阿里巴巴集团控股有限公司 基于生物特征的验证方法、装置、***和设备
CN107957775A (zh) * 2016-10-18 2018-04-24 阿里巴巴集团控股有限公司 虚拟现实空间环境中的数据对象交互方法及装置
CN111242682A (zh) * 2020-01-10 2020-06-05 腾讯科技（深圳）有限公司 物品显示方法

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004223239A (ja) * 2002-11-27 2004-08-12 Seiko Epson Corp 表示制御方法、表示制御装置および遊技機
JP4633595B2 (ja) * 2005-09-30 2011-02-16 富士フイルム株式会社 動画生成装置、動画生成方法、及びプログラム
JP4555212B2 (ja) * 2005-11-10 2010-09-29 株式会社沖データ 透かし情報埋め込み装置，透かし情報埋め込み方法，およびコンピュータプログラム
KR20070059951A (ko) * 2005-12-06 2007-06-12 삼성전자주식회사 휴대단말기의 화면 표시장치 및 방법
US9457818B2 (en) * 2010-11-16 2016-10-04 Mitsubishi Electric Corporation Video information distributing and displaying system and video information distributing and displaying method
US20140317511A1 (en) * 2013-04-18 2014-10-23 Google Inc. Systems and Methods for Generating Photographic Tours of Geographic Locations
CN105719332B (zh) * 2016-01-20 2019-02-19 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置
KR101810188B1 (ko) * 2016-02-24 2018-01-18 네이버 주식회사 영상 표시 장치, 영상 생성 장치, 영상 제공 서버, 영상 표시 방법, 영상 생성 방법 및 컴퓨터 프로그램
US11651447B2 (en) * 2019-10-31 2023-05-16 Kyndryl, Inc. Ledger-based image distribution permission and obfuscation

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140280180A1 (en) * 2013-03-14 2014-09-18 Xdyne, Inc. System and method for interacting with virtual maps
CN107622188A (zh) * 2016-07-15 2018-01-23 阿里巴巴集团控股有限公司 基于生物特征的验证方法、装置、***和设备
CN107957775A (zh) * 2016-10-18 2018-04-24 阿里巴巴集团控股有限公司 虚拟现实空间环境中的数据对象交互方法及装置
CN106681591A (zh) * 2016-12-30 2017-05-17 珠海市魅族科技有限公司 一种信息显示方法以及装置
CN107179859A (zh) * 2017-05-27 2017-09-19 维沃移动通信有限公司 一种详情信息的显示方法及移动终端
CN111242682A (zh) * 2020-01-10 2020-06-05 腾讯科技（深圳）有限公司 物品显示方法

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113849142A (zh) * 2021-09-26 2021-12-28 深圳市火乐科技发展有限公司 图像展示方法、装置、电子设备及计算机可读存储介质
CN113849142B (zh) * 2021-09-26 2024-05-28 深圳市火乐科技发展有限公司 图像展示方法、装置、电子设备及计算机可读存储介质

Also Published As

Publication number Publication date
US11954710B2 (en) 2024-04-09
US20220245681A1 (en) 2022-08-04
CN111242682A (zh) 2020-06-05
CN111242682B (zh) 2023-10-17

Similar Documents

Publication Publication Date Title
WO2021139353A1 (zh) 物品显示方法、装置、计算机设备及存储介质
US11327628B2 (en) Method for processing live streaming data and electronic device
WO2022121358A1 (zh) 信息显示方法及其装置
US20190340828A1 (en) System and method to integrate content in real time into a dynamic real-time 3-dimensional scene
EP3975575A1 (en) Method and apparatus for displaying media resources
CN110163066B (zh) 多媒体数据推荐方法、装置及存储介质
WO2023000677A1 (zh) 内容项显示方法及装置
US20210297727A1 (en) Selection of a prerecorded media file for superimposing into a video
CN113411680B (zh) 多媒体资源播放方法、装置、终端及存储介质
WO2023050737A1 (zh) 基于直播间的资源展示方法及终端
CN111327916B (zh) 基于地理对象的直播管理方法、装置、设备及存储介质
CN111028071B (zh) 账单处理方法、装置、电子设备及存储介质
CN112148404A (zh) 头像生成方法、装置、设备以及存储介质
CN114302160B (zh) 信息显示方法、装置、计算机设备及介质
CN114697703B (zh) 视频数据生成方法、装置、电子设备及存储介质
CN110209316B (zh) 类别标签显示方法、装置、终端及存储介质
US11057601B2 (en) Superimposing a prerecorded media file into a video
CN112235609B (zh) 内容项数据播放方法、装置、计算机设备及存储介质
CN112230822B (zh) 评论信息的显示方法、装置、终端及存储介质
WO2023029237A1 (zh) 视频预览方法及终端
CN113407141B (zh) 界面更新方法、装置、终端和存储介质
CN111967420A (zh) 详情信息的获取方法、装置、终端及存储介质
CN114995924A (zh) 信息显示处理方法、装置、终端及存储介质
US20190295598A1 (en) Integrating a prerecorded video file into a video
CN113382272B (zh) 数据播放方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20911415

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20911415

Country of ref document: EP

Kind code of ref document: A1