Method, apparatus, electronic device, storage medium, and program product for representation

Abstract

An embodiment of the present disclosure provides a display control method, an apparatus, an electronic device, a storage medium, and a program product, the method including the steps of: displaying a first control corresponding to a first media content currently displayed in a first preset area of ​​a media content display page, the first media content including at least two second media content, the first control including media content indicators corresponding to each of the at least two second media content, the first control configured to switch between displaying the at least two second media content, and switching at least one of the media content indicators to a second control in response to a target trigger operation acting on the media content display page, the second control configured to slide and adjust a display progress of at least a portion of the first media content.

Description

Technical Field

[0001] Embodiments of the present disclosure relate to the field of computer technology, for example, to a display control method, apparatus, electronic device, storage medium, and program product.

[0002] Cross - reference to related applications This disclosure claims priority to a Chinese patent application with application number 202210332133.3, filed with the China National Intellectual Property Administration on March 30, 2022, and all contents of that application are incorporated herein by reference.

Background Art

[0003] With the rapid development of Internet technology and terminal technology, the functions provided by application programs are becoming increasingly rich. For example, video - based applications can provide functions such as video set playback.

Summary of the Invention

Problems to be Solved by the Invention

[0004] Embodiments of the present disclosure provide a display control method, apparatus, electronic device, storage medium, and program product for improving the adjustment efficiency of video playback progress.

Means for Solving the Problems

[0005] According to a first aspect, embodiments of the present disclosure provide a display control method. The method includes Displaying a first control corresponding to first media content currently displayed in a first preset area of a media content display page, wherein the first media content includes at least two second media contents, the first control includes media content labels corresponding to each of the at least two second media contents, and the first control is configured to switch and display the at least two second media contents, and steps; Switching at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page, wherein the second control is configured to slide and adjust the display progress of at least a part of the first media content, and steps, including.

[0006] According to a second aspect, an embodiment of the present disclosure further provides a display control device. The device is A first control display module configured to display a first control corresponding to first media content currently displayed in a first preset area of a media content display page, wherein the first media content includes at least two second media contents, the first control includes media content labels corresponding to each of the at least two second media contents, and the first control is configured to switch and display the at least two second media contents, and the first control display module; A second control display module configured to switch at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page, wherein the second control is configured to slide and adjust the display progress of at least a part of the first media content, and the second control display module, and includes.

[0007] According to a third aspect, embodiments of the present disclosure further provide an electronic device. The electronic device includes one or more processors, and a memory for storing one or more programs, and the one or more programs are executed by the one or more processors such that the one or more processors implement the display control method described in the embodiments of the present disclosure.

[0008] According to a fourth aspect, embodiments of the present disclosure further provide a computer-readable storage medium. A computer program is stored on the computer-readable storage medium. When the program is executed by a processor, the display control method described in the embodiments of the present disclosure is implemented.

[0009] According to a fifth aspect, embodiments of the present disclosure further provide a computer program product. The computer program product is executed by a computer such that the computer implements the display control method described in the embodiments of the present disclosure.

Brief Description of the Drawings

[0010] Referring to the following embodiments for implementing the invention in conjunction with the drawings, the above and other features, advantages, and aspects of each embodiment of the present disclosure will become more apparent. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the elements and elements are not necessarily drawn to scale.

Figure 1

Figure 2

Figure 3

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8

Figure 9

Embodiments for Carrying Out the Invention

[0011] The following describes embodiments of the present disclosure with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be realized in various forms. These embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only used for illustrative purposes.

[0012] It should be understood that each step described in the embodiments of the method of the present disclosure may be executed in a different order and / or may be executed in parallel. In addition, the method embodiments may include additional steps and / or may omit the execution of the steps shown.

[0013] The term "including" and its variations used in this specification are open inclusion, that is, "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" represents "at least one embodiment", the term "another embodiment" represents "at least one another embodiment", and the term "some embodiments" represents "at least some embodiments". Related definitions of other terms are given in the following description.

[0014] It should be noted that concepts such as "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules, or units.

[0015] It should be noted that the modifications of "one" and "a plurality of" mentioned in this disclosure are general. As those skilled in the art should understand, unless otherwise explicitly stated in the context, they should be understood as "one or more".

[0016] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are only used for the purpose of explanation.

[0017] In related technologies, when a video set contains multiple sub-videos, the needs of users to quickly adjust the playback progress of the video cannot be met.

[0018] FIG. 1 is a flowchart of a display control method according to an embodiment of this disclosure. This method may be executed by a display control device. Here, the device may be implemented by software and / or hardware, or may be configured as an electronic device. Exemplarily, it may be configured as a mobile phone or a tablet computer. The display control method according to the embodiments of this disclosure is applicable to scenarios where the display progress of media content including multiple sub-media contents is adjusted. As shown in FIG. 1, the display control method according to this embodiment may include the following.

[0019] In S101, a first control corresponding to the first media content currently displayed in a first preset area of the media content display page is displayed. Here, the first media content includes at least two second media contents. The first control includes media content labels corresponding to each of the at least two second media contents. The first control is configured to switch and display the at least two second media contents.

[0020] Here, the media content display page may be understood as a page for displaying media content. This media content display page may include a first preset area for displaying a first control corresponding to the first media content currently being displayed. This first media content may be understood as the media content displayed on the media content display page at the current time. It may include at least two second media contents. This second media content may be an image or a video. Different second media contents may exist independently in the first media content. As can be understood, the first media content may be a collection of a plurality of second media contents. The first control may be a control for switching and displaying different second media contents among the first media content. This first control may be provided with media content labels corresponding to each of at least two second media contents included in the first media content. This media content label may be a graphics label or other label. Media content labels corresponding to different second media contents have different display styles and / or different display positions located in the first preset area. The first preset area may be understood as a response area in the media content display page of the first control.

[0021] Optionally, when the electronic device displays first media content including a plurality of second media contents on a media content display page, it may display a first control of the first media content in a first preset display area of the media content display page. For example, according to the arrangement order in the first media content of the plurality of second media contents shown in FIG. 2 (taking the media content label 20 as a line segment in the figure as an example), media content labels 20 corresponding to each of the plurality of second media contents included in the first media content are displayed at different positions in the first preset display area. Here, the media content labels 20 corresponding to the second media contents that have already been displayed (the two left media content labels 20 in the figure) and the media content labels 20 corresponding to the second media contents that have not been displayed (the three right media content labels 20 in the figure) may be displayed in different styles. For example, they may be displayed in different colors and / or transparencies, etc., to distinguish the second media contents that have already been displayed from the second media contents that have not been displayed, or to facilitate determining the second media content currently being displayed.

[0022] In S102, in response to a target trigger operation acting on the media content display page, at least one of the media content labels is switched to a second control. Here, the second control is configured to slide and adjust the display progress of at least a part of the first media content.

[0023] In this embodiment, since the first control can only be used to sequentially switch and display a plurality of second media contents according to the order of arrangement of the plurality of second media contents, the first control can be switched to the second control in response to a corresponding trigger operation of the user so that the user can quickly adjust the display progress of at least a part of the first media content by using this second control, simplifying the operations necessary to adjust the playback progress of the first media content and satisfying the user's need to quickly adjust the display progress of the first media content.

