Display method, device, equipment, medium and product

Abstract

The invention discloses a display method and device, equipment, a medium and a product, and the method comprises the steps: displaying a target progress bar while displaying a target video, so as to enable the target progress bar to be at least used for indicating the playing progress of the target video. The target progress bar comprises the first part and the second part, the playing progress indicated by the first part is earlier than the playing progress indicated by the second part, the display area of the first part is adjacent to the display area of the second part, the appearance of the first part is different from that of the second part, and when the target video is started to be played, the playing progress of the target video is not influenced. When the target video is played, the animation corresponding to the first part needs to be played in the display area of the first part, so that the animation can represent the change of the first part along with the playing of the target video, the video playing stage indicated by the first part is more attractive, the interestingness is improved, and the user experience is improved. Therefore, the video playing effect and the user watching experience can be improved.

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 of browsing or making videos, such as short videos.

[0003] In addition, for videos played using an APP, the video can be used to describe some stories, or to promote some objects, such as commodities, so that users can understand and obtain these objects with the help of the video. Summary of the invention

[0004] The present application provides a display method, device, equipment, medium, and product, which are conducive to improving the user viewing 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 and a target progress bar, the target progress bar is used to indicate the playback progress of the target video, the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part; in response to the target video starting to play, starting to play an animation corresponding to the first part in the display area of ​​the first part, the animation is used to indicate changes in the first part as the target video is played, and the appearance of the first part is determined based on the animation.

[0007] In one possible implementation, the first part includes a first component and a second component, the initial state of the first component is used to indicate the starting point of the first part, and the initial state of the second component is used to describe a set of playback progress indicated by the first part; the animation is used to indicate: changes in the state of the first component and the state of the second component as the target video is played.

[0008] In a possible implementation, the second component is used to indicate a moving path of the first component; and the animation is used to indicate changes in a state of the first component and a state of the second component as the first component moves along the path.

[0009] In a possible implementation manner, the method further includes: in response to the animation ending playing, deleting or hiding the first part.

[0010] In one possible implementation, the second part includes a third component and a fourth component, the initial state of the third component is used to indicate the starting point of the second part, and the fourth component is used to indicate the moving path of the third component; the method also includes: in response to the animation ending, the third component starts to move along the path.

[0011] In one possible implementation, the target video is used to describe the target object; the first part is also used to indicate the remaining time until the display moment of the associated content of the target object, and the associated content is used to highlight the target object; the method also includes: in response to the animation ending playback, adding the display of the associated content.

[0012] In one possible implementation, the method further includes: in response to the display time of the associated content reaching a preset time or a close operation being triggered for the associated content, canceling the display of the associated content, and replacing the target progress bar with a target component, wherein the target component is used to indicate the entrance to the content page of the target video; in response to a trigger operation for the target component, jumping to the content page.

[0013] In a possible implementation manner, the appearance of the target component is consistent with the appearance of the second part.

[0014] In one possible implementation, the method further includes: in response to the display duration of the associated content reaching a preset duration or a close operation being triggered for the associated content, canceling the display of the associated content, and updating the second part, wherein the updated second part is at least used to indicate the display duration of the associated content.

[0015] In one possible implementation, the display of the target video and the target progress bar includes: in response to a video switching operation, displaying the target video, displaying the target progress bar in a first area, and moving the target progress bar from the first area to the second area, wherein the prominence of the first area is higher than the prominence of the second area.

[0016] In a possible implementation manner, the first area is located at the center of the display area of ​​the target video; and the second area is located at the bottom of the display area of ​​the target video.

[0017] In one possible implementation, the display of the target video and the target progress bar includes: in response to a video switching operation, displaying the target video, hiding the progress bar carried by the target video, and displaying the target progress bar, wherein the display area of ​​the target progress bar is larger than the display area of ​​the progress bar carried by the target video.

[0018] In one possible implementation, the target progress bar satisfies at least one of the following constraints: the appearance of at least one component in the first part is determined based on at least one information, the at least one information including the target video, the associated content of the target object, and at least one of the display trigger time of the target progress bar, the target video is used to describe the target object, and the associated content is used to highlight the target object; the appearance of at least one component in the second part is determined based on the at least one information; the animation corresponding to the first part is determined based on the at least one information.

[0019] The present application provides a display device, including: a display unit, used to display a target video and a target progress bar, the target progress bar is used to indicate the playback progress of the target video, the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part; a playback unit, used to respond to the start of playback of the target video, start playing an animation corresponding to the first part in the display area of ​​the first part, the animation is used to indicate changes in the first part caused by the playback of the target video, and the appearance of the first part is determined based on the animation.

[0020] 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.

[0021] 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.

[0022] 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.

[0023] Compared with the related art, this application has at least the following advantages:

[0024] In the technical solution provided by the present application, for some scenarios, such as short video scenarios, a target progress bar is displayed while displaying the target video, so that the target progress bar is at least used to indicate the playback progress of the target video. Among them, since the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part, so that the present application can use the progress bar itself to clearly and accurately describe that different stages of video playback have different characteristics, such as different degrees of attractiveness, etc., which is conducive to improving the video playback effect, and then to improving the user viewing experience. In addition, when the target video starts to play, it is necessary to start playing the animation corresponding to the first part (such as dominoes, Pac-Man, or other game animations, etc.) in the display area of ​​the first part, so that the animation can show the changes of the first part as the target video is played, so that the animation can indicate the dynamic update effect of the first part as the target video is played with the help of a highly interesting change process, thereby making the dynamic changes of the first part more interesting, thus making the video playback stage indicated by the first part more attractive, which is beneficial to improving the video playback effect and user viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] 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.

[0026] Figure 1 A flowchart of a display method provided in an embodiment of the present application;

[0027] Figure 2 A schematic diagram of a progress bar change process provided by an embodiment of the present application;

