Page interaction method and apparatus, device, and storage medium

Abstract

Embodiments of the present disclosure provide a page interaction method and apparatus, a device, and a storage medium. The page interaction method comprises: displaying an avatar interaction page, wherein the avatar interaction page comprises a real target avatar image and a guide control, the real target avatar image comprises a real target avatar and at least one associated object, and the associated object is an object associated with the real target avatar; in response to a trigger operation on the guide control, displaying an object interaction page; and in response to a trigger operation on a replacement control, replacing a first associated object image with a second associated object image, wherein the second associated object image comprises an associated object in a second form.

Description

A page interaction method, apparatus, device, and storage medium

[0001] This application claims priority to Chinese Patent Application No. 202410692599.3, filed on May 30, 2024, entitled "A Page Interaction Method, Apparatus, Device and Storage Medium", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This disclosure relates to the field of page interaction technology, and in particular to a page interaction method, apparatus, device and storage medium. Background Technology

[0003] With the rapid development of the internet, mobile devices have become indispensable tools for people. Various functions can be achieved through interaction with mobile devices. Interacting with virtual avatars is one such use case; however, the fact that the interaction object is represented by a virtual avatar diminishes the realism of the interaction. Summary of the Invention

[0004] This disclosure provides a page interaction method, apparatus, device, and storage medium that can improve the diversity and realism of interaction.

[0005] In a first aspect, embodiments of this disclosure provide a page interaction method, including:

[0006] Display an interactive image page; wherein, the interactive image page includes a real target image and guidance controls; the real target image includes the real target image and at least one associated object, the associated object being an object associated with the real target image;

[0007] In response to a triggering operation of the guide control, an object interaction page is displayed; wherein the object interaction page includes a first associated object diagram and a replacement control, and the first associated object diagram includes associated objects of a first form;

[0008] In response to a trigger operation on the replacement control, the first associated object graph is replaced with a second associated object graph; wherein the second associated object graph includes associated objects of a second form.

[0009] Secondly, embodiments of this disclosure also provide a page interaction device, including:

[0010] An interactive image display module is used to display an interactive image page; wherein, the interactive image page includes a real target image image and guidance controls; the real target image image includes the real target image and at least one associated object, the associated object being an object associated with the real target image;

[0011] An object interaction page display module is used to display an object interaction page in response to a trigger operation of the guide control; wherein, the object interaction page includes a first associated object diagram and a replacement control, and the first associated object diagram includes associated objects of a first form;

[0012] The associated object graph replacement module is used to replace the first associated object graph with a second associated object graph in response to a trigger operation of the replacement control; wherein the second associated object graph includes associated objects of a second form.

[0013] Thirdly, embodiments of this disclosure also provide an electronic device, the electronic device comprising:

[0014] One or more processors;

[0015] Storage device for storing one or more programs.

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the page interaction method as described in the embodiments of this disclosure.

[0017] Fourthly, embodiments of this disclosure also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform the page interaction method described in embodiments of this disclosure.

[0018] Fifthly, embodiments of this disclosure also provide a computer program product, which is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the page interaction method described in embodiments of this disclosure. Attached Figure Description

[0019] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 is a schematic flowchart of a page interaction method provided in an embodiment of this disclosure;

[0021] Figure 2 is an example diagram of an interactive page provided in an embodiment of this disclosure;

[0022] Figure 3 is an example diagram of an object interaction page provided in an embodiment of this disclosure;

[0023] Figure 4 is an example of triggering a replacement control in an object interaction page provided by an embodiment of this disclosure;

[0024] Figure 5 is an example diagram of an object interaction page switching provided in an embodiment of this disclosure;

[0025] Figure 6 is an example diagram of an interactive image page generated based on a new real target image provided in an embodiment of this disclosure;

[0026] Figure 7 is an example diagram of triggering a payment operation provided in an embodiment of this disclosure;

[0027] Figure 8 is an example diagram of entering an interactive page through an interactive entry point according to an embodiment of this disclosure;

[0028] Figure 9 is a flowchart of a page interaction provided in an embodiment of this disclosure;