[0024] Here, the target trigger operation may be a trigger operation for switching one or more media content labels displayed on the media content display page to the second control. This target trigger operation may act on the media content display page. Exemplarily, the target trigger operation may be a click operation or a long-press operation that acts on the media content display page. Optionally, the target trigger operation acts within the preset first area. That is, this target trigger operation may be a trigger operation for the first control. The second control may be used to slide and adjust the currently displayed second media content and / or to slide and adjust the display progress of the currently displayed second media content.

[0025] Optionally, when the user attempts to adjust the display progress of the first media content, the user may perform a target trigger operation, for example, a long press on a first control displayed on the media content display page. In response, when the electronic device receives the user's target trigger operation, the electronic device switches one or more media content labels displayed on the media content display page to a second control. Thereby, the user may switch at least a portion of the display progress of the first media content by performing a slide operation on the second control. For example, switch the currently displayed second media content and / or the display progress of the currently displayed second media content.

[0026] In this embodiment, when switching one or more media content labels displayed on the media content display page to the second control, illustratively, switching the media content label corresponding to the currently displayed second media content to the second control, switching the media content label on which the target trigger operation acts to the second control, switching each of the plurality of media content labels to the second control, or integrating each media content label into one second control, etc. may be performed.

[0027] The display control method according to this embodiment displays a first control corresponding to the first media content currently displayed in a first preset area of the media content display page. Here, this first media content includes at least two second media contents. This first control includes media content labels corresponding to each of the at least two second media contents. This first control is configured to switch and display at least two second media contents, and switch at least one media content label to a second control in response to a target trigger operation acting on the media content playback page. Here, this second control is configured to slide and adjust the display progress of at least a part of the first content. Exemplarily, at least a part of the first content may be a content segment consisting of one second media content or a plurality of second media contents. This embodiment adopts the above method, switches the media content label in the first control to the second control, and adjusts the display progress of the first media content by the second control, thereby simplifying the operations necessary to adjust the display progress of the first media content and improving the adjustment efficiency of the display progress of the first media content.

[0028] Figure 3 is a flowchart of another display control method according to an embodiment of the present disclosure. The solution in this embodiment may be combined with one or more selectable solutions among the above embodiments. Optionally, the second media content is image or video content. Switching at least one of the media content labels to the second control includes switching at least one of the media content labels to a thumbnail of the corresponding second media content for display. Here, the media content label is a graphics label.

[0029] Optionally, after selectively switching the at least one media content label to a second control, in response to a target slide operation acting within a second preset area, determine the current position to which the target slide operation is slid, and display second media content corresponding to the second control at the current position on the media content display page. Here, the second preset area is an associated area of the second control.

[0030] Optionally, the display control method according to this embodiment further includes restoring the second control to the media content label in response to the end of the target slide operation trigger.

[0031] Optionally, the display control method according to this embodiment further includes, in response to the end of the target slide operation trigger, starting from the display progress corresponding to the target slide operation, displaying at least a part of the first media content.

[0032] Accordingly, as shown in FIG. 3, the display control method according to this embodiment may include the following steps.

[0033] In S201, a first control corresponding to first media content currently displayed in a first preset area of a media content display page is displayed. Here, the first media content includes at least two second media contents. The first control includes media content labels corresponding to each of the at least two second media contents. The first control is configured to switch and display the at least two second media contents. The second media content is an image or video content.

[0034] In S202, in response to a target trigger operation acting on the media content display page, at least one of the media content labels is switched to and displayed as a thumbnail of the corresponding second media content, and at least one of the media content labels is switched to a second control. Here, the media content label is a graphics label. The second control is configured to slide and adjust the display progress of at least a part of the first media content.

[0035] In this embodiment, it is exemplified that the second media content is image content. That is, the first media content includes media content of a plurality of images, and when each image in the media content is sequentially switched and displayed, in response to a target trigger operation, at least one media content label 20 (shown in FIG. 2) displayed in the form of a graphics label (for example, a line segment or a point, etc.) may be switched to a second control displayed in the form of a thumbnail 40. As shown in FIG. 4, thereby, the user can quickly understand the screen in the corresponding second media content by the thumbnail of each second media content and determine the second media content to be browsed.

[0036] Exemplarily, when the number of second media contents included in the first media content is equal to or less than a preset number (for example, 9 or 10), the media content labels of each second media content may be switched to and displayed as thumbnails corresponding to the corresponding second media contents. When the number of second media contents included in the first media content is greater than a preset threshold number, a continuous preset number of media content labels including the media content label of the current second media content displayed on the media content display page may be switched to and displayed as thumbnails corresponding to the corresponding second media contents. For example, all media content labels may be switched to thumbnails, and only a continuous preset number of thumbnails including the thumbnail corresponding to the current second media content displayed on the media content display page are displayed, or only a continuous preset number of media content labels including the media content label of the current second media content displayed on the media content display page are switched to and displayed as thumbnails corresponding to the corresponding second media contents, and the display of other media content labels is cancelled.

[0037] As can be understood, taking the example that the second media content is image content, thumbnails corresponding to each media content may not be displayed in response to a target trigger operation. For example, the media content label displayed in the first style may be switched to a second control or the like displayed in the second style. Here, both the first style and the second style may be graphics styles. They may have different display sizes.

[0038] In S203, in response to a target slide operation acting within a second preset area, the current position where the target slide operation slides is determined, and the second media content corresponding to the target second control displayed at the current position on the media content display page is displayed. Here, the second preset area is an associated area of the second control.

[0039] Here, the second preset area may be understood as the response area of the second control, that is, the hot zone of the second control, for example, the display area where the second control is located. It may be the same as or different from the first preset area. The target slide operation may be a slide operation along a preset direction. For example, when the second controls are arranged horizontally, the target slide operation may be a horizontal slide operation. When the second controls are arranged vertically, the target slide operation may be a vertical slide operation. The current position may be understood as the position where the current time target slide operation is slid, that is, the position where the touch point corresponding to the target slide operation is located. The target second control may be the second control displayed at this current position, and in order to distinguish the currently triggered second control from other second controls, the target second control may have a display style different from that of other second controls displayed on the media content display page.

[0040] In this embodiment, while the user is performing the target slide operation, in order to facilitate the user to quickly determine whether to preview this second media content and switch the display progress of the first media content to the display progress corresponding to this second media content, the second media content corresponding to the second control displayed at the position where the target slide operation is slid on the media content display page may be displayed.

[0041] Taking the example that each second control is arranged horizontally, after the second control is displayed, the user may slide the second preset area horizontally. Accordingly, while the user is performing a horizontal slide, the electronic device periodically determines the current position where the user performs the horizontal slide and the target second control displayed at this current position, and may switch the current second media content displayed on the media content display page to the second media content corresponding to this target second control. This target second control may be displayed in a certain style, and the display of other second controls other than this target second control displayed on the media content display page may be displayed in another style. Here, compared with other second controls, the target second control may have a relatively large display size. For example, it may have a relatively large height and / or width as shown in FIG. 4 (taking the example that the third second control in FIG. 4 is the target second control).

[0042] In one embodiment, after determining the current position where the target slide operation slides, in response to the current position being the first set position of the second preset area, it further includes updating the target second control displayed at the current position.

