Interactive method, device, electronic device, storage medium and computer program product
The interactive method on terminal devices enhances user engagement by using screen-changing components triggered by user actions, addressing the issue of accidental triggers in current advertisements.
Patent Information
- Application Number
- JP2024540575
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2022-01-05
- Filing Date
- 2022-12-15
- Publication Date
- 2025-01-22
- Estimated Expiration
- 2042-12-15
AI Technical Summary
Current interactive advertisements on terminal devices, such as mobile phones, lack engaging interaction methods, leading to accidental triggers and a poor user experience due to difficulty in distinguishing between normal device movement and intentional interaction.
An interactive method that includes displaying an interactive component on a terminal device's display interface, where the component changes screens based on user-specific actions like device rotation or tap commands, ensuring intentional engagement and reducing accidental triggers.
Enhances user interaction by allowing controlled and intentional access to advertisement landing pages, improving user experience by preventing accidental triggers and ensuring deliberate engagement.
Smart Images

Figure 2025501650000001_ABST
Abstract
Description
[Technical field]
[0001] CROSS-REFERENCE TO RELATED APPLICATIONS This application is based on and claims priority from an application having Chinese application number 202210007525.2 and filing date of January 5, 2022, the entire disclosure of which is incorporated herein by reference.
[0002] Technical Field The present disclosure relates to the field of image processing technology, and in particular to an interactive method, apparatus, electronic device, storage medium and computer program product. [Background technology]
[0003] Advertisement is a means of publicity that communicates information to the public openly and widely through a certain form of media for a certain need. Currently, advertisements are mainly presented in the form of cards, pages, or videos, and users can only passively receive advertisement content as viewers. Current interactive advertisements provide some simple interactive functions. Summary of the Invention
[0004] The present disclosure provides an interactive method applied to a terminal device with a display interface, the method comprising: playing a background video image on the display interface in response to a first control command; displaying an initial screen of an interactive component in a first predetermined area of the background video image; Controlling the interactive component to change from the initial screen to a target screen in response to a second control command triggered by a user's designated action; and controlling the display interface to display a target image page in response to the interactive component displaying the target screen.
[0005] In some embodiments, displaying a first video pendant in a second predetermined area of the background video image prior to displaying an initial screen of an interactive component in the first predetermined area of the background video image as described above; and displaying the interactive component in the first predetermined area if the first video pendant satisfies a predetermined condition.
[0006] In some embodiments, the first video pendant satisfying a predetermined condition includes the first video pendant changing from a first display state to a second display state.
[0007] In some embodiments, and controlling the display interface to display the target image page in response to a first tap touch command triggered by a user tapping on the first video pendant; The first video pendant is in the first display state or the second display state.
[0008] In some embodiments, controlling the display interface to display the target image page in response to a first tap touch command triggered by a user tapping on the first video pendant as described above includes: In response to a first tap touch command triggered by a user tapping operation on the first video pendant, controlling the display interface to display the target image page if the target image page has not been displayed before.
[0009] In some embodiments, the second control command is triggered by a movement of the terminal device, the movement of the terminal device being controlled by a specified action of a user.
[0010] In some embodiments, the step of triggering the second control command by a motion of the terminal device comprises: The second control command is triggered by the terminal device moving at least one of a predetermined rotation angle, a predetermined rotation direction, a predetermined number of rotations, or a predetermined rotation speed.
[0011] In some embodiments, the interactive component includes a compass.
[0012] In some embodiments, displaying the initial screen of the interactive component as described above includes displaying an initial orientation and a target orientation of a pointer on the compass, and prompt information to instruct a user to perform a specified action, wherein the initial orientation and the target orientation do not overlap.
[0013] In some embodiments, controlling the interactive component to change from the initial screen to the target screen as described above includes controlling the pointer to rotate to point in the target orientation based on the second control command.
[0014] In some embodiments, the target orientation is determined based on collected device orientation information of the terminal device, or the target orientation is randomly obtained orientation information.
[0015] In some embodiments, controlling the display interface to display a target image page in response to the interactive component displaying the target screen as described above includes: hiding the compass in response to the pointer pointing toward the target orientation; displaying a predetermined animation in a third predetermined area of the background video image; and controlling the display interface to display the target image page when the playback of the predetermined animation has finished.
[0016] In some embodiments, a second video pendant is displayed in a third predetermined area of the target image page, and the interactive method further comprises: after controlling the display interface to display the target image page, displaying an activity selection icon in a fourth predetermined area of the target image page in response to a second tap touch command triggered by a user tapping operation on the second video pendant; and controlling, in response to a third tap touch command triggered by a user tapping operation on the activity selection icon, to display an activity participation page on the display interface.
[0017] The present disclosure relates to a playback module for playing a background video image on the display interface in response to a first control command; a display module for displaying an initial screen of an interactive component in a first predetermined area of the background video image; a first control module for controlling the interactive component to change from the initial screen to a target screen in response to a second control command triggered by a user's designated action; and a second control module for controlling the display interface to display a target image page in response to the interactive component displaying the target screen.
[0018] The present disclosure further provides a terminal device including a memory and a processor coupled to the memory and configured to execute the interactive method described in any one of the above claims based on commands stored in the memory.
[0019] The present disclosure further provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the interactive method according to any one of the preceding claims.
[0020] The present disclosure further provides a computer program product comprising instructions which, when executed by a processor, cause said processor to perform the interactive method according to any one of the preceding claims.
[0021] The present disclosure further provides a computer program comprising instructions which, when executed by a processor, cause said processor to perform the interactive method according to any one of the above claims. [Brief description of the drawings]
[0022] In order to more clearly describe the technical solutions in the present disclosure or related art, the following briefly describes the drawings necessary for the description of the embodiments or related art. Needless to say, the drawings in the following description are only embodiments of the present disclosure, and those skilled in the art can obtain other drawings based on these drawings without any special inventive efforts.
[0023] [Figure 1] FIG. 1 is a schematic diagram of an exemplary system according to an embodiment of the present disclosure. [Diagram 2] 1 is a schematic diagram illustrating an interactive method flow according to an embodiment of the present disclosure. [Diagram 3] FIG. 2 is a schematic diagram of a display interface according to an embodiment of the present disclosure. [Figure 4] FIG. 2 is a schematic diagram of a display of a first display state of a first video pendant according to an embodiment of the present disclosure. [Diagram 5] FIG. 2 is a schematic diagram of a display of an initial screen of an interactive component according to an embodiment of the present disclosure. [Figure 6] 1 is a schematic diagram of a display of a target screen of an interactive component according to an embodiment of the present disclosure. [Figure 7]FIG. 13 is a schematic diagram of a display of an initial screen of another interactive component according to an embodiment of the present disclosure. [Figure 8] 13 is a schematic diagram of a display of a target screen of another interactive component according to an embodiment of the present disclosure. [Figure 9] FIG. 2 is a schematic diagram illustrating another flow of an interactive method according to an embodiment of the present disclosure. [Figure 10] 1 is a schematic diagram of a display of a predetermined animation according to an embodiment of the present disclosure. [Figure 11] FIG. 2 is a schematic diagram of a display of a target image page according to an embodiment of the present disclosure. [Figure 12] FIG. 13 is a schematic diagram of a display of a second video pendant according to an embodiment of the present disclosure. [Figure 13] FIG. 1 is a schematic diagram of an interactive device according to an embodiment of the present disclosure. [Figure 14] FIG. 2 is a schematic diagram of a terminal device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
[0024] In order to make the objectives, technical solutions and advantages of the present disclosure clearer, the following will further describe the present disclosure in detail with reference to the drawings in conjunction with specific embodiments.
[0025] In addition, technical or scientific terms used in the embodiments of the present disclosure should have the ordinary meaning understood by a person skilled in the art to which the present disclosure belongs, unless otherwise specified. The terms "first", "second" and similar terms used in the embodiments of the present disclosure do not indicate any order, quantity or importance, but are only used to distinguish different components. Similar terms such as "comprise" or "include" mean that the element or item before the term includes the element or item after the term and its equivalents, and do not exclude other elements or items. Similar terms such as "connect" or "contact" are not limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. "Top", "bottom", "left", "right", etc. are intended to indicate relative positional relationships, and if the absolute position of the described object changes, the relative positional relationships may change accordingly.
[0026] FIG. 1 shows a schematic diagram of an exemplary system 100 of an embodiment of an apparatus applicable for an interactive method according to an embodiment of the present disclosure.
[0027] As shown in FIG. 1, the system 100 includes a server 140 and at least one terminal device 120, and the server 140 and the terminal device 120 are connected via a wireless network or a wired network.
[0028] The server 140 includes at least one of one server, multiple servers, a cloud computing platform, or a virtualization center. The server 140 is used to provide background services for various applications that support the presentation of video images. Alternatively, the server 140 performs main calculation tasks, and the terminal device performs secondary calculation tasks, or the server 140 performs secondary calculation tasks, and the terminal device performs main calculation tasks, or a distributed calculation architecture is adopted between the server 140 and the terminal device to perform cooperative calculation.
[0029] The terminal device 120 may interact with the server 140 via a wireless network or a wired network, and receive messages sent from the server 140 or send messages to the server 140. The terminal device may have installed thereon applications supporting the presentation of video images, such as video playback software, short video playback software, live streaming software, social platform software, etc., and may also have various software supporting the playback of startup animations. The terminal device 120 may include, but is not limited to, a smartphone, a tablet, etc.
[0030] In some embodiments, the system 100 can realize the delivery and playback of interactive advertisements. The data files of the interactive advertisements stored in the server 140 are delivered to the terminal device 120 via a wireless network or a wired network. The terminal device 120 may play the corresponding interactive advertisements based on the data files to convey information to the user 910 who owns the terminal device 120.
[0031] In some embodiments, the system 100 may further include a control device, which may be a device corresponding to a developer or operator of an interactive advertisement, through which the developer or operator may edit data required for the interactive advertisement, and further generate and store a corresponding data file of the interactive advertisement in the server 140.
[0032] Currently, the mainstream approach to interactive advertisements played on the terminal device 120 is to add a shake feature when the application is launched. At the application launch stage, a copy is presented to prompt the user to access the advertisement landing page by shaking the mobile phone, and the gyro detects the amount of shaking by the user to determine whether or not to access the advertisement landing page.
[0033] However, such interactive advertisements have a single interactive method, which makes it difficult to attract users' interest. In addition, terminal devices such as mobile phones have difficulty determining the boundary between "holding the mobile phone and shaking it normally" and "shaking it to trigger an advertisement", so even if a user does not want to access an advertisement landing page and view an advertisement and holds the mobile phone and shakes it normally (e.g., shaking it while walking or riding), the advertisement will be erroneously triggered and the user will enter the advertisement landing page, which will rather affect the user's experience.
[0034] In view of this, to solve the above problems, an embodiment of the present disclosure provides an interactive method.
[0035] 2 is a schematic diagram showing a flow of an interactive method according to an embodiment of the present disclosure, where the interactive method is applied to a terminal device with a display interface. The method includes the following steps:
[0036] Step S101: In response to a first control command, play a background video image on the display interface.
[0037] Step S103: Display an initial screen of an interactive component in a first predetermined area of the background video image.
[0038] Step S105: In response to a second control command triggered by a user's designated action, control the interactive component to change from the initial screen to a target screen.
[0039] Step S107: In response to the interactive component displaying the target screen, control the display interface to display a target image page.
[0040] The interactive method according to the present embodiment displays an interactive component in a first predetermined area when a background video image is played on the display interface, controls the interactive component to change from an initial screen to a target screen according to a second control command triggered by a user's designated action, and controls the display interface to display a target image page, i.e., an advertisement landing page, when the interactive component displays the target screen, thereby realizing interactive advertisement playback. In this embodiment, the display of the interactive component is controlled according to the user's designated action, and the target image page can be displayed only when the interactive component displays the target screen, so that it is not erroneously triggered by the user and brings the user a better experience.
[0041] The following will further describe an implementation of the system 100 according to an embodiment of the present disclosure in conjunction with the system 100 shown in FIG.
[0042] 3, the terminal device 120 is provided with a display, which is for displaying a display interface 121 of an application supporting the presentation of a video image. The user 910 operates and controls the terminal device 120, thereby causing the terminal device 120 to generate a first control command based on the operation control of the user 910. The terminal device 120 plays a background video image on the display interface 121 under the control of the first control command.
[0043] In some embodiments, in this embodiment, the background video image may include a video image played by the video playback software, a short video image played by the short video playback software, a live streaming video image played by the live streaming software, or may be a software start-up video animation image, etc. Accordingly, the first control command may be a tap play command, a software start-up command, etc. Here, the background video image may be a moving image or a still image, and this embodiment does not impose any limitation thereon.
[0044] In a specific embodiment, the background video image is a short video image. The user 910 generates a first control command by performing a swipe operation on the display of the terminal device 120. The first control command is for controlling the switching of the short video image. Under the control of the first control command, the display interface 121 of the terminal device 120 gradually changes from displaying a previous video image to displaying a current background video image.
[0045] In some embodiments, as shown in Fig. 3, a first predetermined information 211 and a second predetermined information 212 of the background video image are displayed in the background video image. The first predetermined information 211 and the second predetermined information 212 are displayed in the lower left corner of the background video image. In a specific embodiment, the first predetermined information 211 may be the name of the background video image, and the second predetermined information 212 includes introduction information of the background video image.
[0046] In some embodiments, the interactive method further comprises the steps of:
[0047] Step S201: Display a first video pendant in a second predetermined area of the background video image.
[0048] 4 , in this embodiment, when the background video image starts to be played on the display interface 121, the first video pendant 213 is displayed in a second predetermined area of the background video image. In some specific embodiments, the second predetermined area may be located above the first predetermined information 211, that is, the first video pendant 213 may be disposed above the first predetermined information 211.
[0049] In this embodiment, the terminal device 120 may obtain, render, and load the data file of the first video pendant 213 in advance before displaying the background video image. This can reduce the amount of data processing when loading the background video image, ensure the display effect of the first video pendant 213, and reduce the calculation load of the terminal device 120. For example, when the previous video image is displayed on the display interface 121 of the terminal device 120, the data file of the first video pendant 213 that matches the background video image to be played may be obtained, rendered, and loaded. When the background video image is displayed on the display interface 121 of the terminal device 120, the first video pendant 213 may be displayed in a second predetermined area.
[0050] In some embodiments, in this embodiment, if the terminal device 120 fails to load or render the data file of the first video pendant 213, the first video pendant 213 will not be displayed and only the background video image will be played.
[0051] Step S202: If the first video pendant satisfies a predetermined condition, display the interactive component in the first predetermined area.
[0052] In this embodiment, the first video pendant 213 satisfying a predetermined condition includes the first video pendant changing from a first display state to a second display state.
[0053] As shown in FIG. 4, when the first video pendant 213 is in a first display state, the first video pendant 213 includes a progress bar, text information, and image information. Here, the text information may include prompt information such as "AAA", and the image information may be a dynamic or static cartoon image. That is, when the display interface 121 starts playing the background video image, the first video pendant 213 including the progress bar is displayed above the first predetermined information 211, for example, the name of the background video image, and the progress bar starts to move. When the progress of the progress bar ends, the first video pendant 213 changes from the current first display state to a second display state, as shown in FIG. 5. When the first video pendant 213 is in a second display state, the first video pendant 213 includes text information such as "BBB".
[0054] When the first video pendant 213 is in a second display state, it displays an interactive component in a first predetermined area of the background video image, in some embodiments, the first predetermined area may be a central area of the background video image.
[0055] In some other embodiments, the first video pendant 213 satisfying a predetermined condition includes the first video pendant 213 being displayed for a predetermined period of time, i.e., in this embodiment, when the first video pendant 213 is displayed for a predetermined period of time, an interactive component is displayed in a first predetermined area of the background video image.
[0056] In this embodiment, the terminal device 120 may obtain, render, and load a data file of an interactive component in advance before displaying a background video image. This can reduce the amount of data processing when loading a background video image, ensure the display effect of the interactive component, and reduce the computation load of the terminal device 120. For example, when the previous video image is displayed on the display interface 121 of the terminal device 120, a data file of an interactive component matching the background video image to be played may be obtained, rendered, and loaded. When the background video image is displayed on the display interface 121 of the terminal device 120, the interactive component may be displayed in a first predetermined area.
[0057] In some embodiments, the embodiment needs to determine whether the data file of the interactive component is successfully loaded and rendered. If the terminal device 120 fails to load the data file of the interactive component or fails to render it, the interactive component is not displayed and only the background video image is played. If the terminal device 120 successfully loads the data file of the interactive component and successfully renders it, the interactive component is displayed in the first predetermined area.
[0058] When displaying an interactive component in a first predetermined region of the background video image, an initial screen of the interactive component is displayed first, and then, based on a second control command triggered by a user's designated action, the interactive component is controlled to change from the initial screen to a target screen.
[0059] In some embodiments, responding to the second control command triggered by the user's designated action as described in step S105 includes controlling the terminal device to move based on the user's designated action and triggering the second control command by the movement of the terminal device. Here, triggering the second control command by the movement of the terminal device as described above includes triggering the second control command by the terminal device moving at least one of a predetermined rotation angle, a predetermined rotation direction, a predetermined number of rotations, or a predetermined rotation speed.
[0060] In some embodiments, in this embodiment, the user is instructed to control the interactive component to change from the initial screen to the target screen within a predetermined time, for example, within 3 seconds, and if the interactive component does not change from the initial screen to the target screen within the predetermined time, the terminal device 120 determines that the user does not want to access the target image page, and the terminal device 120 controls the interactive component to be hidden.
[0061] In this embodiment, when the initial screen of the interactive component is displayed, instruction information is also displayed to instruct the user to control the terminal device 120 to move by a specified action to trigger a second control command. Here, the specified action of the user includes controlling at least a part of the terminal device 120 to move at least one of a predetermined rotation angle, a predetermined rotation direction, a predetermined number of rotations, or a predetermined rotation speed, and may be, for example, controlling the terminal device 120 to rotate in a horizontal direction, controlling the terminal device 120 to flip to the left, controlling the terminal device 120 to shake three times left and right, etc., and this embodiment does not impose any limitation thereon.
[0062] When the user 910 controls the terminal device 120 to move in the above-mentioned specified action, a second control command can be triggered for the terminal device 120. Then, the terminal device 120 controls the interactive component to change from the initial screen to a target screen based on the second control command.
[0063] In a specific embodiment, as shown in Fig. 5, the interactive component 214 includes a compass. The initial screen of the interactive component 214 includes an initial orientation and a target orientation 2141 of a pointer 2142 in the compass, and prompt information for instructing the user 910 to perform a specified action. Therefore, the initial screen of the compass displays the initial orientation and the target orientation 2141 of the pointer 2142 of the compass, and prompt information for instructing the user 910 to perform a specified action.
[0064] The initial orientation of the pointer 2142 does not overlap with the target orientation 2141. In some embodiments, the angle between the initial orientation of the pointer 2142 and the target orientation 2141 is greater than a predetermined threshold. This avoids false triggering caused by the angle between the initial orientation of the pointer 2142 and the target orientation 2141 being too small and the terminal device 120 swinging normally. Here, in order to facilitate subsequent use, the terminal device 120 may call up a jsb file to obtain information on the included angle between the initial orientation of the pointer 2142 and the target orientation 2141.
[0065] As shown in FIG. 5, in a specific embodiment, the target orientation 2141 of the pointer 2142 in the compass is “East”, or may be various directions such as “West”, “South”, “North”, etc., and this embodiment does not impose any limitations thereon.
[0066] The target orientation 2141 of the pointer 2142 on the compass may, if authorized by a user, collect device orientation information, such as gyro parameters, of the terminal device 120 and determine the target orientation 2141 based on the device orientation information.
[0067] Alternatively, if authority has not been obtained from the user or if device orientation information cannot be collected, one piece of orientation information may be randomly acquired and used as the target orientation.
[0068] As shown in FIG. 5, taking the target direction 2141 of the pointer 2142 on the compass as an example being “east,” the prompt information for instructing the user 910 to perform a specified action may be text prompt information such as “rotate the screen to face eastward,” or it may be other types of prompt information such as an image, and this embodiment does not impose any restrictions on this.
[0069] Then, the user 910 may rotate the terminal device 120 based on the prompt information. The terminal device 120 collects gyro parameters in the device, obtains information such as the rotation angle and direction of the device, and controls the pointer 2142 in the compass to gradually move from the initial orientation to the target orientation 2141 based on the information such as the rotation angle and direction of the device, and in this process triggers a second control command of the terminal device 120. Thereby, the terminal device 120 may control the pointer 2142 to rotate based on the second control command so that the pointer 2142 gradually points to the target orientation 2141. When the pointer 2142 gradually points to the target orientation 2141, the compass changes from the initial screen to the target screen, as shown in FIG. 6.
[0070] In some embodiments, during this process, if the terminal device 120 does not detect the presence of manipulation beyond a predetermined angle, for example 10 degrees, the compass is displayed for a predetermined time, for example 2 seconds, and then disappears.
[0071] In some embodiments, in this process, the terminal device 120 may be controlled to vibrate. For example, after the compass changes from the initial screen to the target screen, the terminal device 120 is controlled to vibrate to prompt the user to access the target image page. The vibration of the terminal device 120 in the above embodiment is merely an example, and in this embodiment, the vibration control of the terminal device 120 can be adjusted as necessary, and this embodiment does not impose any limitation thereon.
[0072] In some other embodiments, as shown in FIG. 7, the initial screen of the interactive component 217 includes a ball located in the center and a target hole, and the target hole may appear at any position in the interactive component 217. At this time, the prompt information for instructing the user 910 to perform a specified action may be text prompt information such as "Please flip the screen and put the ball into the hole". Therefore, the user flips the terminal device 120 to the right to trigger the second control command. Thereby, the terminal device 120 can control the ball to gradually enter the target hole based on the second control command. When the ball enters the target hole, the interactive component 217 changes from the initial screen to a target screen as shown in FIG. 8.
[0073] When the interactive component displays the target screen, the terminal device 120 may control the display interface 121 to display the target image page. In some embodiments, the steps specifically include the following steps:
[0074] Step S301: In response to the pointer pointing in the target orientation, the interactive component is hidden.
[0075] Step S303: Display a predetermined animation in a third predetermined area of the background video image.
[0076] Step S305: When the playback of the predetermined animation is completed, control the display interface to display the target image page.
[0077] In this embodiment, when the pointer 2142 points to the target direction 2141, that is, after the interactive component 214 changes from the initial screen to the target screen, the interactive component 214, i.e., the compass, is hidden, and a predetermined animation is displayed in a third predetermined area of the background video image, and the background video is muted and a predetermined sound effect, for example, background music and a speech broadcast, is played. Here, the predetermined animation may include text information, Easter egg resource information, transition animation, etc. For example, as shown in FIG. 10, text information "CCC" is displayed in the center area of the background video image, a cartoon animation character is displayed in the lower area of the background video image, and then Easter egg resource information, such as an animation character scattering lucky money, is displayed in the upper area of the background video image. Then, a cloud layer transition animation may be displayed. When the playback of the predetermined animation is finished, as shown in FIG. 11, the terminal device 120 controls the display interface 121 to display the target image page.
[0078] In some embodiments, the terminal device 120 may obtain data files such as Easter egg resource information and transition animations in advance before displaying a background video image. This can reduce the amount of data processing when loading a background video image, ensure the display effect of the interactive component 214, and reduce the computation load of the terminal device 120. For example, the terminal device 120 may pull data files such as Easter egg resource information and transition animations from the server 140 in advance and store them in the terminal device 120 a predetermined time beforehand, and set an activation time for the data files such as Easter egg resource information and transition animations. When the data files such as Easter egg resource information and transition animations are activated and the previous video image is displayed on the display interface 121 of the terminal device 120, the data files such as Easter egg resource information and transition animations that match the background video image to be played may be obtained, rendered, and loaded, so that the Easter egg resource information and transition animations are displayed when the background video image is played.
[0079] In some embodiments, as shown in FIG. 11, a second video pendant 215 is displayed in a third predetermined area of the target image page, and after controlling the display interface to display the target image page as described above, the method further includes the following steps:
[0080] Step S401: In response to a second tap touch command triggered by a user's tap operation on the second video pendant, display an activity selection icon in a fourth predetermined area of the target image page.
[0081] Step S402: In response to a third tap touch command triggered by a tap operation on the activity selection icon by the user, control is performed to display an activity participation page on the display interface.
[0082] In this embodiment, the second video pendant 215 may display information such as "Join Now". When the user 910 performs a tap operation on the second video pendant 215 on the target image page, the second tap touch command may be triggered in the terminal device 120, and the terminal device may control the terminal device to display the activity selection icon 216 in a fourth predetermined area of the target image page based on the second tap touch command, as shown in FIG. 12. At this time, the transparency of the area other than the fourth predetermined area of the target image page is reduced to clearly display the activity selection icon 216. Then, the terminal device 120 accepts a third tap touch command triggered by the user's tap operation on the activity selection icon 216, and when the user taps "Challenge", the terminal device controls the display interface to display an activity participation page based on the third tap touch command. When the user taps "Abandon", the activity participation page is not jumped to.
[0083] In some other embodiments, as shown in Figures 4 and 5, when the first video pendant 213 is in the first display state or the second display state, when the user 910 taps the first video pendant 213, as shown in Figure 11, the terminal device accepts a first tap touch command triggered by the user's tap operation on the first video pendant, and controls the display interface 121 to display the target image page based on the first tap touch command.
[0084] In this embodiment, the first video pendant 213 includes a data file that jumps to a target image page regardless of whether the first video pendant 213 is in a first display state or a second display state, and a user tapping directly on the first video pendant 213 may cause the display interface 121 to display the target image page regardless of whether the user interacts with the interactive component 214 or not.
[0085] In some embodiments, in this embodiment, when the user 910 taps the first video pendant 213 and the terminal device accepts the first tap touch command, if the terminal device 120 obtains authorization from the user, it obtains the user's current account information, and determines whether the user has ever displayed the target image page or accessed an activity participation page through the second video pendant 215, and if so, does not display the activity participation page and collapses the first video pendant 213. If not, it controls the display interface to display the target image page.
[0086] It should be noted that the method of the embodiment of the present disclosure may be executed by one device, such as one computer or server. The method of the embodiment of the present disclosure may also be applied to a distributed scenario and completed by multiple devices working together. In such a distributed scenario, one of the multiple devices may execute only one or more steps of the method of the embodiment of the present disclosure, and the multiple devices interact with each other to complete the method.
[0087] It should be noted that several embodiments of the present disclosure have been described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the above examples and still achieve desirable results. Furthermore, the processes depicted in the figures do not necessarily require the particular order or sequential order depicted to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or advantageous.
[0088] Based on the same inventive concept, corresponding to the method of any of the above embodiments, the present disclosure further provides an interactive device.
[0089] Referring to FIG. 13, the interactive device comprises: a playback module 11 for playing a background video image on the display interface in response to a first control command; a display module 12 for displaying an initial screen of an interactive component in a first predetermined area of the background video image; a first control module 13 for controlling the interactive component to change from the initial screen to a target screen in response to a second control command triggered by a user's designated action; and a second control module for controlling the display interface to display a target image page in response to the interactive component displaying the target screen.
[0090] In some embodiments, the display module 12 is further used for displaying a first video pendant in a second predetermined area of the background video image before displaying an initial screen of an interactive component in a first predetermined area of the background video image, and for displaying the interactive component in the first predetermined area if the first video pendant satisfies a predetermined condition.
[0091] In some embodiments, the first video pendant satisfying a predetermined condition includes the first video pendant changing from a first display state to a second display state.
[0092] In some embodiments, the display module 12 is further used to control the display interface to display the target image page in response to a first tap touch command triggered by a user tapping operation on the first video pendant, and the first video pendant is in the first display state or the second display state.
[0093] In some embodiments, the display module 12 further comprises: It is used to control the display interface to display the target image page if the target image page has not been displayed before in response to a first tap touch command triggered by a user's tap operation on the first video pendant.
[0094] In some embodiments, the second control command is triggered by a movement of the terminal device, the movement of the terminal device being controlled by a specified action of a user.
[0095] In some embodiments, the first control module 13 is further used to trigger the second control command by the terminal device moving at least one of a predetermined rotation angle, a predetermined rotation direction, a predetermined number of rotations, or a predetermined rotation speed.
[0096] In some embodiments, the interactive component includes a compass, and the display module 12 is further used to display an initial orientation and a target orientation of a pointer on the compass, and prompt information to instruct a user to perform a specified action, wherein the initial orientation and the target orientation do not overlap.
[0097] The first control module 13 is further used for realizing, according to the second control command, controlling the pointer to rotate and point to the target orientation.
[0098] In some embodiments, the target orientation is determined based on collected device orientation information of the terminal device, or the target orientation is randomly obtained orientation information.
[0099] In some embodiments, the second control module 14 further comprises: hiding the compass in response to the pointer pointing toward the target orientation; displaying a predetermined animation in a third predetermined area of the background video image; and controlling the display interface to display the target image page when the playback of the predetermined animation is completed.
[0100] In some embodiments, a second video pendant is displayed in a third predetermined area of the target image page, and the display module 12 further comprises: after controlling the display interface to display the target image page, displaying an activity selection icon in a fourth predetermined area of the target image page in response to a second tap touch command triggered by a user tapping operation on the second video pendant; and in response to a third tap touch command triggered by a user's tap operation on the activity selection icon, controlling to display an activity participation page on the display interface.
[0101] For convenience of explanation, the above-mentioned device is described by dividing it into modules based on their functions. Of course, in implementing the present disclosure, the functions of each module may be realized by the same or multiple pieces of software and / or hardware.
[0102] The apparatus of the above embodiment is for realizing a corresponding service orchestration method in any one of the above embodiments, and has beneficial effects of the corresponding method embodiment, which will not be described further herein.
[0103] Based on the same inventive concept, corresponding to the method of any one of the above embodiments, the present disclosure further provides a terminal device including a memory, a processor, and a computer program stored in the memory and operable on the processor, the terminal device realizing the method of any one of the above embodiments when the processor executes the program.
[0104] 14 is a schematic diagram of a specific hardware configuration of an electronic device according to this embodiment. The device may include a processor 1010, a memory 1020, an input / output interface 1030, a communication interface 1040, and a bus 1050. The processor 1010, the memory 1020, the input / output interface 1030, and the communication interface 1040 realize communication connections between the devices via the bus 1050.
[0105] The processor 1010 may be implemented in the form of a general-purpose CPU (Central Processing Unit), a microprocessor, an Application Specific Integrated Circuit (ASIC), or one or more integrated circuits, and may implement the technical solutions according to the embodiments of this specification by executing associated programs.
[0106] The memory 1020 may be implemented in the form of a ROM (Read Only Memory), a RAM (Random Access Memory), a static storage device, a dynamic storage device, etc. The memory 1020 may store an operating system and other applications, and when the technical solutions according to the embodiments of the present specification are implemented by software or firmware, relevant program codes are stored in the memory 1020 and called and executed by the processor 1010.
[0107] The input / output interface 1030 is used to connect an input / output module to realize input / output of information. The input / output module may be disposed in a device (not shown) as a component, or may be externally connected to the device to provide corresponding functions. Here, the input device may include a keyboard, a mouse, a touch panel, a microphone, various sensors, etc., and the output device may include a display, a speaker, a vibrator, an indicator lamp, etc.
[0108] The communication interface 1040 is used to connect a communication module (not shown) to realize communication interaction between this device and other devices. Here, the communication module may realize communication by a wired method (e.g., USB, network line, etc.) or a wireless method (e.g., mobile network, WiFi, Bluetooth (registered trademark), etc.).
[0109] The bus 1050 includes paths for transmitting information between each component of the device (eg, the processor 1010, the memory 1020, the input / output interface 1030, and the communication interface 1040).
[0110] Although only the processor 1010, memory 1020, input / output interface 1030, communication interface 1040, and bus 1050 are shown as the above device, when specifically implemented, the device may further include other components necessary for realizing normal operation. Also, as can be understood by those skilled in the art, the above device may include only the components necessary to realize the aspects of the embodiments of the present specification, and does not necessarily need to include all the components shown in the drawings.
[0111] The electronic device of the above embodiment is for implementing the corresponding method in any one of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described further herein.
[0112] Based on the same inventive concept, corresponding to the method of any of the above embodiments, the present disclosure further provides a non-transitory computer-readable storage medium storing computer commands to cause the computer to perform the method of any one of the above embodiments.
[0113] The computer-readable medium of the present embodiment includes permanent and non-permanent, removable and non-removable media, and may realize information storage by any method or technology. Information may be computer-readable commands, data structures, modules of programs, or other data. Examples of computer storage media may include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disc read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage device, magnetic cassette, magnetic tape, magnetic disk storage device or other magnetic storage device, or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
[0114] The computer commands stored on the storage medium of the above embodiments are for causing the computer to execute the method according to any one of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be described further herein.
[0115] Based on the same inventive concept, corresponding to the method of any of the above embodiments, the present application further provides a computer program product having a non-transitory tangible computer readable medium having computer readable instructions. In some embodiments, the computer readable instructions are executed by one or more processors to cause the processors to perform the above-mentioned method. Corresponding to the execution entity corresponding to each step in each embodiment of the method, the processor that executes the corresponding step may belong to the corresponding execution entity.
[0116] The computer program product of the above embodiments is for causing a processor to execute the method according to any one of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be described further herein.
[0117] An "apparatus", a "module", etc. in each embodiment of the present application may be implemented by a hardware unit, a software unit, or a combination thereof. Examples of hardware units may include devices, elements, processors, microprocessors, circuits, circuit elements (e.g., transistors, resistors, capacitors, inductors, etc.), integrated circuits, application specific integrated circuits (ASICs), programmable logic devices (PLDs), digital signal processors (DSPs), field programmable gate arrays (FPGAs), memory units, logic gates, registers, semiconductor devices, chips, microchips, chipsets, etc. Examples of software units may include software elements, programs, applications, computer programs, application programs, system programs, machine programs, operating system software, middleware, firmware, software modules, routines, subprograms, functions, methods, procedures, software interfaces, application program interfaces (APIs), command sets, computational codes, computer code, code segments, computer code segments, words, values, symbols, or any combination thereof. The decision of whether an embodiment is implemented by hardware and / or software units may depend on any number of factors, such as desired computational speed, power levels, heat tolerance, processing cycle costs, input data rates, output data rates, memory resources, data bus speeds, and other design or performance constraints, as desired for a given implementation.
[0118] Some embodiments may include an article of manufacture. The article of manufacture may include a storage medium for storing logic. Examples of storage media may include one or more types of computer-readable storage media capable of storing electronic data, including volatile or non-volatile memory, removable or non-removable memory, erasable or non-erasable memory, writable or rewritable memory, etc. Examples of logic may include various software units, such as software elements, programs, applications, computer programs, application programs, system programs, machine programs, operating system software, middleware, firmware, software modules, routines, subprograms, functions, methods, procedures, software interfaces, application program interfaces (APIs), command sets, computational code, computer code, code segments, computer code segments, words, values, symbols, or any combination thereof. In one embodiment, for example, the article of manufacture may store executable computer program commands that, when executed by a computer, cause the computer to perform methods and / or operations according to the described embodiments. The executable computer program commands may include any suitable type of code, such as source code, compiled code, interpreted code, executable code, static code, dynamic code, etc. The executable computer program commands are implemented in a predefined computer language, manner, or syntax for instructing a computer to perform certain functions. The commands may be implemented in any suitable high-level, low-level, object-oriented, visual, compiled, and / or interpreted programming language.
[0119] As can be understood by those skilled in the art, the above description of the embodiments is merely illustrative and is not intended to suggest that the scope of the present disclosure (including claims) is limited to these examples. Under the concept of the present disclosure, the technical features in the above embodiments or different embodiments may be combined, steps may be implemented in any order, and there are many other variations of different aspects of the embodiments of the present disclosure described above, which are not provided in detail for the sake of clarity.
[0120] Also, for ease of explanation and discussion, and to facilitate understanding of the embodiments of the present disclosure, the drawings provided may or may not show well-known power / ground connections between integrated circuit (IC) chips and other components. Also, to avoid difficulty in understanding the embodiments of the present disclosure, devices may be shown in block diagram form. This also takes into account the fact that the details of the embodiments of these block diagram devices are highly dependent on the platform on which the embodiments of the present disclosure are implemented (i.e., these details should be completely within the understanding of those skilled in the art). When specific details (e.g., circuits) are described to describe exemplary embodiments of the present disclosure, it is obvious to those skilled in the art that the embodiments of the present disclosure can be implemented without these specific details or with changes in these specific details. Therefore, these descriptions should be considered to be used for the purpose of explanation and not limiting.
[0121] Although the present disclosure has been described in connection with specific embodiments thereof, many alternatives, modifications, and variations of these embodiments will be apparent to those skilled in the art in light of the above description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may use the discussed embodiments.
[0122] The embodiments of the present disclosure are intended to include all such alternatives, modifications, and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalents, improvements, etc. made within the spirit and principles of the embodiments of the present disclosure should be included within the scope of protection of the present disclosure.
Claims
1. An interactive method applied to a terminal device having a display interface, comprising: playing a background video image on the display interface in response to a first control command; displaying an initial screen of an interactive component in a first predetermined area of the background video image; Controlling the interactive component to change from the initial screen to a target screen in response to a second control command triggered by a user's designated action; and controlling the display interface to display a target image page in response to the interactive component displaying the target screen.
2. displaying a first video pendant in a second predetermined area of the background video image prior to displaying an initial screen of an interactive component in a first predetermined area of the background video image; The interactive method of claim 1 , further comprising: if the first video pendant satisfies a predetermined condition, displaying the interactive component in the first predetermined area.
3. The first video pendant satisfies a predetermined condition, 3. The interactive method of claim 2, further comprising the first video pendant changing from a first display state to a second display state.
4. and controlling the display interface to display the target image page in response to a first tap touch command triggered by a user tapping on the first video pendant; The interactive method of claim 3 , wherein the first video pendant is in the first display state or the second display state.
5. controlling the display interface to display the target image page in response to a first tap touch command triggered by a user tapping operation on the first video pendant, The interactive method of claim 4, further comprising controlling the display interface to display the target image page if the target image page has not been displayed before in response to a first tap touch command triggered by a user's tap operation on the first video pendant.
6. The interactive method according to claim 1 , wherein the second control command is triggered by a movement of the terminal device, and the movement of the terminal device is controlled by a specified action of a user.
7. Triggering the second control command by a movement of the terminal device The interactive method according to claim 6, further comprising triggering the second control command by the terminal device moving at least one of a predetermined rotation angle, a predetermined rotation direction, a predetermined number of rotations, or a predetermined rotation speed.
8. The interactive method of claim 7 , wherein the interactive component includes a compass.
9. Displaying the initial screen of an interactive component is The interactive method of claim 8 , further comprising: displaying an initial orientation and a target orientation of a pointer on the compass, and prompt information for instructing a user to perform a specified action, wherein the initial orientation and the target orientation do not overlap.
10. Controlling the interactive component to change from the initial screen to a target screen includes: The interactive method according to claim 8 , further comprising controlling the pointer to rotate to point in the target direction based on the second control command.
11. The target orientation is determined based on collected device orientation information of the terminal device; or The interactive method of claim 9 , wherein the target orientation is randomly obtained orientation information.
12. controlling the display interface to display a target image page in response to the interactive component displaying the target screen, hiding the compass in response to the pointer pointing toward the target orientation; displaying a predetermined animation in a third predetermined area of the background video image; 9. The interactive method of claim 8, further comprising: when the playing of the predetermined animation has finished, controlling the display interface to display the target image page.
13. a second video pendant is displayed in a third predetermined area of the target image page; and the interactive method includes: after controlling the display interface to display the target image page, displaying an activity selection icon in a fourth predetermined area of the target image page in response to a second tap touch command triggered by a user tapping operation on the second video pendant; The interactive method of claim 1 , further comprising: in response to a third tap touch command triggered by a user tapping operation on the activity selection icon, controlling the display interface to display an activity participation page.
14. a playback module for playing a background video image on the display interface in response to a first control command; a display module for displaying an initial screen of an interactive component in a first predetermined area of the background video image; a first control module for controlling the interactive component to change from the initial screen to a target screen in response to a second control command triggered by a user's designated action; a second control module for controlling the display interface to display a target image page in response to the interactive component displaying the target screen.
15. Memory, A processor coupled to said memory and configured to execute the interactive method according to any one of claims 1 to 13 based on commands stored in said memory.
16. A non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, causes the interactive method according to any one of claims 1 to 13 to be implemented.
17. A computer program product comprising instructions which, when executed by a processor, cause the processor to perform the interactive method of any one of claims 1 to 13.
18. A computer program comprising instructions which, when executed by a processor, cause said processor to carry out the method of any one of claims 1 to 13.
Citation Information
Patent Citations
Virtual element display method and related device
CN112099713A
Interactive computer system, system for generating interactive media, interactive media method, interactive method, and interactive media display system
JP2018521378A
Methods and systems for displaying additional content on heads-up display displaying virtual reality environment
JP2020120410A
Motion and gesture-based mobile advertising activation
US20150186944A1