[0029] Figure 10 is a schematic diagram of a page interaction device structure provided in an embodiment of this disclosure;

[0030] Figure 11 is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0031] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0032] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0033] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0034] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0035] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0036] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0037] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

[0038] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as the electronic device, application, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.

[0039] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0040] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0041] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0042] This disclosure provides a page interaction method, apparatus, device, and storage medium for displaying an interactive image page. The interactive image page includes a real target image and a guide control. The real target image includes a real target image and at least one associated object, which is an object related to the real target image. In response to a trigger operation on the guide control, an object interaction page is displayed. The object interaction page includes a first associated object image and a replacement control. The first associated object image includes an associated object of a first form. In response to a trigger operation on the replacement control, the first associated object image is replaced with a second associated object image. The second associated object image includes an associated object of a second form. The page interaction method provided by this disclosure enables interaction between the user and a real target object and its associated objects through an interactive page, thereby increasing the diversity of interaction and enhancing the realism of the user's interaction with the page.

[0043] Figure 1 is a schematic flowchart of a page interaction method provided in an embodiment of this disclosure. This embodiment is applicable to page interaction scenarios. The method can be executed by a page interaction device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, such as a mobile terminal, a PC, or a server.

[0044] As shown in Figure 1, the method includes:

[0045] S110 displays the interactive interface.

[0046] The interactive page includes a realistic target image and guiding controls. The realistic target image includes the real target image and at least one associated object, which is an object related to the realistic target image. The realistic target image can be obtained by image capture of the real target image or by extracting video frames from a video recorded of the real target image. The associated object can be an object that comes into contact with the real target image (such as clothing worn, a soccer ball held in hand, etc.) and the scene in which it is situated. For example, in a "charity assistance" interactive scenario, the realistic target image could be an image of a little boy wearing tattered clothes and holding an old soccer ball standing on a soccer field filled with pebbles. The "little boy" in the image is the realistic target image, and the "old soccer ball," "tattered clothes," and "soccer field filled with pebbles" are objects associated with the "little boy."

[0047] The guide control is used to guide the user to click and enter the object interaction page. In this embodiment, the guide control may include a first guide control and at least one second guide control; the second guide control corresponds one-to-one with the associated object, and the second guide control is set in the area where the corresponding associated object is located; the second guide control is displayed in a first form.

[0048] The first form can be a flashing effect, which makes it easier to guide users to click the second guide control. The second guide control is placed in the area where the corresponding associated object is located, making it easier for users to accurately find the corresponding associated object.

[0049] In this embodiment, the process of displaying the interactive image page can be as follows: obtaining the content rendering tree (where nodes are images or controls, etc.) contained in the interactive image page; calculating the position and size of each node based on the content rendering tree; and finally rendering each node based on its position and size to display the interactive image page. For example, Figure 2 is an example diagram of an interactive image page in this embodiment. As shown in Figure 2, the real target image in this interactive image page is two little boys wearing tattered clothes and holding old soccer balls standing on a soccer field filled with pebbles. The application scenario is to support charity. The "two little boys" in the image are the real target images, and the "old soccer ball," "tattered clothes," and "soccer field filled with pebbles" are objects associated with the "little boys." As shown in Figure 2, a second guide control displayed as a light dot and a first guide control located below the interactive image page are set in the areas where the "old soccer ball," "tattered clothes," and "soccer field filled with pebbles" are located. The interactive image page also includes: a return control, a title control, and a participant number control, etc. The back control is used to exit the interactive image page, the title control is used to display the title of the interactive image page, and the number of participants control is used to display the total number of people who have participated in the activity.

[0050] S120, in response to a trigger operation on the guide control, displays the object interaction page.

[0051] The object interaction page includes a first associated object image and a replacement control. The first associated object image includes associated objects in a first form. The first associated object image can be a pre-constructed image of associated objects displayed in the first form. This image can be static or dynamic; displaying it as a dynamic image can enhance the page's interest and diversity. The first form can be determined based on color and texture. For example, assuming the associated object is a "soccer ball," the first associated object image could be a rotating image of an old soccer ball. In this embodiment, the image interaction page includes a first guide control and a second guide control. Users can enter the object interaction page by clicking either the first or second guide control.