[0043] In the above embodiment, when the target slide operation slides to a certain set position (i.e., the first set position) within the second preset area, the second control displayed at this set position may be automatically updated. Thereby, the user can preview different second media contents on the media content display page without continuing to slide, and move and display the second control that is not displayed to the second preset area, facilitating the user to preview the second media content corresponding to this second control or switch and display the second media content corresponding to this second control.

[0044] Optionally, after determining the current position at which the target slide operation is slid, it may be determined whether this current position is the first set position. If this current position is the first set position, update the second control of the target displayed at the current position, and display the second media content corresponding to the second control of the target displayed at the current position on the media content display page. If this current position is not the first set position, do not update the second control of the target displayed at the current position, and only display the second media content corresponding to the second control of the target displayed at the current position on the media content display page. Here, the first set position may be any one set position within the second preset area, or may be the boundary position of the second preset area. For example, when each second control is arranged horizontally, the first set position may be the left boundary position or the right boundary position of the second preset area. When each second control is arranged vertically, the first set position may be the upper boundary position or the lower boundary position of the second preset area.

[0045] In this embodiment, the update method of the second control of the target displayed at the current position may be flexibly set. Exemplarily, each second control displayed in a second preset area may be updated collectively. For example, n (n is a positive integer) second controls displayed in the second preset area may be updated to second controls that are not displayed at the current time, and each second control displayed in the second preset area may be controlled to move in a set direction so that the second control that is not displayed at the current time is moved to and displayed in the second preset area. For example, assuming that each second control is arranged horizontally, when the user slides horizontally to the left boundary position / right boundary position of the second preset area within the second preset area, each second control displayed in the second preset area may be controlled to move synchronously to the right / left, and the second control of the target displayed at this left boundary position / right boundary position may be updated. At this time, optionally, updating the second control of the target displayed at the current position includes collectively updating each second control displayed in the second preset area, or controlling each second control displayed in the second preset area to move in the same direction.

[0046] As can be understood, the target slide operation may be a slide operation that is executed continuously with the target trigger operation. For example, when the target trigger operation is a long-press operation, the user can directly perform a slide after the long-press without lifting the finger. Thereby, when the execution of the target trigger operation ends, for example, when the user directly lifts the finger without performing a slide after executing the target trigger operation, the second control may be restored to the media content identifier. When the start position of the slide of the target slide operation is the first set position of the second preset area, after switching the media content identifier to the second control, the second control of the target displayed at this first set position may be updated. For example, when the user maintains a long-press at the first set position, first, the media content identifier is switched to the second control. And the second control of the target displayed at this first set position may be updated until the user slides from this first set position or until this long-press operation trigger ends.

[0047] In S204, in response to the end of the target slide operation trigger, the second control is restored to the media content identifier. And / or, starting from the display progress corresponding to the target slide operation, at least a part of the first media content is displayed.

[0048] Here, the display progress corresponding to the target slide operation may be the display progress adjusted when the target slide operation trigger ends, for example, the display progress of the second media content corresponding to the second control that is slid when the target slide operation trigger ends in the first media content.

[0049] Optionally, when the target slide operation trigger ends, for example, when the touch point corresponding to the target slide operation disappears, the second control may be restored to the media content label. And / or when the target slide operation trigger ends on the media content display page, maintain the display of the second media content displayed on the media content display page, do not automatically switch the second media content displayed on the media content display page, or when the target slide operation trigger ends, starting from the second media content displayed on the media content display page, continue to display each second media content whose sorting order among this second media content and the first media content is located after this second media content.

[0050] In this embodiment, after switching the media content label to the second control, the user can preview any one of the second media contents included in the first media content by means of a simple slide operation. Each time the user executes a slide operation, compared with a method of simply switching the currently displayed second media content to another adjacent second media content according to the sorting order of each second media content in the first media content, rapid switching of the second media content can be realized, different switching needs of the user can be satisfied, and the user experience can be improved.

[0051] In one embodiment, the display control method according to this embodiment further includes restoring the second control to the media content label in response to a cancel operation for the target slide operation, and continuing to display at least a part of the first media content starting from the latest display progress of at least a part of the first media content before receiving the target slide operation.

[0052] Here, the cancel operation may be used to cancel the target slide operation. Exemplarily, this cancel operation may be a slide operation different from the slide direction of the target slide operation. For example, when the target slide operation is a horizontal slide operation, this cancel operation may be a vertical slide operation.

[0053] Optionally, when the user is executing the target slide operation and does not attempt to adjust the display progress of the first media content by this target slide operation, the user may execute a cancel operation, for example, a change from a horizontal slide to a vertical slide. Accordingly, when the electronic device receives a cancel operation for the target slide operation, it restores the second control displayed on the media content display page to the media content label, and continues to display each second media content in the first media content with the latest display progress of the first media content before receiving the target slide operation as the display start point, or may maintain the display of the second media content corresponding to this display start point.

[0054] The display control method according to this embodiment can not only achieve a rapid switching of the display progress of the first media content, but also realize a preview of the second media content included in the first media content, thereby improving the switching efficiency of the display progress, avoiding the situation where it is necessary to repeatedly execute a slide operation to find a satisfactory display progress, and improving the user experience.

[0055] FIG. 5 is a flowchart of another display control method according to an embodiment of the present disclosure. The solution in this embodiment may be combined with one or more of the optional solutions in the above embodiments. Optionally, the second media content is video content. Switching the at least one media content label to the second control includes switching at least one media content label displayed in the first style to a second control displayed in the second style. The at least one media content label includes a media content label corresponding to the currently played second media content. Or, switching the at least one media content label to the second control includes integrating each media content label into one second control.

[0056] Optionally, after switching at least one media content label displayed in the first style to a second control displayed in the second style, in response to a target slide operation acting within a third preset area, control is performed such that a progress adjustment label corresponding to at least a part of the first media content moves along the slide direction of the target slide operation. Here, the third preset area is an area related to the second control.

[0057] Optionally, after integrating each media content label into one second control, in response to a target slide operation acting within a third preset area, control is performed such that a progress adjustment label of the first media content moves in the second control along the slide direction of the target slide operation. Here, the third preset area is an area related to the second control.

[0058] Accordingly, as shown in FIG. 5, the display control method according to this embodiment may include the following.

[0059] In S301, a first control corresponding to the first media content currently displayed in a first preset area of the media content display page is displayed, and S302 or S304 is executed. Here, the first media content includes at least two second media contents. The first control includes media content labels corresponding to each of the at least two second media contents. The first control is configured to switch and display the at least two second media contents. The second media content is video content.

[0060] In S302, at least one of the media content labels displayed in the first style is switched to a second control displayed in the second style in response to a target trigger operation acting on the media content display page. Here, the at least one media content label includes a media content label corresponding to the second media content currently being played. The second control is configured to slide and adjust the display progress of at least a part of the first media content.