[0028] Figure 3 A schematic diagram of a video display page provided in an embodiment of the present application;

[0029] Figure 4 A schematic diagram of another progress bar change process provided by an embodiment of the present application;

[0030] Figure 5 A schematic diagram of another progress bar change process provided in an embodiment of the present application;

[0031] Figure 6A schematic diagram of another progress bar change process provided in an embodiment of the present application;

[0032] Figure 7 A schematic diagram of an Easter egg display and subsequent processes provided in an embodiment of the present application;

[0033] Figure 8 A schematic diagram of another Easter egg display and subsequent processes provided in an embodiment of the present application;

[0034] Fig. 9 A schematic diagram of a video switching process provided in an embodiment of the present application;

[0035] Fig.10 A schematic diagram of the structure of a display device provided in an embodiment of the present application;

[0036] Fig.11 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[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 1 As shown, the display method provided in the embodiment of the present application includes the following S1-S2.

[0039] S1: Display a target video and a target progress bar, where the target progress bar is used to indicate the playback progress of the target video. The target progress bar includes a first part and a second part. The playback progress indicated by the first part is earlier than the playback progress indicated by the second part. The display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part.

[0040] The target video refers to the video that needs to be shown to the user. Figure 2-Figure 8 The target video is played on any page shown in the example, so that the target video can promote at least one object, such as product 1, to the user. It should be noted that the present application is not limited to the video, for example, it can be implemented by a short video or a live video. In addition, the present application is not limited to the object, for example, it can be implemented by a product (such as clothes) or a virtual service (such as styling design).

[0041] The target progress bar refers to a progress bar deployed at a certain position of the target video, such as Figure 2 The progress bar 201 shown, Figure 3 The progress bar 301 shown, Figure 4 The progress bar shown is 401 or Figure 5 The progress bar 501 shown is so that the progress bar can at least represent the playing progress of the target video in real time. It can be seen that the target progress bar can change (or update) as the playing of the target video is performed so that the target progress bar can clearly and accurately indicate the real-time playing progress of the target video.

[0042] In addition, in order to better meet some video playback requirements, such as the requirement of completing the playback in at least 5 seconds, the target progress bar can at least meet the following constraints: the target progress bar includes a first part (such as the first half) and a second part (such as the second half), the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part. This is conducive to clearly and accurately describing that different stages of video playback have different characteristics, such as different degrees of fun, etc., with the help of the appearance characteristics of the progress bar itself, which is conducive to better attracting the user's attention, and then to improving the video playback effect and user viewing experience.

[0043] The first part refers to the part of the target progress bar that is used to present more complex dynamic changes, such as Figure 2 The portion composed of Pac-Man 202 and multiple red dots shown in the figure makes the portion more interesting, so that the portion can achieve a higher eye-catching effect, and further makes the user's stay time on the current video not less than the video playback time represented by the portion (such as 5s), so that the requirement of completing the video in at least 5s can be better met with the help of the portion.

[0044] In addition, in order to better improve the retention time of the current video, the first part can be located at the head of the target progress bar, so that the first part is more interesting and the possibility of users watching the first part of the target video is increased. It can be seen that in a possible implementation, the first part can include the starting point of the target progress bar, so that the first part is used to represent the head of the progress bar, so that the video deployed with the progress bar can better meet the requirements of at least 5 seconds to complete the broadcast.

[0045] Through research, it is found that in order to improve the fun, the first part can present its dynamic changes as the video is played by means of animation. It can be seen that in a possible implementation, the first part can at least meet the following constraints: by playing the animation corresponding to the first part in the display area of ​​the first part, the dynamic changes (such as progress update changes) of the first part as the video is played are presented, which is conducive to improving the fun.

[0046] The animation corresponding to the first part is used to indicate the changes in the first part as the target video is played, such as changes in shape, color, size, whether it is hidden or deleted, etc., so that the animation can represent the complex changes of the first part presented in real time as the video plays. As a result, the playback process of the animation can not only accurately indicate the real-time playback progress of the target video, but also present a more interesting game to the user, thereby making the update process of the first part presented by the playback process of the animation more interesting.

[0047] In addition, for the animation corresponding to the first part, the playback duration of the animation is the same as the playback progress duration of the video represented by the first part, so that the playback time of the first frame image in the animation is used to indicate the first frame playback time of the target video, and the playback time of the last frame image in the animation is used to indicate the maximum value of the playback progress represented by the first part.

[0048] In addition, the present application does not limit the implementation method of the animation corresponding to the first part. For example, it can be implemented by Figure 2 The animation presented in page 200, and pages 204 to 207 is implemented. For example, it can be implemented by Figure 4 The animation presented in the three pages is implemented. For example, it can be implemented by Figure 5 The animations presented on the three pages are implemented.

[0049] It can be seen that in a possible implementation mode, the first part may include a first component (such as Figure 2 Pac-Man 202 shown and a second component (such as Figure 2 Multiple red dots as shown), so that the animation corresponding to the first part may include the animation corresponding to the first component and the animation corresponding to the second component, so that the animation corresponding to the first part can indicate: the changes in the state of the first component and the state of the second component as the target video is played.

[0050] For the first component, the first component refers to a component existing in the first part and used to indicate the starting point of the first part, such as Figure 2 Pac-Man 202, Figure 4 The hand 402 shown or Figure 5The snake 502 shown in the figure can make the initial state of the first component at least accurately indicate the starting point of the first part, and make the animation corresponding to the first component describe the changes of the state of the first component as the target video is played, such as position change, size change, length change, display or not, etc.

[0051] In addition, the present application does not limit the state of the first component. For ease of understanding, three examples are provided below for illustration.

[0052] Example 1, when the first component in the first part above adopts Figure 2 When the Pac-Man 202 shown is implemented, the state of the first component may include part or all of the size of the first component, the position of the first component, and the color of the first component, so that the animation corresponding to the first component can describe the changes in the size, position, color, etc. of the first component as the target video is played, such as the size gradually increases, the position gradually moves away from the starting point of the first part, the color gradually darkens, etc., and the initial state of the first component can not only indicate that the initial position of the first component is the starting point of the first part, but also indicate the initial size, initial color and other characteristics of the first component, so that the first part including the component can present changes that are as eye-catching as possible to increase interest.

[0053] Example 2, when the first component in the first part above adopts Figure 4 When the hand 402 shown is implemented, the state of the first component is at least used to indicate whether the first component is displayed, so that the animation corresponding to the first component can describe the changes in the display state of the first component as the target video is played, such as only showing the hand 402 at the beginning and then canceling the display (or hiding) of the hand 402, etc., and the initial state of the first component can not only indicate that the initial position of the first component is the starting point of the first part, but also indicate what the first component is.

[0054] Example 3, when the first component in the first part above adopts Figure 5 When the snake 502 shown is implemented, the state of the first component may include part or all of the length, position, and color of the first component, so that the animation corresponding to the first component can describe the changes in the length, position, color, etc. of the first component as the target video is played, such as the length gradually increases, the position gradually moves away from the starting point of the first part, the color gradually darkens, etc., and the initial state of the first component can not only indicate that the initial position of the first component is the starting point of the first part, but also indicate the initial length, initial color and other characteristics of the first component. In this way, the first part including the component can present changes that are as eye-catching as possible to increase interest.

[0055] Based on the above examples, we can see that in some scenarios, such as Figure 2 or Figure 5 In the scenario shown, the first component may refer to a component existing in the first part and used to gradually move along with the playback progress of the target video, so that the movement process of the first component can accurately represent the real-time playback progress of the target video.

[0056] For the second component, the second component refers to a component existing in the first part and used to indicate the video playback progress interval corresponding to the first part, such as Figure 2 The multiple red dots shown, Figure 4 Multiple red bars or Figure 5 The multiple red dots shown in the figure enable the initial state of the second component to accurately describe the set of playback progress indicated by the first part, such as the set [0, 5s], and enable the animation corresponding to the second component to describe the changes in the state of the second component as the target video is played, such as size changes, shape changes, and other state changes.

[0057] In addition, the present application does not limit the state of the second component, and only needs to ensure that the change of the state of the second component matches the change of the state of the first component. For ease of understanding, the following is an explanation in combination with three examples.

[0058] Example 1, when the first component in the first part above adopts Figure 2 When the Pac-Man 202 shown is implemented, the second component in the first part can be Figure 2 The multiple red dots shown are implemented so that the second component is used to simulate the beans that need to be eaten, so that the state of the second component can at least include the number of red dots (or the length of the second component), and then the animation corresponding to the second component can describe the changes in the number of red dots (or length) in the second component as the target video is played, such as gradually becoming smaller, and the initial state of the second component can represent the video playback progress interval represented by the first part.

[0059] Example 2, when the first component in the first part above adopts Figure 4 When the hand 402 shown is implemented, the second component in the first part can be Figure 4The multiple red bars shown are implemented so that the second component is used to simulate multiple cards that need to be pushed, so that the state of the second component can at least include the placement posture of each red bar (or the shape of the second component), and then the animation corresponding to the second component can describe the changes in the placement posture of some or all of the red bars in the second component (or the shape of the second component) as the target video is played, such as gradually falling down, and the state of the second component at any time can represent the video playback progress interval represented by the first part.

[0060] Example 3, when the first component in the first part above adopts Figure 5 When the snake 502 shown in the figure is implemented, the second component in the first part can be Figure 5 The multiple red dots shown are implemented so that the second component is used to simulate something that needs to be eaten, so that the state of the second component can at least include the number of red dots (or the length of the second component), and then the animation corresponding to the second component can describe the changes in the number of red dots (or length) in the second component as the target video is played, such as gradually becoming smaller, and the initial state of the second component can represent the video playback progress interval represented by the first part.

[0061] Based on the above examples, we can see that in some scenarios, such as Figure 2 or Figure 5 In the scenario shown, the second component may refer to a component existing in the first part and used to indicate the moving path of the first component in the first part, so that the state change process of the second component can accurately represent the playback progress of the target video.

[0062] It can be seen that in one possible implementation, when the first part includes a first component and a second component, the second component can be used to indicate the moving path of the first component, so that when the first component moves along the path, the playback progress of the target video can be indicated in real time, so that the animation corresponding to the first part can indicate: the state of the first component and the state of the second component change as the first component moves along the path, thereby enabling the animation to describe the playback progress of the target video in a more interesting way.

[0063] In addition, in some scenarios, in order to better improve the video display effect, the animation corresponding to the first part can be determined based on at least one kind of information, so that the animation matches the characteristics described by the information as much as possible. Among them, the at least one kind of information is used to describe the characteristics of the current video display page, such as what kind of information the video carries, what the Easter eggs that appear in the middle look like, and what festival the video is shown on, so that the animation determined based on this information has a relatively high degree of coordination with this information, thereby effectively avoiding the defects caused by using the same progress bar style in different scenes, such as abruptness, detachment, or aesthetic fatigue, which is conducive to improving the display effect.

[0064] In addition, the present application does not limit the at least one information mentioned above. For ease of understanding, some examples are provided below for illustration.

[0065] Example 1: In some scenarios, such as video highlighting scenarios, in order to better improve the matching degree between the progress bar and the target video, the above-mentioned at least one information may include at least the target video, so that the animation determined based on this information has a high matching degree with the information carried by the video (such as color, product style, etc.), so that the progress bar realized by the animation has better coordination with the target video.

[0066] Example 2: In some scenarios, such as when there are Easter eggs, in order to better improve the natural connection between the progress bar and the Easter egg, the at least one information may include at least the associated content of the target object (such as Figure 7 The Easter egg 702 shown in the figure) is used to make the animation determined based on this information have a high degree of match with the information carried by the associated content (such as color, product style, etc.), so that the animation and the associated content can achieve a better content connection effect, thereby ensuring that the Easter egg appears more naturally. Among them, the target object refers to the object described by the target video that needs to be promoted by means of Easter eggs. The associated content is used to highlight the target object in a certain way (such as Easter egg way).

[0067] Example 3. In some scenarios, such as festival highlighting scenarios, in order to better improve the adaptability between the progress bar and the current festival, the above-mentioned at least one information may at least include the display trigger time of the target progress bar, so that the animation determined based on this information can express the characteristics of the time, such as eating moon cakes during the Mid-Autumn Festival, a movable dragon eating food during the Year of the Dragon, a movable rabbit eating carrots during the Year of the Rabbit, and a movable dragon boat during the Dragon Boat Festival, etc., so that the animation has a high adaptability to the time.

[0068] In addition, in order to better ensure smoothness, the appearance of the first part can be determined based on the animation corresponding to the first part, so that the appearance can accurately represent the appearance characteristics of each dynamically changeable component described by the animation, so that the first part can smoothly indicate the playback progress of the target video with the help of the playback process of the animation. It can be seen that in a possible implementation, the initial state of the appearance of the first part can be consistent with the first frame image in the animation corresponding to the first part, so that the animation can smoothly represent the dynamic changes of the first part.

[0069] In addition, in order to better improve the display effect, the appearance of at least one component in the first part can be determined based on the above-mentioned at least one information, so that the appearance of these components is more adapted to this information, thereby making the first part and this information have a higher visual coordination.

[0070] In addition, in order to better improve the display effect, the working principle of the first part may include: in response to the target video starting to play, starting to play the animation corresponding to the first part in the display area of ​​the first part, so that the animation can indicate the update changes of the first part as the target video plays, so that when it is detected that the animation ends, the first part is deleted or hidden to avoid the first part interfering with the subsequent video playback process, such as content blocking.

[0071] The second part refers to the part in the target progress bar that is used to present relatively simple dynamic changes, such as Figure 2-Figure 8 The second half of the progress bar shown is used to make the interest of this part lower than that of the first part. It can be seen that in a possible implementation, the second part can only be used to indicate the playback progress of the target video.

[0072] In addition, the present application does not limit the second part. For example, it may refer to the remaining part of the target progress bar except the first part, so that the second part includes the end point of the progress bar, thereby making the second part the tail of the progress bar.

[0073] In addition, the second part may at least satisfy the following constraints: the second part includes a third component and a fourth component, the initial state of the third component is used to indicate the starting point of the second part, and the fourth component is used to indicate the moving path of the third component.

[0074] For the third component, the third component may refer to a component existing in the second part and used to gradually move along with the playing progress of the target video, such as Figure 2 The moving block 203 shown, Figure 4 The moving block 403 shown or Figure 5The moving block 503 shown is used so that the initial state of the third component can at least indicate the starting point of the second part, and the moving process of the third component can accurately represent the real-time playback progress of the target video.

[0075] In addition, the present application does not limit the implementation method of the third component. For example, it can be implemented using the moving blocks that appear in the traditional progress bar. For another example, the appearance (such as shape) of the third component can be determined based on at least one of the above information, so that the third component has better adaptability to this information, such as shape adaptation. It can be seen that under one possible implementation method, the shape of the third component is consistent with the shape of the above target object (such as the product highlighted by the Easter egg). It should be noted that maintaining consistency means being the same or highly similar.

[0076] For the fourth component, the fourth component may refer to a component existing in the second part and used to describe the moving path of the third component in the second part, such as Figure 2-Figure 8 The black line in the progress bar shown enables the fourth component to not only describe the moving path of the third component, but also indicate the video playback progress interval corresponding to the second part, such as the interval [5s, End]. It can be seen that the fourth component is used to describe the set of playback progress indicated by the second part.

[0077] In addition, the present application does not limit the implementation method of the fourth component. For example, it can be implemented using the moving path that appears in the traditional progress bar. For another example, the appearance state (such as color) of the fourth component can be determined based on at least one of the above information, so that the fourth component has better adaptability to the information, such as color adaptation. It can be seen that in one possible implementation method, the color of the fourth component is consistent with the color of the associated content of the target object.

[0078] Based on the relevant content of the above-mentioned second part, it can be known that when the second part includes a third component and a fourth component, if the fourth component is used to describe the moving path of the third component, the working principle of the second part includes: in response to the end of the animation corresponding to the first part, the third component starts to move along the path, so that the playback progress of the second half of the target video can be clearly indicated with the help of the movement process of the third component.

[0079] In addition, in some scenarios, in order to better improve the display effect, the appearance of at least one component in the second part can be determined based on at least one information, so that the second part can be well matched with this information, and the second part can be well matched with other parts of the target progress bar, which is conducive to improving the harmony of information display.

[0080] In addition, the present application does not limit the implementation of the above S1. For example, it can be specifically: in response to the video switching operation triggered for the target page (such as by Fig. 9 The target page is a video display page; and the present application does not limit the page. For example, it can be a video display page. Figure 2-Figure 9 The information stream display page with the label "Recommendation" shown is implemented so that the page is used to display each video in the information stream in turn.

[0081] In addition, in some scenarios, such as scenarios where the landing page entrance is relatively important, in order to better meet the video playback requirements of these scenarios, the above S1 can specifically be: displaying the target video, the target progress bar, and the preset components (such as Figure 3 The component 302 shown is used to indicate the entrance to the content page (such as the landing page) of the target video, so that the user can subsequently jump to the content page by clicking on the component. This can achieve the display of the landing page entrance as early as possible, thereby better meeting the video playback needs of these scenarios.

[0082] The content page of the target video is used to display the content details of the object corresponding to the target video, such as product pictures, product introduction videos, comments, product parameter information, prices, discounts, payment portals, etc.; and this application does not limit the implementation method of the content page. For example, the content page can be implemented using a landing page. It can be seen that when the target video is an advertisement video of product 1, the content page of the target video can refer to the landing page corresponding to the advertisement video, so that the landing page can at least display the content details related to product 1.

[0083] Based on the above two paragraphs, it can be known that in some scenarios, after detecting a video switching operation triggered by a user on a target page, the target page (such as Figure 3 The target video, target progress bar, and landing page entrance are displayed on the page 300 shown so that the landing page entrance can be continuously displayed during the subsequent video playback process to ensure that the user can enter the landing page at any time through the entrance to view the information of some products, which is conducive to improving the display effect.

[0084] According to research, in some scenarios, the location of the progress bar may be relatively remote, so that users can easily ignore the progress bar, thus affecting the video playback effect. Based on this, in order to better improve the effect, S1 above can specifically be: in response to the video switching operation, display the target video, display the target progress bar in the first area, and move the target progress bar from the first area to the second area, and the prominence of the first area is higher than that of the second area, so as to achieve the possibility of users ignoring the progress bar by quickly moving the progress bar from a prominent position to a remote position, thereby minimizing the possibility of users ignoring the progress bar.

[0085] The first area refers to the initial display position of the target progress bar, such as Fig. 9 The second area refers to the final display position of the target progress bar, such as Fig. 9 The display position of the progress bar shown in page 200.

[0086] In addition, the present application does not limit the implementation methods of the first area and the second area. For example, it is only necessary to ensure that the prominence of the first area is higher than that of the second area. For another example, in order to better improve the video playback effect, the two areas can at least meet the following constraints: the prominence of the first area is higher than that of the second area, and the occlusion effect of the second area on the target video is much lower than the occlusion effect of the first area on the target video.

[0087] It can be seen that in one possible implementation, the first area can be located at the center of the display area of ​​the target video, and the second area is located at the bottom of the display area of ​​the target video. In this way, the progress bar can be quickly moved from the center position to the bottom position to ensure that when the user switches to the target video, the progress bar can be found in time, thereby effectively avoiding defects caused by the user's inability to find the progress bar in time.

[0088] In addition, the present application does not limit the visual method of the step of "moving the target progress bar from the first area to the second area". For example, it can be implemented by a pre-specified animation (such as a flying animation). Fig. 9 902 on page 902).

[0089] In addition, the present application does not limit the execution time of the above-mentioned step of "moving the target progress bar from the first area to the second area". For example, it is slightly later than the execution time of the above-mentioned step of "displaying the target progress bar in the first area". In this way, the interference of the display of the progress bar on the video playback can be reduced as much as possible.

[0090] Furthermore, in order to ensure the integrity of the video playback content as much as possible, the start time of the target video is not earlier than the execution time of the above-mentioned step of "moving the target progress bar from the first area to the second area" to ensure that the target progress bar has moved to the second area when the target video starts playing.

[0091] Based on the above seven sections, we can see that for some scenarios, such as short video scenarios, when a user browses a page (such as Fig. 9 When a video is being browsed (page 901 as shown), if a video switching operation triggered for the page is detected (such as a swipe up operation as shown by the page 901), the target video is displayed on the page and a target progress bar is displayed at the center of the video, so that the progress bar can be quickly moved from the center to the bottom of the video for display. This can enable the user to find the progress bar in a timely manner without interfering with the video playback content as much as possible, thereby helping to improve the video playback effect and the user's viewing experience.

[0092] Through research, it is found that in some scenarios, the video to be displayed may carry a progress bar. Therefore, in order to avoid interference between multiple progress bars, the above S1 may at least include: in response to a video switching operation, displaying the target video, hiding (or deleting or blocking or canceling the display) the progress bar carried by the target video, and displaying the target progress bar. In this way, the target progress bar can be used instead of the progress bar carried by the target video, thereby effectively overcoming the defects caused by the lack of attractiveness of the progress bar carried by the target video, which is beneficial to increase the user's stay time on the video.

[0093] In addition, because the display area of ​​the target progress bar is larger than the display area of ​​the progress bar carried by the target video, the target progress bar is easier to be perceived by the user. This can effectively avoid the defects caused by the progress bar being too small and easily ignored, which is conducive to increasing the user's stay time on the video.

[0094] Based on the above two paragraphs, it can be seen that for some scenarios, such as short video scenarios, when a user browses videos through a page, if a video switching operation triggered for the page is detected, the target video and the target progress bar are displayed on the page, and the progress bar carried by the target video is not displayed in a certain way, so that the playback progress of the video can be indicated with the help of the target progress bar later, and some interesting animations can also be displayed to the user with the help of the target progress bar, which can improve the playback effect of these videos and the user viewing experience.

[0095] S2: In response to the target video starting to play, the animation corresponding to the first part starts to play in the display area of ​​the first part. The animation is used to indicate the changes of the first part as the target video plays. The appearance of the first part is determined based on the animation.

[0096] In the present application, for the target video and the target progress bar being displayed, if it is detected that the target video starts to play, the animation corresponding to the first part starts to play in the display area of ​​the first part of the target progress bar, so that the animation can indicate the changes of the first part as the target video is played, so that the animation can indicate the playback progress of the front content of the video in an interesting way, so that after the animation is played, the first part is hidden or deleted, and the second part of the target progress bar continues to change dynamically (such as by Figure 6 The change mode shown in pages 601 and 602 in the figure indicates the playback progress of the remaining video content, which can effectively avoid the interference caused by the first part, thereby helping to better improve the interest of video playback.

[0097] Based on the relevant contents of S1 to S2 above, it can be known that the display scheme provided by the present application includes: displaying a target progress bar while displaying the target video, so that the target progress bar is at least used to indicate the playback progress of the target video. Among them, since the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part, so that the present application can clearly and accurately describe the different stages of video playback with the help of the progress bar itself, such as different degrees of attractiveness, etc., which is conducive to improving the video playback effect, and thus is conducive to improving the user's viewing experience. In addition, because it is necessary to start playing the animation corresponding to the first part in the display area of ​​the first part at the same time as the target video starts to be played, so that the animation can indicate the changes in the first part as the target video is played, so that the animation can indicate the dynamic update effect of the first part as the target video is played with the help of a highly interesting change process, so that the dynamic change of the first part has a higher interest, so that the video playback stage indicated by the first part is more attractive, which is conducive to improving the playback effect of these videos and the user's viewing experience.

[0098] 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.

[0099] After research, it was found that some objects can be better promoted with the help of Easter eggs. Based on this, the present application also provides an implementation of the above-mentioned display method, in which, when the target video is used to describe the target object, and the first part of the target progress bar is also used to indicate the remaining time from the display moment of the associated content of the target object, the method not only includes the above-mentioned S1-S2, but also may include the following step 11. The execution time of step 11 is later than the execution time of S2.

[0100] Step 11: In response to the animation corresponding to the first part ending, add related content of the target object, such as Figure 7 The Easter egg 702 shown on page 701 or by Figure 8 Easter egg 802 shown on page 801.

[0101] It should be noted that the present application does not limit the display position of the above-mentioned related content. For example, in order to better improve the coherence, the distance between the display position of the related content and the display area of ​​the first part does not exceed the preset distance threshold, so that the related content can be displayed around the first part, which is conducive to improving the coherence of the content display. For another example, the related content can be displayed on top of the target progress bar.

[0102] It should also be noted that the present application does not limit the display method of the above-mentioned related content. For example, the related content can be displayed with a certain transparency to minimize the interference of the display process of the related content on the video display. For another example, the related content can be displayed in a drop-down window or a pop-up window.

[0103] It should be noted that the present application does not limit the implementation method of the associated content of the target object. For example, the content is used to highlight the object described by the target video and needs to be promoted in an Easter egg manner, such as Figure 7 or Figure 8 Item 1 shown.

[0104] For another example, in order to improve the fun, the associated content of the target object and the target image in the target video have a high degree of adaptability, so that the characteristics of the object can be comprehensively expressed by displaying the two contents at the same time. Among them, the target image refers to an image that exists in the video and needs to be displayed simultaneously with the associated content. In addition, the application does not limit the adaptation method. For example, the fun can be improved by combining the two contents to form a complete pattern. For another example, the objects described by the two contents are the same and the contents are complementary, which is conducive to improving the promotion effect of the object.

[0105] Based on the relevant content of the above step 11, it can be known that for the target video and the target progress bar being displayed, when the target video is used to describe at least one object, and these objects include the target object, the first part of the target progress bar can not only indicate the playback progress of the previous content in the video, but also indicate how much time is left before the display time of the associated content of the target object in a countdown manner, so that when it is detected that the animation corresponding to the first part ends, it can be determined that the maximum playback progress represented by the first part has been reached, so the associated content of the object can be popped up immediately (such as Figure 7 or Figure 8 This can naturally increase the promotion efforts for the target objects.

[0106] In addition, in order to better adapt to the video display requirements of different scenarios, there are certain differences in the information display process after the Easter egg display in different scenarios. For easy understanding, the following describes the subsequent information display process with two examples.

[0107] Example 1: In some scenarios, such as when there is no need to display the landing page entrance or the landing page entrance is always displayed on the video, the above display method includes not only the above S1-S2 and step 11, but also the following step 12. The execution time of step 12 is later than the execution time of step 11.

[0108] Step 12: In response to the display duration of the associated content of the target object reaching a preset duration or a close operation being triggered for the associated content, cancel the display of the associated content and update the second part, where the updated second part is at least used to indicate the display duration of the associated content.

[0109] In this application, before displaying the associated content of the target object (such as Figure 7 After the Easter egg 702 shown in the figure, the following two processes can be performed:

[0110] Process 1: If a close operation is detected for the associated content (such as Figure 7If the user is not interested in the associated content, the associated content can be directly closed, and the second part of the target progress bar is updated, so that the updated second part can not only indicate the playback progress of the target video, but also indicate the actual display time of the associated content, which is conducive to enriching the function of the progress bar;

[0111] In process two, if it is detected that the display time of the associated content reaches the preset time, it can be determined that the associated content has been displayed, so the associated content can be directly closed and the second part of the target progress bar can be updated, so that the updated second part can not only indicate the playback progress of the target video, but also indicate the actual display time of the associated content, which is conducive to enriching the function of the progress bar.

[0112] Based on the relevant content of step 12 above, it can be known that for some scenarios, if the Easter egg is displayed above the target progress bar (such as by Figure 7 ), when the Easter egg is manually closed or the Easter egg display is completed, the Easter egg can be closed and the second part of the progress bar can be restored (such as by Figure 7 The progress bar portion shown in page 703 or page 704) is used so that the second portion can continue to indicate the playback progress of the target video, which is beneficial to improving the continuity of content display.

[0113] Example 2: In some scenarios, such as displaying the Easter egg first and then revealing the landing page entrance, the above display method not only includes the above S1-S2 and step 11, but also includes the following steps 13-14. The execution time of step 13 is later than the execution time of step 11.

[0114] Step 13: In response to the display duration of the associated content of the target object reaching a preset duration or a close operation being triggered for the associated content, the associated content is canceled from being displayed, and the target progress bar is replaced with a target component, which is used to indicate the entrance to the content page of the target video. It should be noted that the relevant content of the content page can be found above.

[0115] The target component refers to a component that is used to replace the target progress bar and has the function of revealing the landing page entrance, such as Figure 8 Component 804 is shown.

[0116] In addition, in order to better save page space, the display position of the target component is the same as the display position of the target progress bar, so that different components can be displayed at the same target position at different times, which is conducive to saving page space.

[0117] In addition, in order to better improve visual continuity, the target component can at least meet the following constraints: the appearance of the target component is consistent with the appearance of the second part, so as to ensure that the above-mentioned replacement process can update the interactive service provided at a certain location without changing the appearance as much as possible. This is conducive to improving visual continuity, thereby effectively avoiding adverse effects caused by sudden changes in appearance, such as the illusion of frame skipping.

[0118] In addition, in order to better simplify the replacement process, the target component can at least meet the following constraints: the target component is obtained by adjusting the function (or switching the function or degrading the function) of the target progress bar (or the second part of the target progress bar). In this way, different functions can be executed at different times with the help of the same component, thereby better meeting the video playback needs of the current scene without adding new components, such as showing the easter egg first and then revealing the landing page entrance.

[0119] Step 14: In response to the triggering operation on the above target component, jump to the content page of the target video.

[0120] Based on the relevant contents of steps 13 to 14 above, it can be known that for some scenarios, after the display process of the easter egg is triggered, if it is detected that the easter egg is manually closed or the easter egg display is completed, the easter egg can be closed and the target progress bar is degraded to a button (such as by Figure 8 Component 804 shown in page 803) is provided so that by clicking the button later, the user can jump to the landing page corresponding to the target video, which can better meet the video playback needs of some scenarios.

[0121] Based on the display method provided in the embodiment of the present application, the embodiment of the present application also provides a display device, such as Fig.10 As shown, the display device 1000 provided in the embodiment of the present application includes:

[0122] A display unit 1001 is used to display a target video and a target progress bar, wherein the target progress bar is used to indicate the playback progress of the target video, and the target progress bar includes a first part and a second part, wherein the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, and a display area of ​​the first part is adjacent to a display area of ​​the second part, and an appearance of the first part is different from an appearance of the second part;

[0123] The playback unit 1002 is used for starting to play the animation corresponding to the first part in the display area of ​​the first part in response to the start of playback of the target video, wherein the animation is used to indicate changes in the first part occurring as the target video is played, and the appearance of the first part is determined based on the animation.

[0124] In one possible implementation, the first part includes a first component and a second component, the initial state of the first component is used to indicate the starting point of the first part, and the initial state of the second component is used to describe a set of playback progress indicated by the first part; the animation is used to indicate: changes in the state of the first component and the state of the second component as the target video is played.

[0125] In a possible implementation, the second component is used to indicate a moving path of the first component; and the animation is used to indicate changes in the state of the first component and the state of the second component as the first component moves along the path.

[0126] In a possible implementation manner, the display device 1000 further includes: a deleting unit, configured to delete or hide the first part in response to the animation ending.

[0127] In one possible implementation, the second part includes a third component and a fourth component, the initial state of the third component is used to indicate the starting point of the second part, and the fourth component is used to indicate the moving path of the third component; the display device 1000 also includes: a moving unit, which is used to respond to the end of the animation playing, and the third component starts to move along the path.

[0128] In one possible implementation, the target video is used to describe the target object; the first part is also used to indicate the remaining time until the display moment of the associated content of the target object, and the associated content is used to highlight the target object; the display device 1000 also includes: an adding unit, which is used to increase the display of the associated content in response to the end of the animation.

[0129] In one possible implementation, the display device 1000 also includes: a first processing unit, used to cancel the display of the associated content in response to the display time of the associated content reaching a preset time or a close operation triggered for the associated content, and replace the target progress bar with a target component, wherein the target component is used to indicate the entrance to the content page of the target video; and jump to the content page in response to a trigger operation on the target component.

[0130] In a possible implementation manner, the appearance of the target component is consistent with the appearance of the second part.

[0131] In one possible implementation, the display device 1000 also includes: a second processing unit, which cancels the display of the associated content in response to the display duration of the associated content reaching a preset duration or a closing operation triggered for the associated content, and updates the second part, wherein the updated second part is at least used to indicate the display duration of the associated content.

[0132] In one possible implementation, the display unit 1001 is specifically used to: in response to a video switching operation, display the target video, display the target progress bar in a first area, and move the target progress bar from the first area to the second area, wherein the prominence of the first area is higher than that of the second area.

[0133] In a possible implementation manner, the first area is located at the center of the display area of ​​the target video; and the second area is located at the bottom of the display area of ​​the target video.

[0134] In one possible implementation, the display unit 1001 is specifically used to: in response to a video switching operation, display a target video, hide a progress bar carried by the target video, and display a target progress bar, wherein a display area of ​​the target progress bar is larger than a display area of ​​the progress bar carried by the target video.

[0135] In one possible implementation, the target progress bar satisfies at least one of the following constraints: the appearance of at least one component in the first part is determined based on at least one information, the at least one information including the target video, the associated content of the target object, and at least one of the display trigger time of the target progress bar, the target video is used to describe the target object, and the associated content is used to highlight the target object; the appearance of at least one component in the second part is determined based on the at least one information; the animation corresponding to the first part is determined based on the at least one information.

[0136] Based on the relevant contents of the above-mentioned display device 1000, it can be known that the working principle of the device 1000 includes: displaying a target progress bar while displaying a target video, so that the target progress bar is at least used to indicate the playback progress of the target video. Among them, since the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, the display area of ​​the first part is adjacent to the display area of ​​the second part, and the appearance of the first part is different from the appearance of the second part, so that the present application can clearly and accurately describe that different stages of video playback have different characteristics with the help of the progress bar itself, such as different degrees of attractiveness, etc., which is conducive to improving the video playback effect, and thus is conducive to improving the user viewing experience. In addition, because it is necessary to start playing the animation corresponding to the first part in the display area of ​​the first part at the same time as the target video starts to be played, so that the animation can indicate the changes of the first part as the target video is played, so that the animation can indicate the dynamic update effect of the first part as the target video is played with the help of a highly interesting change process, so that the dynamic change of the first part has a higher interest, so that the video playback stage indicated by the first part is more attractive, which is conducive to improving the playback effect of these videos and the user viewing experience.

[0137] It should be noted that for the technical details of the display device 1000 provided in the present application, please refer to the relevant content of the display method above, and for the sake of brevity, it will not be repeated here.

[0138] 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.

[0139] See also Fig.11 , which shows a schematic diagram of the structure of an electronic device 1100 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. Fig.11 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.

[0140] like Fig.11As shown, the electronic device 1100 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1101, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1102 or a program loaded from a storage device 1108 to a random access memory (RAM) 1103. In the RAM 1103, various programs and data required for the operation of the electronic device 1100 are also stored. The processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other via a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0141] Typically, the following devices may be connected to the I / O interface 1105: an input device 1106 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 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109. The communication device 1109 may allow the electronic device 1100 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.11 The electronic device 1100 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.

[0142] 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 1109, or installed from the storage device 1108, or installed from the ROM 1102. When the computer program is executed by the processing device 1101, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0143] 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. 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.

[0144] 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.

[0145] 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.

[0146] 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.

[0147] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0148] 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.

[0149] 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).

[0150] 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.

[0151] 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.

[0152] 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.

[0153] 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.

[0154] 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.

[0155] 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.

[0156] 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.

[0157] 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.

[0158] 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 and a target progress bar, wherein the target progress bar is used to indicate the playback progress of the target video, the target progress bar includes a first part and a second part, the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, a display area of ​​the first part is adjacent to a display area of ​​the second part, and an appearance of the first part is different from an appearance of the second part; In response to the target video starting to play, the animation corresponding to the first part starts to play in the display area of ​​the first part, and the animation is used to indicate the changes in the first part as the target video plays, and the appearance of the first part is determined based on the animation.

2. The method according to claim 1, characterized in that: The first part includes a first component and a second component, the initial state of the first component is used to indicate the starting point of the first part, and the initial state of the second component is used to describe a set of playback progress indicated by the first part; The animation is used to indicate: changes in the state of the first component and the state of the second component as the target video is played.

3. The method according to claim 2, characterized in that The second component is used to indicate a moving path of the first component; The animation is used to indicate changes in a state of the first component and a state of the second component as the first component moves along the path.

4. The method according to claim 1, characterized in that: The method further comprises: In response to the animation ending, the first part is deleted or hidden.

5. The method according to claim 1, characterized in that The second part includes a third component and a fourth component, the initial state of the third component is used to indicate the starting point of the second part, and the fourth component is used to indicate the moving path of the third component; The method further comprises: In response to the animation finishing playing, the third component starts moving along the path.

6. The method according to claim 1, characterized in that The target video is used to describe the target object; The first part is also used to indicate the remaining time until the display moment of the associated content of the target object, and the associated content is used to highlight the target object; The method further comprises: In response to the animation ending, the associated content is added for display.

7. The method according to claim 6, characterized in that The method further comprises: In response to the display duration of the associated content reaching a preset duration or a closing operation being triggered for the associated content, canceling the display of the associated content, and replacing the target progress bar with a target component, wherein the target component is used to indicate an entrance to a content page of the target video; In response to a trigger operation on the target component, jump to the content page.

8. The method according to claim 7, characterized in that The appearance of the target component is consistent with the appearance of the second part.

9. The method according to claim 6, characterized in that The method further comprises: In response to the display duration of the associated content reaching a preset duration or a closing operation being triggered for the associated content, the display of the associated content is canceled, and the second part is updated, where the updated second part is at least used to indicate the display duration of the associated content.

10. The method according to claim 1, characterized in that The display of the target video and the target progress bar includes: In response to a video switching operation, a target video is displayed, the target progress bar is displayed in a first area, and the target progress bar is moved from the first area to the second area, and the prominence of the first area is higher than that of the second area.

11. The method according to claim 10, characterized in that The first area is located at the center of the display area of ​​the target video; The second area is located at the bottom of the display area of ​​the target video.

12. The method according to claim 1, characterized in that The display of the target video and the target progress bar includes: In response to a video switching operation, a target video is displayed, a progress bar carried by the target video is hidden, and a target progress bar is displayed, wherein a display area of ​​the target progress bar is larger than a display area of ​​the progress bar carried by the target video.

13. The method according to any one of claims 1 to 12, characterized in that: The target progress bar satisfies at least one of the following constraints: The appearance of at least one component in the first part is determined according to at least one information, wherein the at least one information includes at least one of the target video, the associated content of the target object, and the display trigger time of the target progress bar, the target video is used to describe the target object, and the associated content is used to highlight the target object; The appearance of at least one component in the second portion is determined based on the at least one information; The animation corresponding to the first part is determined according to the at least one information.

14. A display device, characterized in that: include: a display unit, configured to display a target video and a target progress bar, wherein the target progress bar is configured to indicate the playback progress of the target video, wherein the target progress bar includes a first part and a second part, wherein the playback progress indicated by the first part is earlier than the playback progress indicated by the second part, wherein a display area of ​​the first part is adjacent to a display area of ​​the second part, and an appearance of the first part is different from an appearance of the second part; A playback unit is used for starting to play an animation corresponding to the first part in a display area of ​​the first part in response to the start of playback of the target video, wherein the animation is used to indicate changes in the first part as the target video is played, and the appearance of the first part is determined based on the animation.

15. 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 13.

16. 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 13.

17. 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 13.

Images