[0052] Optionally, in response to a triggering operation on a guide control, the object interaction page can be displayed in the following ways: in response to a triggering operation on the first guide control, the object interaction page of the associated object ranked first can be displayed; or, in response to a triggering operation on the second guide control, the object interaction page of the associated object corresponding to the second guide control can be displayed.

[0053] In this embodiment, the order of multiple associated objects is pre-set, with associated objects that have been replaced ranked lower and those that have not been replaced ranked higher. When a user clicks on the first guide control, the system first obtains the content rendering tree (where nodes are images or controls, etc.) of the interactive page corresponding to the first-ranked associated object. Then, it calculates the position and size of each node based on the content rendering tree, and finally renders each node based on its position and size to display the interactive page. When a user clicks on the second guide control, the system first obtains the content rendering tree (where nodes are images or controls, etc.) of the interactive page corresponding to the associated object of the second guide control. Then, it calculates the position and size of each node based on the content rendering tree, and finally renders each node based on its position and size to display the interactive page.

[0054] In this embodiment, the object interaction page can be displayed in any of the following ways: as a floating window, a pop-up window, or a mask.

[0055] For example, Figure 3 is an example diagram of an object interaction page in this embodiment. As shown in Figure 3, the associated object is "football". The object interaction page includes a first associated object diagram, a replacement control, an object quantity / order control, and an object description control. The object quantity / order control displays the number of associated objects and the current order of the associated objects, while the object description control displays the description information of the associated objects in the first form. The 1 / 3 in the object quantity / order control in the figure indicates that "football" is the first associated object, and there are a total of three associated objects.

[0056] S130, in response to the trigger operation of the replacement control, the first associated object graph is replaced with the second associated object graph.

[0057] The second associated object graph includes associated objects of a second form. The second form can also be determined based on color and texture, and it differs from the first form. That is, the associated objects in the second associated object graph and the first associated object graph have the same category, but different colors and / or textures.

[0058] In this embodiment, when a user clicks the replace control, the second associated object image is obtained, the first associated object image is hidden, and the second associated object image is displayed to replace the first associated object image with the second associated object image. Optionally, while replacing the first associated object image with the second associated object image, the description information of the associated object in the first form in the object description control is replaced with the description information of the associated object in the second form, and the replace control switches from a responsive state to a locked state.

[0059] For example, Figure 4 is an example diagram of triggering the replacement control in the object interaction page in this embodiment. As shown in Figure 4, the left side shows the old football. When the user clicks the replacement control, the page changes to the right side. As shown in the right side, the object interaction page displays the new football, the object description control contains the description information of the new football, and the replacement control becomes locked.

[0060] Optionally, the method to replace the first associated object graph with the second associated object graph can be: obtain the set effect; replace the first associated object graph with the second associated object graph according to the set effect.

[0061] The set effects include special effects animations and / or special effects audio, which can be pre-set and are not limited here. Specifically, the way to replace the first associated object image with the second associated object image according to the set effects can be: replacing the first associated object image with the second associated object image according to the special effects animation, and playing special effects audio while the special effects animation is playing. For example, the special effects animation could be that the first associated object image flies off the page and the second associated object image flies into the page. The advantage of doing this is that it can increase the fun and thus improve the interactive experience.

[0062] Optionally, the object interaction page also includes a page switching control. Accordingly, after displaying the object interaction page, the following steps are also included: in response to the operation of the page switching control, the current object interaction page is switched to display an adjacent object interaction page; in response to the triggering operation of the replacement control in the adjacent object interaction page, the first associated object graph in the adjacent object interaction page is replaced with the second associated object graph.