[0061] In this embodiment, when a target trigger operation is received, the media content labels 20 (shown in FIG. 2) corresponding to one or more second media contents including the second media content currently being played may be switched to the second controls 60 corresponding to the respective second media contents. For example, the media content labels 20 corresponding to one or more second media contents including the second media content currently displayed may be switched from the first style to the second style to obtain the second controls 60 corresponding to the respective second media contents, and the second controls 60 corresponding to the second media content currently being played may be displayed on the media content display page. As shown in FIG. 6, it is easy for the user to adjust the playback progress of the corresponding second media content or switch the second media content currently being played by the second control 60.

[0062] Here, the first style may have a display size different from that of the second style. Thereby, when switching a certain media content label to the second control, the display size of this media content label may be increased. For example, the length of this media content label is increased to a preset length, and / or the width of this media content label is increased to a preset width. At this time, optionally, switching the at least one media content label to the second control includes increasing the display size of the at least one media content label.

[0063] In S303, in response to a target slide operation acting within a third preset region, control is performed such that a progress adjustment label corresponding to at least a part of the first media content moves along the slide direction of the target slide operation, and S306 is executed. Here, the third preset region is a related region of the second control.

[0064] Here, the third preset region may be understood as a response region on the media content display page of the second control. It may be the same as or different from the first preset region and the second preset region. For example, the size (e.g., height) of the third preset region may be larger than the size of the first preset region, or smaller than the size of the second preset region.

[0065] Alternatively, as shown in FIG. 6, when the electronic device displays the second control 60, in accordance with the playback progress of the second media content currently being played, a progress adjustment indicator (e.g., progress slider 61, etc.) is displayed on the second control 60 corresponding to this second media content, and by this progress adjustment indicator, the playback progress of at least a part of the first media content (including this second media content currently being played) may be indicated. Thereby, when the user attempts to adjust the playback progress of the first media content / this second media content, a target slide operation may be executed. Accordingly, when the electronic device receives the user's target slide operation, the electronic device controls the progress adjustment indicator to move on the second control 60 along the slide direction of the target slide operation, or controls the progress adjustment indicator to move on a different second control 60 along the slide direction of the target slide operation, so as to adjust the playback progress indicated by this progress adjustment indicator.

[0066] In one embodiment, controlling the progress adjustment indicator corresponding to at least a part of the first media content to move along the slide direction of the target slide operation may include controlling the progress adjustment indicator to move on the second control corresponding to the second media content currently being played along the slide direction of the target slide operation.

[0067] In the above embodiment, the progress adjustment indicator may be used only for adjusting the playback progress of the second media content currently being played. In other words, the progress adjustment indicator is movable only on the second control corresponding to the second media content currently being played and cannot move across the second control.

[0068] Optionally, as shown in FIG. 6, a progress adjustment indicator may be displayed on the second control 60 corresponding to the currently playing second media content. Thereby, when a target slide operation is received, the progress adjustment indicator is controlled to move along the slide direction of the target slide operation in the second control 60 corresponding to the currently playing second media content, and the playback progress of the second media content may be adjusted.

[0069] It should be noted that the progress adjustment indicator being movable only in the second control corresponding to the currently playing second media content may be understood as that the progress adjustment indicator is movable only in this second control when adjusting the position of the progress adjustment indicator based on the target slide operation. As can be understood, when automatically updating the position of the media content indicator along with the playback of the first media content, this progress adjustment indicator can move in different media content indicators or different second controls.

[0070] In another embodiment, controlling the progress adjustment indicator corresponding to at least a part of the first media content to move along the slide direction of the target slide operation includes controlling the progress adjustment indicator to move in the second controls corresponding to a plurality of second media contents along the slide direction of the target slide operation.

[0071] In the above embodiment, the progress adjustment indicator is not only used to adjust the playback progress of the currently playing second media content, but may also be used to switch the currently playing second media content. In other words, the progress adjustment indicator can move in the second controls corresponding to different second media contents.

[0072] Optionally, as shown in FIG. 6, a progress adjustment indicator may be displayed on the second control 60 corresponding to the currently playing second media content. Thereby, when a target slide operation is received, the progress adjustment indicator is controlled to move along the slide direction of the target slide operation in the second control 60 corresponding to each second media content, so as to switch the currently playing second media content or adjust the playback progress of the currently playing second media content.

[0073] In this embodiment, optionally, controlling the progress adjustment indicator to move along the slide direction of the target slide operation in the second controls corresponding to a plurality of second media contents includes at least one of: controlling the progress adjustment indicator to continue moving along the slide direction until the target slide operation trigger ends or the progress adjustment indicator moves to the third preset position in the third preset area in response to sliding the target slide operation to the second preset position in the third preset area; and updating the second control displayed at the fourth preset position in response to the progress adjustment indicator sliding and moving to the fourth preset position.

[0074] Here, the second preset position, the third preset position, and the fourth preset position may be the same or different preset positions in the third preset area. Taking the case where the second preset position, the third preset position, and the fourth preset position are the same preset position in the third preset area as an example, this preset position may be the boundary position of the third preset area. For example, when the second controls are arranged horizontally, this preset position may be the left boundary position or the right boundary position of the third preset area.

[0075] Optionally, when receiving a target slide operation, the progress adjustment indicator may be controlled to move in each second control along the slide direction of the target slide operation. During the sliding of the target slide operation, it is determined whether the target slide operation slides to the second set position of the third preset area, and in response to the target slide operation sliding to the second set position of the third preset area, the progress adjustment indicator is controlled to continue moving along the moving direction corresponding to the second set position until the progress adjustment indicator moves to the third set position of the third preset area. And / or, during the movement of the progress adjustment indicator, it is determined whether the progress adjustment indicator moves to the fourth set position of the third preset area, and in response to the progress adjustment indicator moving to the fourth set position of the third preset area, the second control displayed at this fourth position is updated to facilitate continuously adjusting the playback progress indicated by this progress adjustment indicator.

[0076] Taking as an example that the target slide operation is a rightward slide operation and the second set position, the third set position, and the fourth set position are all boundary positions of a third preset area, during the trigger of the target slide operation, control is performed so that the progress adjustment indicator moves along the slide direction of this target slide operation, periodically determine whether the target slide operation has slid to the right boundary position of the third preset area and whether the progress adjustment indicator has moved to the right boundary position of the third preset area, and continue to control the progress adjustment indicator to move along the slide direction of this target slide operation in response to the fact that the target slide operation has not slid to the right boundary position of the third preset area and the progress adjustment indicator has not moved to the right boundary position of the third preset area. In response to the fact that the target slide operation has slid to the right boundary position of the third preset area and the progress adjustment indicator has not moved to the right boundary position of the third preset area, control is performed so that the progress adjustment indicator continues to move along its original movement direction, that is, rightward movement. In response to whether the target slide operation has slid or not slid to the right boundary position of the third preset area and the progress adjustment indicator has moved to the right boundary position of the third preset area, update the second control displayed at this right boundary position.

[0077] In one alternative embodiment, the position of the progress adjustment indicator may be left unchanged, and each second control displayed in the third preset area may be controlled to move in the same direction, so as to adjust the position of the progress adjustment indicator in the second control, and further adjust the playback progress indicated by the progress adjustment indicator. For example, when the progress adjustment indicator moves to the right boundary position of the third preset area, the second control in the third preset area may be controlled to move left, and when the progress adjustment indicator moves to the left boundary position of the third preset area, the second control in the third preset area may be controlled to move right, so as to move the second control not displayed in the third preset area to the third preset area for display. At this time, updating the second control displayed at the fourth setting position may include controlling each second control displayed in the third preset area to move in the same direction, and maintaining the display of the progress adjustment indicator at the fourth setting position.

