Display method, device, equipment, medium and product
By displaying elements moving towards the target component during video playback and updating the component in response to distance reduction, the user's ignoring the component is solved and the user experience is improved.
Patent Information
- Application Number
- CN202411999259.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-31
- Publication Date
- 2025-05-02
AI Technical Summary
In the prior art, components displayed during video playback are easily ignored by users, making it difficult for users to notice components and affect user experience.
During video playback, elements moving towards the target component are displayed to attract user attention while simultaneously reducing the distance between the element and component to a preset distance threshold, updating the component to highlight features.
It improves the attractiveness of components, helps users better understand the target objects, and attracts users more effectively through natural component changes, improving the user experience.
Smart Images

Figure CN119916983A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of Internet technology, and in particular to a display method, device, equipment, medium, and product. Background Art
[0002] With the development of Internet technology, users can use some applications (Application, APP) to meet their needs for browsing videos.
[0003] In addition, for videos played using an APP, the video can be used to describe some stories, to describe and promote some objects, such as commodities, and to describe other content. Summary of the invention
[0004] The present application provides a display method, device, equipment, medium, and product, which are conducive to improving user experience.
[0005] In order to achieve the above objectives, the technical solutions provided by this application are as follows:
[0006] The present application provides a display method, which includes: displaying a target video, a target component, and an element moving toward the target component, wherein the target video is used to describe the target object, the target component is used to indicate the entrance to the associated page of the target object, and the element is used to highlight the characteristics of the target object; in response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component, and the updated target component is used to highlight the characteristics.
[0007] In a possible implementation manner, at least one appearance attribute of the element is used to highlight the feature; and updating the target component includes: updating the target component according to the at least one appearance attribute.
[0008] In one possible implementation, before updating the target component, the method further includes: in response to a trigger operation on the target component, displaying the associated page; or, after updating the target component, the method further includes: in response to a trigger operation on the target component, displaying content for describing the target object, the content including the characteristics; in response to the display duration of the content reaching a first duration threshold or a trigger operation on the content, displaying the associated page.
[0009] In a possible implementation, the process of displaying the element includes: in response to the display duration of the target video reaching a second duration threshold, adding an element to be displayed that moves toward the target component.
[0010] In one possible implementation, the target video includes a video segment corresponding to the target object, and each frame image in the video segment is used to describe the target object; the display process of the element includes: in response to playing the first frame image in the video segment, adding an element to display moving toward the target component.
[0011] In one possible implementation, there are multiple elements, and different elements are used to highlight different features of the target object; in response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component includes: for any element, in response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component, and the features highlighted by the updated target component include the features highlighted by the element.
[0012] In one possible implementation, the target video includes images corresponding to each of the elements, and the images corresponding to each of the elements are respectively used to describe the characteristics highlighted by each of the elements; the display process of multiple elements includes: for any of the elements, in response to playing the image corresponding to the element, adding the display of the element.
[0013] In one possible implementation, in response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component includes: in response to the distance between the element and the target component being reduced to a preset distance threshold, determining from the target component a position closest to the element; based on the position, determining from the target component a local area, the local area including the position; and updating the appearance of the local area.
[0014] In one possible implementation, after updating the appearance of the local area, the method further includes: updating the local area in response to an increase in the overlapping area between the element and the target component, and continuing to execute the step of updating the appearance of the local area, the updated local area being adjacent to the local area before the update.
[0015] In one possible implementation, the method is applied to a terminal, and the method further includes: in response to the distance between the element and the target component being reduced to a preset distance threshold, controlling the terminal to vibrate, and / or playing audio corresponding to the element, wherein the audio is used to simulate the sound occurring when the elements collide.
[0016] In one possible implementation, the method is applied to a terminal; after displaying the target video, the target component, and the element moving toward the target component, the method further includes: in response to a change in a rotation angle of the terminal, updating a moving direction of the element according to the change.
[0017] In one possible implementation, after updating the moving direction of the element, the method further includes: if the updated moving direction does not point to the target component, in response to the element moving along the updated moving direction to the edge of the screen in the terminal, adjusting the moving direction of the element.
[0018] The present application provides a display device, including: a display unit, used to display a target video, a target component, and an element moving toward the target component, the target video is used to describe the target object, the target component is used to indicate the entrance of the associated page of the target object, and the element is used to highlight the characteristics of the target object; an updating unit, used to update the target component in response to the distance between the element and the target component being reduced to a preset distance threshold, the updated target component being used to highlight the characteristics.
[0019] The present application provides an electronic device, which includes: a processor and a memory; the memory is used to store instructions or computer programs; the processor is used to execute the instructions or computer programs in the memory, so that the electronic device executes the display method provided by the present application.
[0020] The present application provides a computer-readable medium, in which instructions or computer programs are stored. When the instructions or computer programs are executed on a device, the device executes the display method provided by the present application.
[0021] The present application provides a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program codes for executing the display method provided by the present application.
[0022] Compared with the related art, this application has at least the following advantages:
[0023] In the technical solution provided by the present application, when displaying a video describing a target object (such as a product or a promotion), not only the target component is displayed so that the component is used to indicate the entrance to the associated page of the object (such as a landing page, a product details page, or a payment page), but also the element moving toward the component is displayed so that the user can promptly notice the component with the help of the dynamic movement process of the element, which can improve the attractiveness of the component, thereby effectively avoiding the defects caused by the remote display location of the component, and thus helping to improve the user experience. In addition, because the element is used to highlight the characteristics of the object, the user can not only better understand the object with the help of the element, but also be able to know that he can better understand or obtain the object through the component under the guidance of the dynamic movement process of the element, which is conducive to improving the user experience. In addition, if it is detected that the distance between the element and the component is reduced to a preset distance threshold, it is determined that the element has moved to the edge of the component, so the component is updated so that the characteristics highlighted by the updated component are consistent with the characteristics highlighted by the element, thereby simulating the effect of the fusion of the element and the component to achieve a natural change in the component. In this way, the natural change of the component can better attract users, thereby better overcoming the defects caused by the component being difficult to notice and the defects caused by abrupt changes, which is conducive to better improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS
[0024] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the related technologies, the drawings required for use in the embodiments or the related technical descriptions are briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.
[0025] Figure 1 A schematic diagram of a video display solution provided in an embodiment of the present application;
[0026] Figure 2 A flowchart of a display method provided in an embodiment of the present application;
[0027] Figure 3 A schematic diagram of an appearance update result provided in an embodiment of the present application;
[0028] Figure 4 A schematic diagram of an update result of an interactive service provided in an embodiment of the present application;
[0029] Figure 5 A schematic diagram of a display process provided in an embodiment of the present application;
[0030] Figure 6A schematic diagram of the structure of a display device provided in an embodiment of the present application;
[0031] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0032] According to the research, for some videos, such as videos used for object promotion, when the video is displayed, a component (such as Figure 1 The button 101 shown in the figure enables the user to use the component to enter the associated page of the object (such as a landing page, a product details page, etc.), so that the user can use the page to better understand the object or obtain the object.
[0033] The research also found that the solution shown in the previous paragraph has the following defects: ① Because the style of the above-mentioned component is relatively conventional, it is difficult for users to notice the component, thereby reducing the possibility of users using the component; ② Because the display location of the component is relatively remote, it is easy for users to ignore the component, thereby reducing the possibility of users using the component.
[0034] After further research, it was found that the solution to the above defects can be: during the display of the above components, the color of the components can be adjusted, or a dynamic effect for simulating the rapid sweep of light can be added to the components in order to attract the user's attention.
[0035] After research, it was found that the solution shown in the previous paragraph has the following defects: the changes in the above components are rather abrupt, without cause or consequence, which can easily confuse users and affect user experience.
[0036] Based on the above research, in order to better improve the user experience, the present application provides a solution, which is specifically: when displaying a video describing a target object, not only the target component is displayed so that the component is used to indicate the entrance to the associated page of the object, but also the element moving toward the component is displayed so that the user can promptly notice the component with the help of the dynamic movement process of the element, which can improve the attractiveness of the component, thereby effectively avoiding the defects caused by the remote display location of the component, and thus helping to improve the user experience. In addition, because the element is used to highlight the characteristics of the object, the user can not only better understand the object with the help of the element, but also know that he can better understand or obtain the object through the component under the guidance of the dynamic movement process of the element, which is conducive to improving the user experience. In addition, if it is detected that the distance between the element and the component is reduced to a preset distance threshold, it is determined that the element has moved to the edge of the component, so the component is updated so that the characteristics highlighted by the updated component are consistent with the characteristics highlighted by the element, thereby simulating the effect of the fusion of the element and the component to achieve a natural change in the component. In this way, the natural change of the component can better attract users, thereby better overcoming the defects caused by the component being difficult to notice and the defects caused by abrupt changes, which is conducive to better improving the user experience.
[0037] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0038] In order to better understand the technical solution provided by this application, the display method provided by this application is described below with reference to some drawings. Figure 2 As shown, the display method provided in the embodiment of the present application includes the following S1-S2.
[0039] S1: Displays a target video, a target component, and elements moving toward the target component. The target video is used to describe the target object, the target component is used to indicate the entrance to the associated page of the target object, and the elements are used to highlight the characteristics of the target object.
[0040] The target video refers to the video that needs to be shown to the user. Figure 3The advertising video played on the recommendation page 300 shown in the figure is used to enable the target video to promote at least one object, such as a product, to the user. It should be noted that the present application is not limited to the object, for example, it can be implemented by using a product (such as clothes), a virtual service (such as styling design), preferential information (such as the preferential information of "product 1 is reduced by 100 yuan"), a certain activity (such as a promotional activity), or a certain brand.
[0041] The target component refers to the component that needs to be displayed during the display of the target video, such as Figure 3 The button 301 shown is used to indicate the entrance of the associated page of the target object described by the video, so that the user can enter the page with the help of the component, and then the user can learn more about the object or obtain the object with the help of the page. The target object refers to the object described by the video, such as a brand or a main product. The associated page refers to a page that has an associated relationship with the object, such as a landing page (such as Figure 4 The landing page 307 shown), product details page, payment page, etc., so that the user can use the page to better understand the object or obtain the object. This application does not limit the implementation method of the page.
[0042] An element refers to content (such as a pattern, component, or other visual object) displayed during the playback of a target video to guide the user's attention to a target component, and during the display of the element, the element can move toward the component so that the user can pay attention to the component in a timely manner with the help of the movement of the element.
[0043] It should be noted that the present application does not limit the movement mode of the element. For example, the element can move along a pre-set or randomly generated path, and one end of the path is the initial position of the element, and the other end is the position of the target component. The initial position refers to the position where the element appears, such as a randomly generated position or a position determined based on the position occupied by the target object in the currently playing video frame.
[0044] In addition, in order to better improve the display effect, the above elements can be determined based on the characteristics of the target object, so that the elements are used to highlight the characteristics, so that users can better and more intuitively understand the characteristics with the help of the elements. Among them, the characteristics are used to indicate the differences between the object and other similar objects, such as color, material, texture, texture, efficacy, gloss, preferential strength, etc.; and this application does not limit the characteristics.
[0045] It should be noted that the present application does not limit the implementation method of highlighting in the above paragraph. For example, the characteristics of the target object can be highlighted by means of some appearance attributes of the element (such as shape, color, texture, displayed text, dynamic change effect, etc.). It can be seen that in a possible implementation, at least one appearance attribute of the element is determined based on the characteristics of the target object, so that the at least one appearance attribute is used to highlight the characteristic.
[0046] In addition, in some scenarios, such as scenarios where it is necessary to highlight certain festive atmospheres, the above elements can be determined based on the characteristics of the target object and the display time of the element (such as date), so that the element can not only highlight the characteristics, but also highlight the festivals at that time (such as Spring Festival, Mid-Autumn Festival), which is conducive to improving the display effect.
[0047] In addition, in some scenarios, such as scenarios where the video needs to be kept as unobstructed as possible, the above elements can at least meet the following constraints: the size of the element is smaller than a preset threshold, so as to minimize the obstruction caused by the element, thereby helping to better improve the display effect.
[0048] Furthermore, the present application does not limit the timing of the appearance of the element. For example, the display process of the element may include: while displaying the target video, displaying the element moving toward the target component, so that the element and the video can be displayed at the same time, so that the user can pay attention to and use the component as early as possible under the guidance of the element.
[0049] It can be seen that in some scenarios, such as using information flow pages (such as Figure 3 In a scenario where a user views different videos on an information flow page with a label of "recommendation" as shown in FIG. 1 , if a video switching operation triggered by a user on the information flow page is detected, the target video, the target component, and the element moving toward the target component are simultaneously displayed on the page, so that the user can find the component as early as possible under the guidance of the movement, so as to encourage the user to use the component to better understand or obtain the object described by the video, thereby improving the user experience. The page is used to display information flows (such as video sequences).
[0050] After research, it was found that the solutions shown in the above two paragraphs have the following defects: because the element and the video are displayed at the same time, users who frequently browse videos can know that they can use the appearance of the element to accurately determine the type of the current video (such as advertising type). As a result, when the user does not like the video of that type, as long as the user sees the element, he will directly switch to the next video, resulting in a sharp decrease in the playback time of the video, affecting the display effect of the video.
[0051] Based on the above research, in order to overcome the above defects, the display process of the above elements may include: in response to the display duration of the target video reaching a second duration threshold (such as Figure 5 3 seconds as shown), add an element that shows movement toward the target component so that the element appears later than the start of video playback. This can improve the display effect while satisfying the immersive experience when switching between different videos in the video stream.
[0052] It can be seen that in some scenarios, such as viewing different videos with the help of an information flow page, if a video switching operation triggered by a user on the information flow page is detected, the target video and target component are first displayed on the page to allow the user to browse the video immersively without interference; then, when it is detected that the playback time of the video reaches 3 seconds, further elements are added to display movement toward the target component to guide the user to pay better attention to and use the component, which is conducive to better improving the user experience.
[0053] Research has found that the first few frames of images in some videos may not describe the target object, so when adding elements used to highlight the object when playing the first few frames of images, it is easy to feel inconsistent or abrupt, affecting the user experience.
[0054] Based on the above research, in order to better overcome the defects in the above paragraph, when the target video includes a video segment corresponding to the target object (such as the video segment [the 3rd frame, the last frame]), and each frame image in the video segment is used to describe the object, the display process of the above elements may include: in response to playing to the first frame image in the video segment, adding an element moving toward the target component to ensure that the moving element is displayed during the playback of the video segment, so that the video content being played is adapted to the moving element, thereby effectively overcoming the defects caused by the inappropriate timing of the appearance of the elements, which is conducive to improving the user experience.
[0055] It can be seen that in some scenarios, such as viewing different videos with the help of an information flow page, if a video switching operation triggered by a user on the information flow page is detected, the target video and target component are first displayed on the page to allow the user to browse the video immersively without interference; then, when it is detected that the playback content of the video switches from other objects to the target object, an element moving toward the target component is added to simulate the effect of the element showing through the currently playing video frame. This is conducive to improving the naturalness of the element's appearance, thereby better overcoming the defects caused by some abrupt changes, and thus helping to improve the user experience.
[0056] Based on the relevant content of S1 above, it can be known that for a terminal, when a video describing a target object is displayed on the terminal, not only the target component is displayed so that the component is used to provide an entrance to the associated page of the object, but also elements moving toward the component are displayed so that the user can naturally notice the component under the guidance of the movement, thereby increasing the attractiveness of the component.
[0057] S2: In response to the distance between the element and the target component being reduced to a preset distance threshold, the target component is updated, and the updated target component is used to highlight the feature.
[0058] In the present application, for an element moving toward a target component, as the element moves, the element gets closer and closer to the component, so that when it is detected that the distance between the element and the component is reduced to a preset distance threshold, it can be determined that the element touches the component. Therefore, the component can be updated based on the element (or the feature highlighted by the element) so that the updated target component can highlight the feature from at least one dimension (such as appearance, etc.), so that the updated component is consistent with the element in some aspects (such as color, shape, displayed text, texture and other appearance states). In this way, a visual effect of naturally integrating the element with the component can be achieved, which is conducive to improving the attractiveness of the component.
[0059] In addition, this application does not limit the update method of the target component. For example, in order to better improve the fusion effect, at least one dimension of the target component can be updated. The at least one dimension includes appearance and / or interactive service. The appearance includes at least shape, color, texture, displayed text, dynamic change effect, etc. The interactive service refers to the interactive process entered by the user by executing a trigger operation on the target component, such as Figure 4 The interaction flow shown.
[0060] It can be seen that in some scenarios, the fusion effect can be presented with the help of the appearance change of the target component. Based on this, it can be seen that when at least one appearance attribute of the element is used to highlight the characteristics of the target object, the above S2 may include: in response to the distance between the element and the target component being reduced to a preset distance threshold, the target component is updated according to the at least one appearance attribute, so that the attributes of the updated target component include the at least one appearance attribute, so that the updated target component and the element are consistent in the at least one appearance attribute, and then the updated target component and the element are in the same state in some appearance dimensions, so that the fusion effect can be presented with the help of the appearance change of the target component, which is conducive to improving the attractiveness of the component.
[0061] Research has found that in order to better improve the naturalness of changes, when fusing elements with target components, the fusion effect should be reflected not only in appearance, but also in the interactive services provided by the component, so that users can feel the changes brought about by the fusion more intuitively and comprehensively, which is conducive to improving user experience.
[0062] Based on the above research, in a possible implementation mode, when the target component is used to indicate the associated page of the target object (such as Figure 4 307), the changes presented in the interactive service during the component update process include: before updating the component, in response to the trigger operation on the component, the associated page is displayed so that the user can directly enter the page with the help of the component to understand the object or obtain the object; however, after updating the component, in response to the trigger operation on the component, the content describing the target object (such as the content described by Figure 4 The easter egg shown in page 308 in the figure) is used to enable the content to highlight some characteristics of the object, such as the characteristics highlighted by the element; then in response to the display time of the content reaching the first time threshold or the trigger operation for the content, the associated page is displayed, so that the component after merging with the element can not only provide the interactive service possessed by the component itself (such as the service of entering the associated page), but also provide the interactive service corresponding to the element (such as the service of displaying the easter egg), so that the user can not only perceive the changes caused by the fusion from the appearance, but also perceive the changes caused by the fusion from the interactive service provided by the component, which is conducive to improving the user experience.
[0063] It can be seen that for the target component displayed on the terminal, in the initial display of the component, because the component has not been integrated with any elements, the appearance of the component has not changed, and when it is detected that the user has triggered a click operation on the component, the associated page of the target object can be directly displayed; however, in the later display of the component, because the component is integrated with the element, the appearance of the component will change according to the appearance of the element, and when it is detected that the user has triggered a click operation on the component, the easter egg corresponding to the element is displayed first, and then the associated page is displayed, which can ensure the naturalness and rationality of the change, thereby helping to improve the user experience.
[0064] In addition, in order to better simulate the visual effect of gradual fusion, the present application also provides an implementation method of the above fusion, which may specifically include the following steps 11 to 14.
[0065] Step 11: In response to the distance between the element and the target component being reduced to a preset distance threshold, determine the position closest to the element from the target component so that the position can represent the touch point between the element and the target component, thereby enabling the position to represent the initial position existing in the target component and changing according to the characteristics highlighted by the element.
[0066] Step 12: Based on the position closest to the element, determine a local area from the target component so that the local area includes the position, so that the local area can represent the initial area existing in the target component and changing according to the characteristics highlighted by the element, such as Figure 3 Area 305 is shown.
[0067] Step 13: Update the appearance of the above local area so that the local area after the appearance update can highlight the characteristics highlighted by the element, so that the local area after the appearance update can present a visual effect of fusing the overlapping area between the element and the target component in appearance.
[0068] Step 14: In response to the increase of the overlapping area between the element and the target component, update the local area so that the updated local area is adjacent to the local area before the update, so that the updated local area can represent the area existing in the target component and surrounding the area whose appearance has been updated, and return to continue to execute the above step 13 and its subsequent steps, and iterate the loop until it is determined that the overlapping area between the element and the target component is no longer increasing, and then end the gradual fusion process.
[0069] Based on the relevant contents of steps 11 to 14 above, it can be known that for an element in a moving state, after the element touches the target component, the element continues to move toward the inside of the component so that the overlapping area between the element and the target component gradually increases. At this time, as the overlapping area gradually increases, the area where the appearance update occurs in the target component can be gradually expanded, thereby simulating a visual effect of gradually merging with the movement of the element, which is conducive to better improving the fun.
[0070] Based on the above related contents of S1 to S2, it can be known that for the terminal, when displaying a video describing a target object (such as a certain product or a certain promotion), not only the target component is displayed so that the component is used to indicate the entrance to the associated page of the object (such as a landing page, a product details page or a payment page), but also the element moving toward the component is displayed so that the user can notice the component in time with the help of the dynamic movement process of the element, which can improve the attractiveness of the component, thereby effectively avoiding the defects caused by the remote display location of the component, and thus helping to improve the user experience. In addition, because the element is used to highlight the characteristics of the object, the user can not only better understand the object with the help of the element, but also know that he can better understand or obtain the object through the component under the guidance of the dynamic movement process of the element, which is conducive to improving the user experience. In addition, if it is detected that the distance between the element and the component is reduced to a preset distance threshold, it is determined that the element has moved to the edge of the component, so the component is updated so that the characteristics highlighted by the updated component are consistent with the characteristics highlighted by the element, thereby simulating the effect of the fusion of the element and the component to achieve a natural change in the component. In this way, the natural change of the component can better attract users, thereby better overcoming the defects caused by the component being difficult to notice and the defects caused by abrupt changes, which is conducive to better improving the user experience.
[0071] In addition, the present application does not limit the execution subject of the display method provided in the present application. For example, the display method can be applied to a terminal device. For another example, the display method can also be implemented by means of a data interaction process between a terminal device and a server. Among them, the terminal device can be a smart phone, a computer, a personal digital assistant (PDA), a tablet computer, etc. The server can be an independent server, a cluster server or a cloud server.
[0072] The research found that for the three contents being displayed, namely the target video, target components and elements, in order to better improve the coordination between different contents, gravity-related visual effects can be used to achieve dynamic linkage between different contents.
[0073] Based on the above research, it can be known that for the target video, target component and element being displayed, the three can at least meet the following constraints: the display area of the target video is used to simulate the space (such as the space affected by gravity), the target component is located at the bottom of the space, and the movement of the element is used to simulate the dynamic change process of the element falling from the top of the space to touch the component. This can simulate the visual effect of things falling in the real world, which is conducive to improving the naturalness of the change, and then is conducive to improving the display effect and user viewing experience.
[0074] It can be seen that when the target video occupies the entire screen of the terminal for playback and display, the screen can be regarded as a space surrounded by walls, so that the screen is used to simulate the space surrounded by four walls in the real world; the target component is regarded as the bottom of the space, so that the component is used to simulate the object laid at the bottom of the space and capable of integrating other elements; the element is regarded as something that falls randomly from the top of the space, so that the movement process of the element can be used to simulate the visual effect of something falling in the real world, and the process of updating the component based on the element can be used to simulate the visual effect of different objects integrating in the real world. This is conducive to improving the naturalness of various changes, and thus is conducive to improving the display effect and user viewing experience.
[0075] In addition, in order to better simulate the falling effect, the present application also provides an implementation method of the above-mentioned S2. In this method, when the display method including the S2 is applied to the terminal, the S2 may also include: in response to the distance between the element and the target component being reduced to a preset distance threshold, controlling the terminal to vibrate, and / or playing audio corresponding to the element, so that the audio is used to simulate the sound that occurs when the elements collide.
[0076] It can be seen that for an element in a moving state displayed by a terminal, if it is detected that the distance between the element and the target component is reduced to a preset distance threshold, it can be determined that the element touches the component. Therefore, it is necessary not only to update the component according to the characteristics highlighted by the element, so as to achieve a visual prompt with the help of the update change of the component (such as a change in appearance), but also to control the terminal to vibrate, so as to achieve a tactile prompt with the help of the vibration, and to increase the playback of the audio corresponding to the element, so as to achieve an auditory prompt with the help of the playback of the audio. In this way, the effect of prompting from multiple senses can be achieved, which is conducive to better attracting the user's attention to the component.
[0077] In addition, in order to provide better fun, the present application also provides a process of interacting with elements, which may be specifically: after an element appears moving toward the target component, in response to a change in the rotation angle of the terminal, the moving direction of the element is updated according to the change.
[0078] It can be seen that for elements in a moving state displayed by a terminal, if it is detected that the rotation angle of the terminal has changed (such as tilting to the left, tilting to the right, tilting forward, or tilting backward), it can be determined that the user controls the mobile phone to shake in a certain direction, so the moving direction of the element can be updated based on the change, so that the angle difference between the updated moving direction and the moving direction before the update meets the direction adjustment requirement described by the change. In this way, the moving direction of the element can be updated according to the user's control operation, which is conducive to improving fun.
[0079] It should be noted that after obtaining the updated moving direction, if the direction still points to the target component, the element can continue to move along the direction to reach the component directly; however, if the direction does not point to the target component, in order to ensure that the element can eventually touch the component, the element continues to move along the direction; when certain conditions are met, the moving direction of the element is gradually adjusted to ensure that the element can eventually reach the component.
[0080] In addition, in order to improve the rationality and naturalness of the direction change, the present application also provides a direction adjustment scheme, which can be specifically: if the above-mentioned updated moving direction does not point to the target component, then in response to the element moving along the updated moving direction to the edge of the screen in the terminal, the moving direction of the element is adjusted so that the relationship between the adjusted moving direction and the moving direction before the adjustment satisfies the principle of rebounding with the help of the wall, so that the adjustment process is used to simulate the visual effect of a wall rebound, and then it can be achieved by continuously adjusting the moving direction of the element by simulating at least one wall rebound to ensure that the final adjusted moving direction is used to guide the element to move toward the target component, thereby effectively avoiding the defects caused by abrupt changes in the moving direction.
[0081] It can be seen that for a terminal that displays a target video in full screen, the screen in the terminal is used to simulate a space, and the edge of the screen is used to simulate the wall of the space, so that when an element moves toward the edge of the screen, if the element is detected to move to the edge, it can be determined that the element touches the wall, so the moving direction of the element can be adjusted by the principle of rebound (such as elastic collision), so that the final adjusted moving direction can guide the element to move toward the target component, so that the moving direction can be adjusted naturally and reasonably, which is conducive to improving the display effect. It should be noted that the present application does not limit the implementation method of the adjustment. For example, it can be implemented by means of multiple wall-impacting adjustments to ensure that each wall-impacting adjustment satisfies the principle of an object colliding with a wall and being rebounded.
[0082] Research has found that due to the limited size of a single element, it is difficult to highlight some characteristics of the target object with the help of a single element, making it difficult for users to accurately understand these characteristics with the help of the element.
[0083] Based on the above research, in order to better overcome the above defects, the above elements can at least meet the following constraints: there are multiple elements, and the multiple elements are used to highlight at least one feature of the target object, so that the target component after fusing all elements is used to highlight the at least one feature. It should be noted that the implementation method of fusing each element of the target component is similar to the method described above, and for the sake of brevity, it will not be repeated here.
[0084] To facilitate understanding of the above paragraph, two situations are explained below.
[0085] Case 1: In some scenarios, multiple elements are used to highlight the same feature (such as material) of the target object, so that the target component that integrates these elements can better highlight the feature.
[0086] Case 2: In some scenarios, different elements among multiple elements are used to highlight different characteristics of the target object, so that the target component integrating all elements can be displayed in a certain way (such as carousel or by Figure 3 The multi-information aggregation mode shown in the middle button 306 highlights these features.
[0087] It should be noted that the present application does not limit the implementation method of the fusion shown in the previous paragraph. For example, if all elements touch the target component at the same time, the component can be updated according to the characteristics highlighted by each element, so that the updated component can at least highlight these characteristics in appearance, thereby presenting a visual effect of multiple elements aggregating into the same component.
[0088] For example, when different elements (such as Figure 3 When elements 302, 303 and 304 shown in the figure touch the target component in a certain order, the above-mentioned fusion process may include: for any element, in response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component so that the characteristics highlighted by the updated target component include the characteristics highlighted by the element, so that this update can add the characteristics highlighted by the element to the component, and then the component that integrates all the elements can present the characteristics highlighted by each element in terms of appearance + interactive service.
[0089] It should also be noted that the present application does not limit the timing of occurrence of different elements, for example, they can be the same or different. For another example, the timing of occurrence of different elements can be determined randomly.
[0090] Through research, it is found that for some videos, the video may use different video frames to explain different characteristics of the target object respectively. Therefore, in order to better improve the display effect, when different elements among multiple elements are used to highlight different characteristics of the target object, if the target video includes images corresponding to each element, and the images corresponding to each element are respectively used to describe the characteristics highlighted by each element, then the display process of these elements may include: for any element, in response to playing the image corresponding to the element, increase the display of the element so that the element starts to move toward the target component. This ensures that the appearance timing of each element is consistent with the playback timing of the video frame corresponding to the corresponding element, thereby effectively overcoming the sense of disharmony and abruptness caused by the inappropriate appearance timing of some elements, which is beneficial to improving the user experience.
[0091] It can be seen that for the target video being played, if the content being played in the video is used to explain feature 1 of the target object, then an element for highlighting feature 1 can be added to the video for display, so that the user can understand feature 1 more intuitively with the help of the element; if the content being played in the video is used to explain feature 2 of the target object, then an element for highlighting feature 2 can be added to the video for display, so that the user can understand feature 2 more intuitively with the help of the element; ... (and so on), in this way, the visual effect of each element shining through the corresponding video frame can be simulated, which is conducive to better improving the fun.
[0092] In addition, the present application does not limit the association between the movement processes of multiple elements, for example, the movement parameters of different elements are the same. The movement parameters are used to constrain the movement process of an element; and the movement parameters may include the initial position, the movement speed, and part or all of the movement route, which is not limited by the present application.
[0093] Through research, it is found that in some scenes, such as the scene simulating the falling process in real space, different elements represent different characteristics, so different elements may be implemented in different images (such as metal, balloon, water drop), so that the movement process (such as speed or path) of different elements is different. It can be seen that in a possible implementation, the movement parameters of different elements in the above multiple elements are different.
[0094] It should be noted that the present application does not limit the process of determining the movement parameters. For example, it can be implemented by random generation.
[0095] For another example, in order to better highlight the characteristics of the target object, for any element, the movement parameters of the element can be determined based on the characteristics highlighted by the element, so that the movement process implemented according to the movement parameters can better highlight the characteristics.
[0096] For example, in order to better reduce the interference of elements to the video, for any element, the movement parameters of the element can be determined based on the video, so that the movement process achieved according to the movement parameters can block worthless or low-value video information as much as possible, which is conducive to better reducing the defects caused by element occlusion, and further helps to improve the video display effect.
[0097] Based on the display method provided in the embodiment of the present application, the embodiment of the present application also provides a display device. Figure 6 Explain and illustrate. Figure 6 This is a schematic diagram of the structure of a display device provided in an embodiment of the present application. It should be noted that for the technical details of the display device provided in an embodiment of the present application, please refer to the relevant content of the display method above.
[0098] like Figure 6 As shown, the display device 600 provided in the embodiment of the present application includes:
[0099] A display unit 601 is used to display a target video, a target component, and an element moving toward the target component, wherein the target video is used to describe the target object, the target component is used to indicate the entrance of the associated page of the target object, and the element is used to highlight the characteristics of the target object;
[0100] The updating unit 602 is used to update the target component in response to the distance between the element and the target component being reduced to a preset distance threshold, and the updated target component is used to highlight the feature.
[0101] In a possible implementation manner, at least one appearance attribute of the element is used to highlight the feature; the updating unit 602 is specifically used to update the target component according to the at least one appearance attribute.
[0102] In one possible implementation, the display device 600 further includes: an interactive unit, used to display the associated page in response to a trigger operation on the target component before the target component is updated; or, after the target component is updated, in response to a trigger operation on the target component, display content used to describe the target object, the content including the characteristics; and display the associated page in response to the display duration of the content reaching a first duration threshold or a trigger operation on the content.
[0103] In a possible implementation manner, the display unit 601 is specifically configured to: in response to the display duration of the target video reaching a second duration threshold, add an element moving toward the target component for display.
[0104] In one possible implementation, the target video includes a video segment corresponding to the target object, and each frame image in the video segment is used to describe the target object; the display unit 601 is specifically used to: in response to playing the first frame image in the video segment, add an element to display moving toward the target component.
[0105] In one possible implementation, there are multiple elements, and different elements are used to highlight different characteristics of the target object; the updating unit 602 is specifically used to: for any of the elements, in response to the distance between the element and the target component being reduced to a preset distance threshold, update the target component, and the characteristics highlighted by the updated target component include the characteristics highlighted by the element.
[0106] In one possible implementation, the target video includes images corresponding to each of the elements, and the images corresponding to each of the elements are respectively used to describe the characteristics highlighted by each of the elements; the display unit 601 is specifically used to: for any of the elements, in response to playing the image corresponding to the element, add the display of the element.
[0107] In one possible implementation, the update unit 602 is specifically used to: in response to the distance between the element and the target component being reduced to a preset distance threshold, determine a position closest to the element from the target component; based on the position, determine a local area from the target component, the local area including the position; and update the appearance of the local area.
[0108] In one possible implementation, the updating unit 602 is further used to: update the local area in response to an increase in the overlapping area between the element and the target component, and continue to execute the step of updating the appearance of the local area, the updated local area being adjacent to the local area before the update.
[0109] In one possible implementation, the display device 600 is deployed in a terminal, and the display device 600 also includes: a control unit, used to control the terminal to vibrate in response to the distance between the element and the target component being reduced to a preset distance threshold, and / or to play audio corresponding to the element, wherein the audio is used to simulate the sound occurring when the elements collide.
[0110] In one possible implementation, the display device 600 is deployed on a terminal, and the display device 600 also includes: a direction changing unit, which is used to respond to a change in the rotation angle of the terminal after displaying a target video, a target component, and an element moving toward the target component, and update the moving direction of the element according to the change.
[0111] In one possible implementation, the direction changing unit is also used to: after updating the moving direction of the element, if the updated moving direction does not point to the target component, adjust the moving direction of the element in response to the element moving along the updated moving direction to the edge of the screen in the terminal.
[0112] Based on the above-mentioned contents of the display device 600, it can be known that the working principle of the device 600 includes: when displaying a video for describing a target object, not only the target component is displayed so that the component is used to indicate the entrance of the associated page of the object, but also the element moving toward the component is displayed so that the user can promptly notice the component with the help of the dynamic movement process of the element, which can improve the attractiveness of the component, thereby effectively avoiding the defects caused by the remote display location of the component, and thus helping to improve the user experience. In addition, because the element is used to highlight the characteristics of the object, the user can not only better understand the object with the help of the element, but also know that he can better understand or obtain the object through the component under the guidance of the dynamic movement process of the element, which is conducive to improving the user experience. In addition, if it is detected that the distance between the element and the component is reduced to a preset distance threshold, it is determined that the element has moved to the edge of the component, so the component is updated so that the characteristics highlighted by the updated component are consistent with the characteristics highlighted by the element, thereby simulating the effect of the fusion of the element and the component to achieve a natural change in the component. In this way, the natural change of the component can better attract users, thereby better overcoming the defects caused by the component being difficult to notice and the defects caused by abrupt changes, which is conducive to better improving the user experience.
[0113] In addition, an embodiment of the present application also provides an electronic device, which includes a processor and a memory: the memory is used to store instructions or computer programs; the processor is used to execute the instructions or computer programs in the memory, so that the electronic device executes any implementation of the display method provided in the embodiment of the present application.
[0114] See also Figure 7 , which shows a schematic diagram of the structure of an electronic device 700 suitable for implementing the embodiment of the present disclosure. The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle terminals (such as vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 7 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.
[0115] like Figure 7 As shown, the electronic device 700 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.
[0116] Typically, the following devices may be connected to the I / O interface 705: an input device 706 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 707 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 708 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 709. The communication device 709 may allow the electronic device 700 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 7 The electronic device 700 is shown with various devices, but 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 instead.
[0117] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 709, or installed from the storage device 708, or installed from the ROM 702. When the computer program is executed by the processing device 701, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
[0118] The electronic device provided by the embodiment of the present disclosure and the method provided by the above embodiment belong to the same inventive concept, and the technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.
[0119] The embodiment of the present application also provides a computer-readable medium, in which instructions or computer programs are stored. When the instructions or computer programs are executed on a device, the device executes any implementation of the display method provided in the embodiment of the present application.
[0120] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
[0121] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.
[0122] The computer-readable medium may be included in the electronic device, or may exist independently without being installed in the electronic device.
[0123] The computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device can execute the method.
[0124] Computer program code for performing the operations of the present disclosure may 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, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate 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 a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).
[0125] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0126] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit / module does not, in some cases, constitute a limitation on the unit itself.
[0127] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
[0128] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0129] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.
[0130] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.
[0131] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.
[0132] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
[0133] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.
Claims
1. A display method, characterized in that: The method comprises: Displaying a target video, a target component, and an element moving toward the target component, wherein the target video is used to describe the target object, the target component is used to indicate the entrance of the associated page of the target object, and the element is used to highlight the characteristics of the target object; In response to the distance between the element and the target component being reduced to a preset distance threshold, the target component is updated, and the updated target component is used to highlight the feature.
2. The method according to claim 1, characterized in that At least one appearance attribute of the element is used to highlight the feature; The updating of the target component comprises: The target component is updated according to the at least one appearance attribute.
3. The method according to claim 1, characterized in that Before updating the target component, the method further includes: In response to a trigger operation on the target component, displaying the associated page; or, After updating the target component, the method further includes: In response to a trigger operation on the target component, displaying content for describing the target object, the content including the feature; In response to the display duration of the content reaching a first duration threshold or a triggering operation on the content, the associated page is displayed.
4. The method according to claim 1, characterized in that The display process of the element includes: In response to the display duration of the target video reaching a second duration threshold, an element moving toward the target component is added for display.
5. The method according to claim 1, characterized in that The target video includes a video segment corresponding to the target object, and each frame image in the video segment is used to describe the target object; The display process of the element includes: In response to playing to the first frame image in the video segment, an element showing movement toward the target component is added.
6. The method according to claim 1, characterized in that There are multiple elements, and different elements are used to highlight different characteristics of the target object; In response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component comprises: For any of the elements, in response to the distance between the element and the target component being reduced to a preset distance threshold, the target component is updated, and the features highlighted by the updated target component include the features highlighted by the element.
7. The method according to claim 6, characterized in that The target video includes images corresponding to each of the elements, and the images corresponding to each of the elements are respectively used to describe the features highlighted by each of the elements; The display process of the plurality of said elements comprises: For any of the elements, in response to playing an image corresponding to the element, the element is added and displayed.
8. The method according to claim 1, characterized in that In response to the distance between the element and the target component being reduced to a preset distance threshold, updating the target component comprises: In response to the distance between the element and the target component being reduced to a preset distance threshold, determining a position closest to the element from the target component; Determining a local area from the target component according to the position, the local area including the position; The appearance of the local area is updated.
9. The method according to claim 8, characterized in that After updating the appearance of the local area, the method further includes: In response to an increase in the overlapping area between the element and the target component, the local area is updated, and the step of updating the appearance of the local area is continued, the updated local area being adjacent to the local area before the update.
10. The method according to claim 1, characterized in that The method is applied to a terminal, and the method further includes: In response to the distance between the element and the target component being reduced to a preset distance threshold, the terminal is controlled to vibrate, and / or audio corresponding to the element is played, where the audio is used to simulate the sound occurring when the elements collide.
11. The method according to claim 1, characterized in that: The method is applied to a terminal; After displaying the target video, the target component, and the element moving toward the target component, the method further includes: In response to a change in the rotation angle of the terminal, a moving direction of the element is updated according to the change.
12. The method according to claim 11, characterized in that After updating the moving direction of the element, the method further includes: If the updated moving direction does not point to the target component, in response to the element moving along the updated moving direction to an edge of a screen in the terminal, the moving direction of the element is adjusted.
13. A display device, characterized in that: include: A display unit, used to display a target video, a target component, and an element moving toward the target component, wherein the target video is used to describe the target object, the target component is used to indicate an entrance to a page associated with the target object, and the element is used to highlight the characteristics of the target object; The updating unit is used to update the target component in response to the distance between the element and the target component being reduced to a preset distance threshold, wherein the updated target component is used to highlight the feature.
14. An electronic device, characterized in that: The device comprises: a processor and a memory; The memory is used to store instructions or computer programs; The processor is used to execute the instructions or computer programs in the memory so that the electronic device executes the method according to any one of claims 1 to 12.
15. A computer readable medium, characterized in that The computer-readable medium stores instructions or computer programs, and when the instructions or computer programs are executed on a device, the device executes the method according to any one of claims 1 to 12.
16. A computer program product, characterized in that It comprises a computer program carried on a non-transitory computer-readable medium, the computer program comprising a program code for executing the method according to any one of claims 1 to 12.