[0063] The adjacent object interaction page includes either the previous object interaction page or the next object interaction page. The page switching control can include a first page switching control and a second page switching control. The first page switching control is used to switch to the next object interaction page, and the second page switching control is used to switch to the previous object interaction page. After switching to an adjacent object interaction page, users can continue to switch between object interaction pages using the page switching control. In this embodiment, the object interaction pages corresponding to each associated object are switched between each other by clicking the page switching control. After switching to an adjacent object interaction page, the user can click the replacement control in that object interaction page to replace the first associated object image with the second associated object image. The specific process can be found in the above embodiment and will not be repeated here. For example, if the adjacent object interaction interface is the object interaction interface corresponding to "clothing," the user can replace old clothing with new clothing; if the adjacent object interaction interface is the object interaction interface corresponding to "football field," the user can change the football field filled with pebbles to a grass football field. Using the page switching control to switch between object interaction pages simplifies the operation steps and saves time.

[0064] For example, Figure 5 is an example diagram of the object interaction page switching in this embodiment. As shown in Figure 5, the left diagram is the object interaction page corresponding to "football". When the user clicks the first page switching control on the right, the user switches to the object interaction page corresponding to "clothing" in the right diagram. When the user clicks the replace control in the right diagram, the "old clothing" can be replaced with "new clothing".

[0065] Optionally, the object interaction page also includes a close control. Accordingly, after displaying the object interaction page, the process further includes: closing the object interaction page in response to the triggering operation of the close control, and obtaining a new real target image; displaying the image interaction page based on the new real target image.

[0066] The new real-world target image includes a real-world target image and at least one associated object in a second form. In this embodiment, the database stores multiple real-world target image images, each with at least one associated object displaying differently. These real-world target image images are pre-generated, either by pre-captured images or extracted from videos. Specifically, the method for obtaining a new real-world target image can be as follows: obtain the currently replaced associated object as the first associated object, obtain the unreplaced associated object as the second associated object, and retrieve from the database the real-world target image showing the first associated object in a first form and the second associated object in a second form, as the new real-world target image. That is, in the new real-world target image, the replaced associated object is displayed in the second form, and the unreplaced associated object is displayed in the first form, to maintain synchronization with the user's operation triggered by the replacement control on the object interaction page.

[0067] Optionally, the process of displaying the interactive page based on the new real target image may be: obtaining the associated object displayed in a second form in the new real target image; and displaying the second guide control corresponding to the associated object displayed in the second form in a second form.

[0068] The second form can be a static form, where the second guide control corresponding to the replaced associated object no longer flashes to indicate to the user that the associated object has been replaced and no further processing is needed. This can improve the efficiency of user interaction.

[0069] For example, Figure 6 is an example image of the interactive page generated based on the new real target image in this embodiment. As shown in Figure 6, since the user completed the replacement of "soccer ball" and "soccer field" in the above steps, the new real target image is a picture of two little boys wearing old clothes and holding new soccer balls standing on a soccer field with green grass. Compared with Figure 2, the shape of "soccer ball" and "soccer field" has changed.

[0070] In this embodiment, after the user completes the replacement of all or some of the associated objects, they can be guided to make a payment. In the application scenario of "supporting public welfare," this payment behavior can be understood as a donation to a real target image.

[0071] Optionally, the interactive image page also includes a payment control. Accordingly, after displaying the interactive image page based on the new real target image, the following operations are also included: in response to the triggering operation of the payment control, display the payment page; in response to the payment operation on the payment page, pay a certain amount to the real target image.

[0072] The payment page can be displayed in any of the following ways: a floating window, a pop-up, or an overlay. The payment page includes an amount input box and / or an amount selection control. The user enters the amount in the input box or selects the amount using the selection control, and then clicks the submit button to complete the payment. For example, Figure 7 is an example of triggering a payment operation in this embodiment. As shown in Figure 7, when the user clicks the payment control in the left-hand image, the payment page in the right-hand image is displayed. The user enters or selects the amount on this payment page and clicks confirm to complete the payment. This approach increases the diversity of interactions.

[0073] In this embodiment, in order to attract users to participate in the interactive behavior, a video related to the real target image can be played before displaying the image interaction page, so that users can have a deeper understanding of the story of the real target image and thus actively participate in the activity.