[0078] In another alternative embodiment, the current second control displayed at the fourth setting position may be switched to a second control (i.e., the target second control) adjacent to this current second control among the first controls. For example, the second control displayed at the fourth setting position may be switched to a second control adjacent to this second control among the first controls and located on the left side / right side of this second control, and according to the display progress indicated by the progress adjustment indicator before the update, the position of the progress adjustment indicator in the second control may be adjusted to avoid a situation where the display progress indicated by the progress adjustment indicator jumps. At this time, updating the second control displayed at the fourth setting position may include switching the current second control displayed at the fourth setting position to the target second control adjacent to this current second control among the first controls, and adjusting the display position of the progress adjustment indicator according to the playback progress indicated by the progress adjustment indicator before the switching.

[0079] In another alternative embodiment, each second control displayed in the third preset area may be updated in a batch. For example, m (m is a positive integer) second controls that are completely displayed in the third preset area are arranged continuously among the first controls, and are switched to another m second controls located on the left side / right side of these m second controls, and according to the display progress indicated by the progress adjustment indicator before the update, the position of the progress adjustment indicator in the second control is adjusted to avoid the situation where the display progress indicated by the progress adjustment indicator jumps. At this time, updating the second control displayed at the fourth set position may include updating each second control displayed in the third preset area in a batch, and adjusting the display position of the progress adjustment indicator according to the playback progress indicated by the progress adjustment indicator before the batch update.

[0080] In S304, according to the target trigger operation acting on the media content display page, each media content identifier is integrated into one second control. Here, the second control is configured to slide and adjust at least a part of the display progress of the first media content.

[0081] In this embodiment, when receiving the target trigger operation, each media content identifier may be integrated into one second control corresponding to the first media content. For example, each media content identifier displayed in a graphics format is integrated into one relatively large graphics, the size of a plurality of media content identifiers before integration is increased, or the size of this graphics obtained after integration is increased to obtain the second control corresponding to the first media content.

[0082] Exemplarily, as shown in FIG. 2, before integration, the media content label 20 corresponding to each second media content may be displayed in the form of a line segment. Thereby, when receiving a target trigger operation, according to this target trigger operation, a plurality of media content labels (i.e., a plurality of line segments) may be integrated into a relatively long line segment. As shown in FIG. 7, the width of this line segment obtained by integration is increased to a set width to obtain a progress bar corresponding to this first media content, which may also be used as a second control 70 corresponding to this first media content.

[0083] In S305, in response to a target slide operation acting within a third preset area, control is performed such that the progress adjustment label of the first media content moves in the second control along the slide direction of the target slide operation. Here, the third preset area is a related area of the second control.

[0084] Optionally, after the second control corresponding to the first media content is displayed, the user may adjust the position of the progress adjustment label of the first media content in this second control by performing a target slide operation. Accordingly, when the electronic device receives the user's target slide operation, it may control the progress adjustment label in this second control to move in this second control. For example, control is performed such that this progress adjustment label moves synchronously along the slide direction of this target slide operation in this second control, and the playback time node indicated in this second control is adjusted by this progress adjustment label, that is, the playback progress indicated in this second control is adjusted by this progress adjustment label.

[0085] In S306, in response to the end of the target slide operation trigger, the second control is restored to the media content label, and / or at least a part of the first media content is displayed starting from the display progress corresponding to the target slide operation.

[0086] Exemplarily, when the target slide operation trigger ends, for example, when the touch point corresponding to the target slide operation disappears, the second control may be restored to the media content label, and / or in the media content display page, when the target slide operation trigger ends, the second media content corresponding to the playback progress indicated by the progress adjustment label of the first media content is played or looped, and the other second media content in the first media content is not automatically switched and played, or when the target slide operation trigger ends, taking the playback progress indicated by the progress adjustment label of the first media content as the playback start point, the second media content corresponding to this playback start point and each second media content whose sorting order in the first media content is located after this second media content may continue to be displayed.

[0087] The display control method according to this embodiment can realize rapid adjustment of the display progress of the first media content by using various methods, such as switching the progress adjustment label corresponding to each second media content to the second control corresponding to this second media content, or integrating the progress adjustment label corresponding to each second media content into one second control corresponding to the first media content, so as to meet the user's progress adjustment needs and improve the user experience.

[0088] FIG. 8 is a structural block diagram of a display control device according to an embodiment of the present disclosure. This device may be implemented by software and / or hardware, or may be configured as an electronic device. Exemplarily, it may be configured as a mobile phone or a tablet computer, and can control the displayed media content by executing the display control method. As shown in FIG. 8, the display control device according to this embodiment may include a first control display module 801 and a second control display module 802. Here, The first control display module 801 is configured to display a first control corresponding to first media content currently displayed in a first preset area of a media content display page. Here, the first media content includes at least two second media contents. The first control includes media content labels corresponding to each of the at least two second media contents. The first control is configured to switch and display the at least two second media contents. The second control display module 802 is configured to switch at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page. Here, the second control is configured to slide and adjust the display progress of at least a part of the first media content.

[0089] The display control device according to this embodiment uses the first control display module to display a first control corresponding to the first media content currently displayed in a first preset area of the media content display page. Here, this first media content includes at least two second media contents. This first control includes media content labels corresponding to the at least two second media contents. This first control is configured to switch and display at least two second media contents. According to a target trigger operation acting on the media content playback page by the second control display module, at least one media content label is switched to the second control. Here, this second control is configured to slide and adjust the display progress of at least a part of the first content. This embodiment adopts the above method, switches the media content label in the first control to the second control, and adjusts the display progress of the first media content by the second control, thereby simplifying the operations necessary to adjust the display progress of the first media content and improving the adjustment efficiency of the display progress of the first media content.

[0090] In the above solution, the second media content may be, for example, image content. The second control display module 802 may be configured to switch at least one of the media content labels to the second control by a method of switching and displaying at least one of the media content labels to a thumbnail of the corresponding second media content. Here, the media content label is a graphics label.

[0091] Optionally, after the display control device according to this embodiment selectively switches the at least one media content label to the second control, in response to a target slide operation acting within a second preset area, it determines the current position where the target slide operation is slid, and further includes a first content display module configured to display second media content corresponding to the second control of the target displayed at the current position on the media content display page. Here, the second preset area is an area related to the second control.

[0092] In the above solution, the second control of the target may have a display style different from that of other second controls other than the second control of the target displayed on the media content display page.

[0093] Optionally, after the display control device according to this embodiment determines the current position where the target slide operation is slid, in response to the current position being the first set position of the second preset area, it may further include a control update module configured to update the second control of the target displayed at the current position.

[0094] In the above solution, the control update module may be configured to update the second control of the target displayed at the current position by a method of collectively updating each second control displayed in the second preset area or controlling each second control displayed in the second preset area to move in the same direction.

[0095] In the above solution, the second media content may be video content. The second control display module 802 is a control switching unit configured to switch at least one of the media content labels displayed in the first style to a second control displayed in the second style, where the at least one media content label includes a media content label corresponding to the currently played second media content, or may include a control integration unit configured to integrate each media content label into one second control.

[0096] In the above solution, the second control display module 802 may be configured to switch at least one of the media content labels to a second control by increasing the display size of at least one of the media content labels.

[0097] Optionally, the display control device according to this embodiment may further include a movement control module configured to control a progress adjustment label corresponding to at least a part of the first media content to move along the slide direction of the target slide operation in response to the target slide operation acting within a third preset area. Here, the third preset area is an area related to the second control.

[0098] In the above solution, the first control module may include a first movement control unit configured to control the progress adjustment label to move in the second control corresponding to the currently played second media content along the slide direction of the target slide operation, or a second movement control unit configured to control the progress adjustment label to move in the second controls corresponding to a plurality of second media contents along the slide direction of the target slide operation.

[0099] In the above solution, the second movement control unit is configured to control the progress adjustment mark to continuously move along the sliding direction until the target slide operation trigger ends or the progress adjustment mark moves to the third set position in the third preset area in response to sliding the target slide operation to the second set position in the third preset area. The movement control sub-unit is configured to control the progress adjustment mark to continuously move along the sliding direction until the target slide operation trigger ends or the progress adjustment mark moves to the third set position in the third preset area. The control update sub-unit is configured to update the second control displayed at the fourth set position in response to the progress adjustment mark sliding and moving to the fourth set position. At least one of them may be provided.

[0100] In the above solution, the control update sub-unit may be configured to update the second control displayed at the fourth set position in such a way that each second control displayed in the third preset area moves in the same direction, maintain displaying the progress adjustment mark at the fourth set position, or switch the current second control displayed at the fourth set position to the target second control adjacent to the current second control among the first controls, and adjust the display position of the progress adjustment mark according to the playback progress indicated by the progress adjustment mark before switching, or update each second control displayed in the third preset area in a batch, and adjust the display position of the progress adjustment mark according to the playback progress indicated by the progress adjustment mark before the batch update.

[0101] Optionally, the display control device according to this embodiment may further include a second control module configured to control the progress adjustment mark of the first media content to move in the second control along the sliding direction of the target slide operation in response to a target slide operation acting in a third preset area after integrating each media content mark into one second control. Here, the third preset area is the related area of the second control.

[0102] Optionally, the display control device according to this embodiment may further include a restoration module configured to restore the second control to the media content label in response to the end of the target slide operation trigger.

[0103] Optionally, the display control device according to this embodiment may further include a second content display module configured to display at least a part of the first media content starting from the display progress corresponding to the target slide operation in response to the end of the target slide operation trigger.

[0104] Optionally, the display control device according to this embodiment may further include a cancellation module configured to restore the second control to the media content label in response to a cancellation operation for the target slide operation, and continue to display at least a part of the first media content starting from the latest display progress of at least a part of the first media content before receiving the target slide operation.

[0105] In the above solution, the target trigger operation may act within the first preset area.

[0106] The display control device according to the embodiment of the present disclosure can execute the display control method according to any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of executing the display control method. Technical details not described in detail in this embodiment can be referred to the display control method according to any embodiment of the present disclosure.

[0107] Referring to FIG. 9 below, a schematic structural diagram of an electronic device (e.g., a terminal device) 900 suitable for implementing an embodiment of the present disclosure is shown. The terminal device in the embodiment of the present disclosure may include mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (Portable Android Devices, PADs), portable media players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions (TVs) and desktop computers. The electronic device shown in FIG. 9 is merely an example.

[0108] As shown in FIG. 9, the electronic device 900 may include a processing device (e.g., a central processor, a graphics processor, etc.) 901. It can execute various appropriate operations and processes based on a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 into a random access memory (RAM) 903. A plurality of programs and data necessary for the operation of the electronic device 900 are further stored in the RAM 903. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0109] Generally, for example, an input device 906 including a touch screen, a touch board, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyro, etc., an output device 907 including a liquid crystal display (LCD), a speaker, a vibrator, etc., a storage device 908 including a magnetic tape, a hard disk, etc., and a communication device 909 can be connected to the I / O interface 905. The communication device 909 can allow the electronic device 900 and other devices to perform wireless or wired communication to exchange data. FIG. 9 shows an electronic device 900 having various devices, but it should be understood that it does not require implementing or including all the shown devices. Alternatively, more or fewer devices can be implemented or included.

[0110] In particular, according to an embodiment of the present disclosure, referring to the above flowchart, the described process can be realized as a computer software program. For example, an embodiment of the present disclosure includes a computer program product. This computer program product includes a computer program mounted on a non-transitory computer-readable medium, and this computer program includes program code for executing the method shown in the flowchart. In such an embodiment, this computer program may be downloaded and installed from a network via the communication device 909, or may be installed from the storage device 908, or may be installed from the ROM 902. When this computer program is executed by the processing device 901, the above functions in the method of the embodiment of the present disclosure are executed.

[0111] It should be noted that the above computer-readable medium of the present disclosure 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, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. The computer-readable storage medium may include an electrical connection having one or more conductors, a portable computer disk, a hard disk, a RAM, a ROM, an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium may be any tangible medium that includes or stores a program. This program may be used by, or in combination with, an instruction execution system, apparatus, or device. On the other hand, in the present disclosure, the computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier, on which a computer-readable program code is carried. Such a propagated data signal can adopt various forms, including electromagnetic signals, optical signals, or any suitable combination of the above. The computer-readable signal medium may be any computer-readable medium other than the computer-readable storage medium. This computer-readable signal medium can transmit, propagate, or transmit a program for use by, or in combination with, an instruction execution system, apparatus, or device. The program code included on the computer-readable medium can be transmitted via any suitable medium, including electric wires, optical cables, radio frequency (RF), etc., or any suitable combination of the above.

[0112] In some embodiments, the client and the server can communicate using any network protocol known currently or to be researched / developed in the future, such as the HyperText Transfer Protocol (HTTP), and can be interconnected with digital data communication of any form or medium (e.g., communication network). Examples of communication networks include Local Area Network (LAN), Wide Area Network (WAN), World Wide Web (e.g., the Internet), and end-to-end network (e.g., ad hoc end-to-end network), and any network known currently or to be researched / developed in the future.

[0113] The computer-readable medium may be included in the electronic device or may exist independently without being assembled into this electronic device.

[0114] One or more programs are installed on the computer-readable medium. When the one or more programs are executed by this electronic device, the electronic device is caused to display a first control corresponding to first media content currently displayed in a first preset area of a media content display page, where the first media content includes at least two second media contents, the first control includes media content identifiers corresponding to each of the at least two second media contents, the first control is configured to switch and display the at least two second media contents, and in response to a target trigger operation acting on the media content display page, switch at least one of the media content identifiers to a second control, where the second control is configured to slide and adjust the display progress of at least a part of the first media content.

[0115] Computer program code for performing the operations of the present disclosure can be created in one or various programming languages or combinations thereof. The programming languages include object-oriented programming languages (e.g., Java (registered trademark), Smalltalk (registered trademark), C++), and also include general procedural programming languages (e.g., the "C" language or similar programming languages). The program code may be executed entirely on a user computer, partially on a user computer, executed as one independent software package, partially on a user computer and partially on a remote computer, or executed entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user computer via any type of network including a LAN or WAN, or may be connected to an external computer (e.g., connected via the Internet using an Internet service provider).