[0074] Optionally, before displaying the image interaction page, the following steps are also included: in response to the triggering operation of the interaction entry, a loading page is displayed; after loading is completed, a first relevant video is played; wherein, the first relevant video is a video related to the real target image; after the first relevant video finishes playing, the image interaction page is displayed.

[0075] The interactive entry point can be presented as a link, which can be placed on short video pages or web pages. While a user is browsing short videos or web pages, the server periodically adds the interactive entry point to the short video page or web page. When a user sees this interactive entry point, they can click on it to be redirected to the interactive page.

[0076] The loading page can be a page that displays the loading progress. The first relevant video can be a pre-recorded video related to the real target person. For example, it could be a video documenting the real target person's life, studies, etc.

[0077] Specifically, when a user's trigger operation on the interaction entry point is detected, a loading page is first displayed. During the loading page display process, a video related to the real target object corresponding to the interaction entry point, i.e., the first related video, is obtained, decoded, and played after loading is complete. When the first related video finishes playing, the image interaction interface is displayed. In this embodiment, by playing the first related video with the real target image, users are attracted to participate in this interaction, thereby playing a role in attracting traffic. For example, Figure 8 is an example diagram of entering the image interaction page through the interaction entry point in this embodiment. As shown in Figure 8, while the user is browsing short videos, an interaction entry point is displayed on the current short video page. The user clicks on the interaction entry point and jumps to the loading page. After loading is complete, the first related video is played, and after the first related video finishes playing, the image interaction page is displayed.

[0078] In this embodiment, after the user completes the replacement operation of all or some of the associated objects, the user can submit the interaction operation.

[0079] Optionally, the interactive page also includes a submission control. Accordingly, after displaying the interactive page, the following steps are also included: in response to the triggering operation of the submission control, a second related video is obtained based on the identifier of the interaction entry and / or the user tag, and the second related video is played; after the second related video is played, the target card image associated with the second related video is displayed.

[0080] The target card image can be an image extracted from the second related video, such as a frame from the video. The entry point identifier indicates whether the page containing the entry point is associated with the second character. If the page containing the entry point plays content related to the second character, then the entry point identifier is associated with the second character. User tags also indicate whether a user is associated with the second character. If a user and the second character are friends, or if the user follows the second character, then the user is associated with the second character.

[0081] The second persona can be an influencer who participated in this interactive activity (such as a user with over a million followers).

[0082] In this embodiment, the method of obtaining the second related video based on the identifier and / or user tag of the interaction entry can be as follows: if the identifier and / or user tag of the interaction entry is associated with the second image, then the second related video associated with the second image and the real target image is obtained; if neither the identifier of the interaction entry nor the user tag is associated with the second image, then the second related video associated with the real target image is obtained.

[0083] The second related video, which relates to both the second avatar and the real target avatar, can be a video pre-recorded of both the second avatar and the real target avatar, in which both are present in the frame. For example, it could be a video of the second avatar and the real target avatar playing soccer together. Similarly, the second related video, which relates to the real target avatar, can be a video pre-recorded of the real target avatar, in which the real target avatar is present in the frame. For example, it could be a video of the real target avatar playing soccer. In this embodiment, when the identifier of the interaction entry point and / or the user tag is associated with the second avatar, the second related video, which relates to both the second avatar and the real target avatar, is retrieved and played, thus improving the user's viewing experience.

[0084] Based on the above embodiments, Figure 9 is a flowchart of a page interaction in this embodiment. As shown in Figure 9, the method includes the following steps:

[0085] S210, in response to the trigger operation of the interactive entry, displays the loading page, and plays the first relevant video after loading is complete.

[0086] For details, please refer to Figure 8 and related content.

[0087] S220: After the first relevant video finishes playing, the visual interaction page is displayed. In response to the triggering operation of the guide control, the object interaction page is displayed.

[0088] For details, please refer to Figures 2 and 3 and related content.

[0089] S230, in response to the triggering operation of the replacement control, replace the first associated object graph with the second associated object graph.

[0090] For details, please refer to Figure 4 and related content.

[0091] S240, in response to the operation of the page switching control, the current object interaction page is switched to display the adjacent object interaction page; in response to the triggering operation of the replacement control in the adjacent object interaction page, the first associated object graph in the adjacent object interaction page is replaced with the second associated object graph.

[0092] For details, please refer to Figure 5 and related content.

[0093] S250, in response to the trigger operation of the close control, closes the object interaction page, obtains a new real target image, and displays the image interaction page based on the new real target image.

[0094] For details, please refer to Figure 6 and related content.

[0095] S260, in response to a triggering operation of the payment control, displays the payment page, and in response to a payment operation on the payment page, pays a certain amount to the real target image.

[0096] For details, please refer to Figure 7 and related content.

[0097] S270, in response to the triggering operation of the submit control, obtains the second relevant video based on the identifier of the interaction entry and / or the user tag, and plays the second relevant video.

[0098] S280, after the second related video has finished playing, display the target card image associated with the second related video.

[0099] The technical solution of this disclosure embodiment displays an interactive image page; wherein, the interactive image page includes a real target image image and a guide control; the real target image image includes a real target image and at least one associated object, the associated object being an object associated with the real target image; in response to a trigger operation of the guide control, an object interaction page is displayed; wherein, the object interaction page includes a first associated object image and a replacement control, the first associated object image including an associated object of a first form; in response to a trigger operation of the replacement control, the first associated object image is replaced with a second associated object image; wherein, the second associated object image includes an associated object of a second form. The page interaction method provided by this disclosure embodiment realizes interaction between the user and the real target object and its associated objects through an interactive page, which can improve the diversity of interaction and enhance the realism of the user's interaction with the page.

[0100] Figure 10 is a schematic diagram of a page interaction device provided in an embodiment of this disclosure. As shown in Figure 10, the device includes:

[0101] The image interaction page display module 310 is used to display the image interaction page; wherein, the image interaction page includes a real target image and guide controls; the real target image includes a real target image and at least one associated object, the associated object being an object associated with the real target image;

[0102] The object interaction page display module 320 is used to display the object interaction page in response to the trigger operation of the guide control; wherein the object interaction page includes a first associated object diagram and a replacement control, and the first associated object diagram includes associated objects in a first form;

[0103] The associated object graph replacement module 330 is used to replace the first associated object graph with the second associated object graph in response to the trigger operation of the replacement control; wherein the second associated object graph includes associated objects of a second form.

[0104] Optionally, the guide control includes a first guide control and at least one second guide control; the second guide control corresponds one-to-one with the associated object, and the second guide control is set in the area where the corresponding associated object is located; the second guide control is displayed in a first form.

[0105] Optionally, the object interaction page display module 320 is also used for:

[0106] In response to a trigger action on the first guide control, display the object interaction page of the associated object that is ranked first; or,

[0107] In response to a trigger operation on the second guide control, the object interaction page of the associated object corresponding to the second guide control is displayed.

[0108] Optionally, it also includes: a page switching module, used for:

[0109] In response to an operation on the page switching control, the current object interaction page is switched to display the adjacent object interaction page; wherein, the adjacent object interaction page includes the previous object interaction page or the next object interaction page;

[0110] In response to a trigger operation on the replacement control in the adjacent object interaction page, the first associated object graph in the adjacent object interaction page is replaced with the second associated object graph.

[0111] Optionally, the associated object graph replacement module 330 is also used for:

[0112] Get the set effects; whereby the set effects include special effects animation and / or special effects audio;

[0113] Replace the first associated object image with the second associated object image according to the set special effects.

[0114] Optionally, the object interaction page display module 320 is also used for:

[0115] Display the interactive page of the object in any of the following ways: floating window, pop-up window, or overlay.

[0116] Optionally, it also includes: a new interactive page display module for:

[0117] In response to the triggering operation of the close control, the object interaction page is closed, and a new real target image is obtained; wherein, the new real target image includes the real target image and at least one associated object in a second form;