[0116] The flowcharts and block diagrams in the drawings illustrate the possible system architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, a program segment, or a portion of code. This module, program segment, or portion of code includes one or more executable instructions for implementing the specified logical function. Also, it should be noted that in some implementations as an alternative, the functions assigned to the blocks may occur in an order different from that shown in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, or depending on the functions involved, may sometimes be executed in the reverse order. Further, it should be noted that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, may be implemented by a dedicated system based on hardware that executes the specified functions or operations, or may be implemented by a combination of dedicated hardware and computer instructions.

[0117] The units described in connection with the embodiments of the present disclosure may be implemented in software or in hardware.

[0118] In this specification, the functions described above may be executed, at least in part, by one or more hardware logic components. For example, typical types of hardware logic components that can be used include Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), and so on.

[0119] In the context of the present disclosure, the machine-readable medium may be a tangible medium. It may contain, or store, a program for use by, or in combination with, an instruction execution system, apparatus, or device. The machine-readable medium may include an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. The machine-readable storage medium may include one or more wire-based electrical connections, portable computer diskettes, hard disks, RAM, ROM, erasable programmable read-only memory (EPROM or flash memory), optical fiber, CD-ROM, optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0120] According to one or more embodiments of the present disclosure, Example 1 provides a display control method. This display control method is Displaying a first control corresponding to first media content currently displayed in a first preset area of a media content display page, wherein the first media content includes at least two second media contents, the first control includes media content labels corresponding to each of the at least two second media contents, and the first control is configured to switch and display the at least two second media contents, and steps; In response to a target trigger operation acting on the media content display page, switching at least one of the media content labels to a second control, wherein the second control is configured to slide and adjust the display progress of at least a part of the first media content, including steps.

[0121] According to one or more embodiments of the present disclosure, in Example 2, according to the method described in Example 1, the second media content includes image or video content, and the step of switching at least one of the media content labels to a second control is Switching and displaying at least one of the media content labels to a thumbnail of the corresponding second media content, where the media content label is a graphics label.

[0122] According to one or more embodiments of the present disclosure, in Example 3, according to the method described in Example 1, after switching at least one of the media content labels to a second control, Determining a current position where the target slide operation slides in response to a target slide operation acting within a second preset area, and displaying second media content corresponding to a target second control displayed at the current position on the media content display page, further including steps, where the second preset area is a related area of the second control.

[0123] According to one or more embodiments of the present disclosure, in Example 4, by the method described in Example 3, the second control of the target has a display style different from that of other second controls other than the second control of the target displayed on the media content display page.

[0124] According to one or more embodiments of the present disclosure, in Example 5, by the method described in Example 3, after determining the current position where the target slide operation is slid, the method further includes the step of updating the second control of the target displayed at the current position in response to the current position being the first set position of the second preset area.

[0125] According to one or more embodiments of the present disclosure, in Example 6, by the method described in Example 5, the step of updating the second control of the target displayed at the current position includes the step of batch-updating the second controls displayed in the second preset area, or the step of controlling the second controls displayed in the second preset area to move in the same direction.

[0126] According to one or more embodiments of the present disclosure, in Example 7, by the method described in Example 1, the second media content is video content, and the step of switching the at least one media content label to a second control is the step of switching at least one media content label displayed in a first style to a second control displayed in a second style, and the at least one media content label includes a media content label corresponding to the currently played second media content, or includes the step of integrating the media content labels into one second control.

[0127] According to one or more embodiments of the present disclosure, in Example 8, according to the method described in Example 7, the step of switching the at least one media content label to the second control is including the step of increasing the display size of the at least one media content label.

[0128] According to one or more embodiments of the present disclosure, in Example 9, according to the method described in Example 7, after switching at least one of the media content labels displayed in the first style to a second control displayed in a second style, further including the step of controlling, according to a target slide operation acting within a third preset area, a progress adjustment label corresponding to at least a part of the first media content to move along the slide direction of the target slide operation, where the third preset area is a related area of the second control.

[0129] According to one or more embodiments of the present disclosure, in Example 10, according to the method described in Example 9, the step of controlling the progress adjustment label corresponding to at least a part of the first media content to move along the slide direction of the target slide operation is controlling the progress adjustment label to move in a second control corresponding to a second media content currently being played along the slide direction of the target slide operation, or controlling the progress adjustment label to move in second controls corresponding to a plurality of second media contents along the slide direction of the target slide operation.

[0130] According to one or more embodiments of the present disclosure, in Example 11, according to the method described in Example 10, the step of controlling the progress adjustment label to move in second controls corresponding to a plurality of second media contents along the slide direction of the target slide operation is In response to sliding the target slide operation to the second set position in the third preset area, until the trigger of the target slide operation ends or the progress adjustment indicator moves to the third set position in the third preset area, controlling the progress adjustment indicator to continue moving along the slide direction, and In response to the progress adjustment indicator sliding and moving to the fourth set position, updating the second control displayed at the fourth set position, includes at least one of the above.

[0131] According to one or more embodiments of the present disclosure, in Example 12, by the method described in Example 11, the step of updating the second control displayed at the fourth set position is controlling the second control displayed in the third preset area to move in the same direction and maintaining the display of the progress adjustment indicator at the fourth set position, or switching the current second control displayed at the fourth set position to the target second control adjacent to the current second control among the first controls, and adjusting the display position of the progress adjustment indicator according to the playback progress indicated by the progress adjustment indicator before switching, or collectively updating the second controls displayed in the third preset area and adjusting the display position of the progress adjustment indicator according to the playback progress indicated by the progress adjustment indicator before the collective update.

[0132] According to one or more embodiments of the present disclosure, in Example 13, by the method described in Example 7, after integrating the media content indicator into one second control, the method is Further comprising a step of controlling the progress adjustment identifier of the first media content to move in the second control along the slide direction of the target slide operation in response to the target slide operation acting within the third preset area, wherein the third preset area is a related area of the second control.

[0133] According to one or more embodiments of the present disclosure, Example 14 is by the method described in any one of Examples 3-6 and 9-13, Further comprising a step of restoring the second control to the media content identifier in response to the end of the target slide operation trigger.

[0134] According to one or more embodiments of the present disclosure, Example 15 is by the method described in any one of Examples 3-6 and 9-13, Further comprising a step of displaying at least a part of the first media content starting from the display progress corresponding to the target slide operation in response to the end of the target slide operation trigger.

[0135] According to one or more embodiments of the present disclosure, Example 16 is by the method described in any one of Examples 3-6 and 9-13, In response to a cancel operation for the target slide operation, restoring the second control to the media content identifier, and continuing to display at least a part of the first media content starting from the latest display progress of at least a part of the first media content before receiving the target slide operation.

[0136] According to one or more embodiments of the present disclosure, Example 17 is by the method described in any one of Examples 1-13, and the target trigger operation acts within the first preset area.