[0118] The interactive page displays an image based on a new, realistic target image.

[0119] Optionally, the new interactive page display module is also used for:

[0120] Retrieve the associated objects displayed in a second form from the new real target image;

[0121] The second guide control corresponding to the associated object that is displayed in the second form will be displayed in the second form.

[0122] Optionally, it also includes: a payment module, used for:

[0123] In response to a triggering action on the payment control, the payment page is displayed;

[0124] In response to a payment action on the payment page, a certain amount is paid to the real target image.

[0125] Optionally, it also includes: an interaction entry trigger module, used for:

[0126] In response to a trigger action at the interactive entry point, a loading page is displayed;

[0127] Once loading is complete, the first relevant video will be played; this first relevant video is one that is related to the real target image.

[0128] Once the first relevant video has finished playing, an interactive interface will be displayed.

[0129] Optionally, it also includes: a second related video playback module, used for:

[0130] In response to the triggering operation of the submit control, the second relevant video is obtained based on the identifier of the interaction entry and / or the user tag, and the second relevant video is played;

[0131] After the second related video finishes playing, a target card image associated with the second related video is displayed.

[0132] Optionally, the second related video playback module is also used for:

[0133] If the identifier and / or user tag of the interactive entry point are associated with the second avatar, then obtain the second related video that is related to the second avatar and the real target avatar;

[0134] If the identifier of the interactive entry point and the user tags are not related to the second image, then obtain the second relevant video related to the real target image.

[0135] The page interaction device provided in this disclosure can execute the page interaction method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0136] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the protection scope of the embodiments of this disclosure.

[0137] Figure 11 is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Referring now to Figure 11, a schematic diagram of the structure of an electronic device (e.g., the terminal device or server in Figure 11) 500 suitable for implementing embodiments of this disclosure is shown. The terminal device in embodiments of this disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device shown in Figure 11 is merely an example and should not impose any limitations on the functionality and scope of use of embodiments of this disclosure.

[0138] As shown in Figure 11, the electronic device 500 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. The RAM 503 also stores various programs and data required for the operation of the electronic device 500. The processing unit 501, ROM 502, and RAM 503 are interconnected via a bus 504. An edit / output (I / O) interface 505 is also connected to the bus 504.

[0139] Typically, the following devices can be connected to I / O interface 505: input devices 506 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 507 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 508 including, for example, magnetic tapes, hard disks, etc.; and communication devices 509. Communication device 509 allows electronic device 500 to communicate wirelessly or wiredly with other devices to exchange data. Although FIG11 shows electronic device 500 with various devices, it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed alternatively.

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

[0141] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0142] The electronic device provided in this embodiment and the page interaction method provided in the above embodiments belong to the same concept. Technical details not described in detail in this embodiment can be found in the above embodiments, and this embodiment has the same beneficial effects as the above embodiments.

[0143] This disclosure provides a computer storage medium storing a computer program that, when executed by a processor, implements the page interaction method provided in the above embodiments.

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

[0145] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol), and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

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

[0147] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to:

[0148] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to: display an interactive image page; wherein the interactive image page includes a real target image and a guide control; the real target image includes the real target image and at least one associated object, the associated object being an object associated with the real target image; in response to a triggering operation of the guide control, display an object interactive page; wherein the object interactive page includes a first associated object image and a replacement control, the first associated object image including an associated object of a first form; in response to a triggering operation of the replacement control, replace the first associated object image with a second associated object image; wherein the second associated object image includes an associated object of a second form.

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

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

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

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

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

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

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

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

Claims

1. A method for page interaction, comprising: displaying a figure interaction page; wherein the figure interaction page comprises a real target figure image and a guide control; the real target figure image comprises a real target figure and at least one associated object, the associated object being an object associated with the real target figure; in response to a triggering operation on the guide control, displaying an object interaction page; wherein the object interaction page comprises a first associated object image and a replacement control, the first associated object image comprising an associated object in a first form; in response to a triggering operation on the replacement control, replacing the first associated object image with a second associated object image; wherein the second associated object image comprises an associated object in a second form. 2.The method of claim 1, wherein the guide control comprises a first guide control and at least one second guide control; the second guide control corresponds to the associated object one-to-one, and the second guide control is arranged in a region where the corresponding associated object is located; the second guide control is displayed in a first form. 3.The method of claim 2, wherein in response to the triggering operation on the guide control, displaying the object interaction page comprises: in response to a triggering operation on the first guide control, displaying an object interaction page of an associated object in a first order; or, in response to a triggering operation on the second guide control, displaying an object interaction page of the associated object corresponding to the second guide control. 4.The method of claim 1, wherein the object interaction page further comprises a page switching control, and after displaying the object interaction page, the method further comprises: in response to an operation on the page switching control, switching to display a neighboring object interaction page from a current object interaction page; wherein the neighboring object interaction page comprises a previous object interaction page or a next object interaction page; in response to a triggering operation on a replacement control in the neighboring object interaction page, replacing a first associated object image in the neighboring object interaction page with a second associated object image. 5.The method of claim 1, wherein replacing the first associated object image with the second associated object image comprises: obtaining a set special effect; wherein the set special effect comprises a special effect animation and / or a special effect audio; replacing the first associated object image with the second associated object image according to the set special effect. 6.The method of any one of claims 1-5, wherein displaying the object interaction page comprises: displaying the object interaction page in any one of a floating window, a pop-up window, or a mask layer. 7.The method of claim 1, wherein the object interaction page further comprises a closing control, and after displaying the object interaction page, the method further comprises: in response to a triggering operation on the closing control, closing the object interaction page and obtaining a new real target figure image; wherein the new real target figure image comprises the real target figure and at least one associated object in a second form; displaying the figure interaction page based on the new real target figure image. 8.The method of claim 7, wherein displaying the image interaction page based on the new real target image includes: obtaining an associated object displayed in a second form in the new real target image; displaying a second guide control corresponding to the associated object displayed in the second form in a second form. 9.The method of claim 7, wherein the image interaction page includes a payment control; and after displaying the image interaction page based on the new real target image, the method further includes: in response to a triggering operation on the payment control, displaying a payment page; in response to a payment operation on the payment page, paying a certain amount of money for the real target image. 10.The method of claim 1, wherein before displaying the image interaction page, the method further includes: in response to a triggering operation on the interaction entry, displaying a loading page; after the loading is completed, playing a first related video; wherein the first related video is a video related to the real target image; after the first related video is played, displaying the image interaction page. 11.The method of claim 10, wherein the image interaction page further includes a submission control; and after displaying the image interaction page, the method further includes: in response to a triggering operation on the submission control, obtaining a second related video according to an identifier of the interaction entry and / or a user tag, and playing the second related video; after the second related video is played, displaying a target card associated with the second related video. 12.The method of claim 11, wherein obtaining the second related video according to the identifier of the interaction entry and / or the user tag includes: if the identifier of the interaction entry and / or the user tag is associated with a second image, obtaining a second related video related to the second image and the real target image; if the identifier of the interaction entry and the user tag are both not associated with the second image, obtaining a second related video related to the real target image. 13.A page interaction apparatus, comprising: an image interaction page display module configured to display an image interaction page; wherein the image interaction page includes a real target image and a guide control; the real target image includes a real target image and at least one associated object, and the associated object is an object associated with the real target image; an object interaction page display module configured to display an object interaction page in response to a triggering operation on the guide control; wherein the object interaction page includes a first associated object image and a replacement control, and the first associated object image includes an associated object in a first form; an associated object image replacement module configured to replace the first associated object image with a second associated object image in response to a triggering operation on the replacement control; wherein the second associated object image includes an associated object in a second form. 14.An electronic device, comprising: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors so implemented the page interaction method as claimed in any one of claims 1-12.

15. A storage medium containing computer-executable instructions for performing the page interaction method as claimed in any one of claims 1-12 when executed by a computer processor.

16. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the page interaction method as claimed in any one of claims 1-12.

Images