[0137] According to one or more embodiments of the present disclosure, Example 18 provides a display control device. This display control device is A first control display module configured to display a first control corresponding to first media content currently displayed in a first preset area of a media content display page, wherein the first media content includes at least two second media contents, the first control includes media content labels corresponding to each of the at least two second media contents, and the first control is configured to switch and display the at least two second media contents. A second control display module configured to switch at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page, wherein the second control is configured to slide and adjust the display progress of at least a part of the first media content. The electronic device includes the first control display module and the second control display module.

[0138] According to one or more embodiments of the present disclosure, Example 19 provides an electronic device. The electronic device includes one or more processors; a memory for storing one or more programs, wherein the one or more programs are executed by the one or more processors so that the one or more processors implement the display control method according to any one of Items 1 to 17 of Example 1.

[0139] According to one or more embodiments of the present disclosure, Example 20 provides a computer-readable storage medium. A computer program is stored on the computer-readable storage medium. When the program is executed by a processor, the display control method according to any one of Items 1 to 17 of Example 1 is implemented.

[0140] According to one or more embodiments of the present disclosure, Example 21 provides a computer program product. The computer program product is executed by a computer such that the computer implements the display control method according to any one of Items 1 to 17 of Example 1.

[0141] Note that although specific procedures are adopted to describe each operation, these operations should not be understood as requiring that they be executed in the specific procedures or sequential execution shown. In certain environments, parallel processing of multiple tasks may be advantageous. Some features described in the context of a single embodiment may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may be implemented in multiple embodiments alone or in any suitable sub-combination.

Claims

1. A display control method, comprising: displaying, in a first preset area of a media content display page, a first control corresponding to a first media content currently being displayed; wherein the first media content includes at least two second media contents; the first control includes media content labels corresponding to each of the at least two second media contents; the first control is configured to switch and display the at least two second media contents; a step; switching at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page; the second control is configured to slide and adjust at least a part of the display progress of the first media content; a step; and a method comprising the above.

2. The second media content includes an image or video content; the step of switching at least one of the media content labels to a second control is a step of switching at least one of the media content labels to a thumbnail of a corresponding second media content and displaying it, and the media content label is a graphics label. The method according to claim 1, comprising the above.

3. After switching at least one of the media content labels to a second control, the method further comprises: determining a current position where the target slide operation slides in response to a target slide operation acting within a second preset area, and displaying, on the media content display page, a second media content corresponding to the target second control displayed at the current position, wherein the second preset area is a related area of the second control. The method according to claim 1, comprising the above.

4. The target second control has a display style different from that of other second controls other than the target second control displayed on the media content display page. The method according to claim 3.

5. After determining the current position where the target slide operation slides, the method further comprises: Updating a second control of a target displayed at the current position in response to the current position being a first set position of the second preset area The method according to claim 3, comprising: **Claim 6** The step of updating the second control of the target displayed at the current position includes: The step of collectively updating the second controls displayed in the second preset area, or The step of controlling the second controls displayed in the second preset area to move in the same direction The method according to claim 5, comprising: **Claim 7** The second media content is video content, and the step of switching at least one of the media content labels to a second control includes: The step of switching at least one of the media content labels displayed in a first style to a second control displayed in a second style, where the at least one media content label includes a media content label corresponding to the currently played second media content, or The step of integrating the media content labels into one second control The method according to claim 1, comprising: **Claim 8** The step of switching at least one of the media content labels to a second control includes: Including the step of increasing the display size of at least one of the media content labels The method according to claim 7 **Claim 9** After switching at least one of the media content labels displayed in the first style to a second control displayed in the second style, the method further includes: Controlling a progress adjustment label corresponding to at least a part of the first media content to move along the slide direction of the target slide operation in response to a target slide operation acting within a third preset area, where the third preset area is an associated area of the second control The method according to claim 7, comprising: **Claim 10** The step of controlling a progress adjustment label corresponding to at least a part of the first media content to move along the slide direction of the target slide operation includes: Controlling such that the progress adjustment identifier moves along the slide direction of the target slide operation in a second control corresponding to the second media content currently being played, or Controlling such that the progress adjustment identifier moves along the slide direction of the target slide operation in second controls corresponding to a plurality of second media contents The method according to claim 9, comprising

11. The step of controlling such that the progress adjustment identifier moves along the slide direction of the target slide operation in second controls corresponding to a plurality of second media contents is Controlling such that the progress adjustment identifier continues to move along the slide direction until the trigger of the target slide operation ends or the progress adjustment identifier moves to a third preset position in the third preset area in response to the target slide operation being slid to a second preset position in the third preset area, and Updating a second control displayed at the fourth preset position in response to the progress adjustment identifier sliding and moving to the fourth preset position The method according to claim 10, comprising at least one of

12. The step of updating the second control displayed at the fourth preset position is Controlling such that the second control displayed in the third preset area moves in the same direction and maintaining displaying the progress adjustment identifier at the fourth preset position, or Switching the current second control displayed at the fourth preset position to a target second control adjacent to the current second control among the first controls and adjusting the display position of the progress adjustment identifier according to the playback progress indicated by the progress adjustment identifier before switching, or Updating the second controls displayed in the third preset area in a batch and adjusting the display position of the progress adjustment identifier according to the playback progress indicated by the progress adjustment identifier before the batch update The method according to claim 11, comprising

13. After integrating the media content identifier into one second control, the method further A step of controlling the progress adjustment indicator of the first media content to move in the second control along the slide direction of the target slide operation in response to the target slide operation acting within a third preset area, where the third preset area is a related area of the second control, The method according to claim 7, comprising:

14. The method further includes: A step of restoring the second control to the media content indicator in response to the trigger of the target slide operation ending, The method according to any one of claims 3 to 6 and claims 9 to 13.

15. The method further includes: A step of displaying at least a part of the first media content starting from the display progress corresponding to the target slide operation in response to the trigger of the target slide operation ending, The method according to any one of claims 3 to 6 and claims 9 to 13.

16. The method further includes: A step of restoring the second control to the media content indicator in response to a cancel operation for the target slide operation, and continuing to display at least a part of the first media content starting from the latest display progress of at least a part of the first media content before receiving the target slide operation, The method according to any one of claims 3 to 6 and claims 9 to 13.

17. The target trigger operation acts within the first preset area, The method according to any one of claims 1 to 13.

18. A display control device, A first control display module configured to display a first control corresponding to a first media content currently displayed in a first preset area of a media content display page, The first media content includes at least two second media contents, The first control includes media content indicators corresponding to each of the at least two second media contents, The first control is configured to switch and display the at least two second media contents, A first control display module, A second control display module configured to switch at least one of the media content labels to a second control in response to a target trigger operation acting on the media content display page. The second control is configured to slide and adjust the display progress of at least a part of the first media content. A second control display module; A display control device comprising:

19. An electronic device comprising at least one processor; And a memory communicatively connected to the at least one processor, wherein the memory stores a computer program executed by the at least one processor; when the computer program is executed by the at least one processor, the at least one processor is caused to perform the method according to any one of claims 1 to 13. An electronic device.

20. A computer-readable storage medium storing computer instructions, wherein when the computer instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 13. A computer-readable storage medium.

21. A computer program comprising computer instructions, wherein when the computer instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 13. A computer program.

Images