WO2023185519A1 - 显示控件方法、装置、电子设备、存储介质和程序产品 - Google Patents

显示控件方法、装置、电子设备、存储介质和程序产品 Download PDF

Info

Publication number
WO2023185519A1
WO2023185519A1 PCT/CN2023/082417 CN2023082417W WO2023185519A1 WO 2023185519 A1 WO2023185519 A1 WO 2023185519A1 CN 2023082417 W CN2023082417 W CN 2023082417W WO 2023185519 A1 WO2023185519 A1 WO 2023185519A1
Authority
WO
WIPO (PCT)
Prior art keywords
media content
control
display
target
displayed
Prior art date
Application number
PCT/CN2023/082417
Other languages
English (en)
French (fr)
Inventor
常为益
李亚平
杨佳蕙
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023185519A1 publication Critical patent/WO2023185519A1/zh

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47217—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4854—End-user interface for client configuration for modifying image parameters, e.g. image brightness, contrast

Definitions

  • the embodiments of the present disclosure relate to the field of computer technology, for example, to a display control method, device, electronic device, storage medium and program product.
  • video applications can provide functions such as video collection playback.
  • Embodiments of the present disclosure provide a display control method, device, electronic device, storage medium, and program product to improve the efficiency of adjusting the playback progress of a video.
  • embodiments of the present disclosure provide a display control method, including:
  • the first control corresponding to the currently displayed first media content is displayed in the first preset area of the media content display page, wherein the first media content includes at least two pieces of second media content, and the first control includes the Media content identifiers respectively corresponding to at least two pieces of second media content, and the first control is configured to switch and display the at least two pieces of second media content;
  • embodiments of the present disclosure also provide a display control device, including:
  • the first control display module is configured to display the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, wherein the first media content includes at least two pieces of second media content,
  • the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content, and the first control is configured to switch and display the at least two pieces of second media content;
  • the second control display module is configured to respond to the target acting on the media content display page. An operation is triggered to switch at least one of the media content identifiers to a second control, wherein the second control is configured to slidely adjust the display progress of at least part of the first media content.
  • embodiments of the present disclosure also provide an electronic device, including:
  • processors one or more processors
  • memory for storing one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the display control method as described in the embodiments of the present disclosure.
  • embodiments of the disclosure further provide a computer-readable storage medium on which a computer program is stored.
  • the program is executed by a processor, the display control method as described in the embodiments of the disclosure is implemented.
  • embodiments of the disclosure further provide a computer program product.
  • the computer program product When the computer program product is executed by a computer, the computer implements the display control method as described in the embodiments of the disclosure.
  • Figure 1 is a schematic flowchart of a display control method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic display diagram of a first control provided by an embodiment of the present disclosure
  • FIG. 3 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic display diagram of a second control provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic flowchart of yet another display control method provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic display diagram of another second control provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic display diagram of yet another second control provided by an embodiment of the present disclosure.
  • Figure 8 is a structural block diagram of a display control device provided by an embodiment of the present disclosure.
  • FIG. 9 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • FIG. 1 is a schematic flowchart of a display control method provided by an embodiment of the present disclosure.
  • the method can be executed by a display control device, wherein the device can be implemented by software and/or hardware, and can be configured in an electronic device. For example, it can be configured in a mobile phone or a tablet computer.
  • the display control method provided by the embodiment of the present disclosure is suitable for adjusting the display progress of media content containing multiple sub-media content. As shown in Figure 1, the display control method provided by this embodiment may include:
  • the media content display page can be understood as a page used to display media content.
  • the media content display page may include a first preset area for displaying a first control corresponding to the currently displayed first media content.
  • the first media content can be understood as the media content displayed on the media content display page at the current moment, which may include at least two pieces of second media content.
  • the second media content may be a picture Or video, different second media content can exist independently in the first media content. It can be understood that the first media content may be a collection of multiple second media contents.
  • the first control may be a control used to switch and display different second media content in the first media content, etc.
  • the first control may be provided with at least two pieces of second media content included in the first media content corresponding to each other.
  • Media content identification is a page used to display media content.
  • the media content identification may be a graphic identification or other identification, and the media content identification corresponding to different second media contents has different display styles and/or is located in different display positions in the first preset area.
  • the first preset area can be understood as the response area of the first control in the media content display page.
  • the first control of the first media content can be displayed in the first preset display area of the media content display page, such as
  • the media content identifiers 20 respectively corresponding to the multiple pieces of second media content included in the first media content are displayed at different positions in the first preset display area, as shown in Figure 2 as shown (in the figure, the media content identifier 20 is used as a line segment as an example).
  • the media content identification 20 corresponding to the second media content that has been displayed (the two media content identifications 20 on the left side in the figure) and the media content identification 20 corresponding to the second media content that has not been displayed (as shown in the figure) can be
  • the three media content identifiers 20) on the right side of the middle are displayed in different styles, such as different colors and/or transparency, etc., in order to distinguish the second media content that has been displayed and the second media content that has not been displayed, Alternatively, determine the second media content currently being displayed.
  • switch 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, wherein the second control is configured to slide and adjust the first media content. Show progress at least partially.
  • the first control can only be used to switch and display multiple pieces of second media content in sequence according to the order in which the multiple pieces of second media content are arranged, the first control can be switched to the second control in response to the user's corresponding triggering operation. , enabling the user to use the second control to quickly adjust at least part of the display progress of the first media content, simplifying operations required to adjust the playback progress of the first media content, and meeting the user's need to quickly adjust the display progress of the first media content.
  • the target triggering operation may be a triggering operation of switching one or more media content identifiers displayed in the media content display page to the second control.
  • the target triggering operation may act on the media content display page.
  • the target The trigger operation can be a click operation or a long press operation on the media content display page, etc.
  • the target triggering operation acts within the first preset area, that is, the target triggering operation may be a triggering operation for the first control.
  • the second control may be used to slide to adjust the currently displayed second media content and/or slide to adjust the display progress of the currently displayed second media content.
  • the user when the user wants to adjust the display progress of the first media content, the user can perform a target triggering operation, such as long pressing the first control displayed on the media content display page.
  • the electronic device is receiving
  • the user's target triggers the operation one or more media content identifiers displayed on the media content display page are switched to the second control. Therefore, the user can switch the display progress of at least part of the first media content through the sliding operation on the second control, such as switching the currently displayed second media content and/or switching the display of the currently displayed second media content. schedule.
  • the media content identifier corresponding to the currently displayed second media content can be switched.
  • switch the media content identifier that the target trigger operation acts on to the second control switch multiple media content identifiers to the second control respectively, or merge each media content identifier into a second control, etc. wait.
  • the display control method provided by this embodiment displays the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, where the first media content includes at least two pieces of second media content,
  • the first control includes media content identifiers respectively corresponding to the above-mentioned at least two pieces of second media content.
  • the first control is configured to switch and display the at least two pieces of second media content; in response to a target trigger acting on the media content playback page
  • at least one media content identifier is switched to a second control, wherein the second control is configured to slidely adjust the display progress of at least part of the first content.
  • at least part of the first content may be a second media content or a content segment composed of multiple second media contents.
  • This embodiment uses the above method to switch the media content identification in the first control to the second control, and adjusts the display progress of the first media content through the second control, which can simplify the operations required to adjust the display progress of the first media content. , improve the adjustment efficiency of the display progress of the first media content.
  • FIG. 3 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • the solutions in this embodiment can be combined with one or more optional solutions in the above embodiments.
  • the second media content is picture or video content
  • switching at least one of the media content identifiers to a second control includes: switching and displaying at least one of the media content identifiers as corresponding second media content.
  • thumbnail wherein the media content identification is a graphic identification.
  • the method further includes: in response to a target sliding operation acting in the second preset area, determining the current position to which the target sliding operation slides. , and display the second media content corresponding to the target second control displayed at the current position in the media content display page, wherein the second preset area is an associated area of the second control.
  • the display control method provided by this embodiment further includes: in response to the target sliding operation triggering the end, restoring the second control to the media content identification.
  • the display control method provided by this embodiment further includes: in response to the target sliding operation triggering the end, displaying at least part of the first media content using the display progress corresponding to the target sliding operation as a starting point.
  • the display control method provided by this embodiment may include:
  • the At least one media content identifier 20 (as shown in FIG. 2 ) displayed in the form of a graphic identifier (such as a line segment or a point, etc.) is switched to a second control displayed in the form of a thumbnail 40 , as shown in FIG. 4 , so that the user Through the thumbnails of each second media content, one can quickly understand the pictures in the corresponding second media content and determine the second media content they want to view.
  • the media content identifiers of each second media content can be switched to display corresponding A thumbnail image corresponding to the second media content.
  • the continuous preset number of media contents including the current second media content displayed on the media content display page may be identified.
  • the media content identification is switched and displayed as a thumbnail corresponding to the corresponding second media content. For example, each media content identification is switched to a thumbnail, and only the current second media displayed on the media content display page is displayed on the media content display page.
  • a consecutive preset number of thumbnails including the thumbnails corresponding to the content; or, only a preset number of consecutive media content identifiers including the media content identifier of the current second media content displayed on the media content display page Switch the display to the thumbnail corresponding to the corresponding second media content, and cancel the display of other media content identifiers.
  • the thumbnail corresponding to each media content may not be displayed.
  • the media content identification displayed in the first style may be switched to The second control displayed in the second style, etc.
  • the first style and the second style may both be graphic styles, and they may have different display sizes.
  • the second preset area can be understood as the response area of the second control, that is, the hot area of the second control, such as the display area where the second control is located, which may be the same or different area from the first preset area.
  • the target sliding operation may be a sliding operation along a preset direction. For example, when the second controls are arranged horizontally, the target sliding operation may be a horizontal sliding operation; when the second controls are arranged vertically, the target sliding operation may be a vertical sliding operation. operate.
  • the current position can be understood as the position to which the target sliding operation slides at the current moment, that is, the position where the touch point corresponding to the target sliding operation is located.
  • the target second control may be the second control displayed at the current position, and the target second control may have different characteristics from other second controls displayed on the media content display page except the target second control. Display style to distinguish the currently triggered second control.
  • the second media content corresponding to the second control displayed at the position to which the target sliding operation is slid can be displayed on the media content display page, so that the user can view the second control. Preview the second media content, and quickly determine whether to switch the display progress of the first media content to the display progress corresponding to the second media content.
  • each second control after the second control is displayed, the user can slide horizontally in the second preset area.
  • the electronic device can periodically determine the current position to which the user slides horizontally and the target second control displayed at the current position, and change the current second control displayed on the media content display page.
  • the media content is switched to the second media content corresponding to the target second control, and the target second control can be displayed in a certain style, and the media content displayed on the page other than the target second control can be displayed.
  • Other secondary controls are displayed in another style.
  • the target second control may have a larger display size, such as a larger height and/or width, as shown in Figure 4 (in Figure 4, the third second control is The control is the target second control as an example).
  • the method further includes: in response to the current position being the first set position of the second preset area, updating the current position.
  • the target second control displayed at the position.
  • the second control displayed at the set position can be automatically updated, thereby, The user can preview different second media content on the media content display page without continuing to slide, and the undisplayed second control can be moved into the second preset area for display, so that the user can preview the second control corresponding to the second control. Preview the second media content or switch to display the second media corresponding to the second control content.
  • the current position is the first set position. If the current position is the first set position, update the second target position displayed at the current position. control, and display the second media content corresponding to the target second control displayed at the current position in the media content display page; if the current position is not the first set position, no processing will be performed on the target second control displayed at the current position. Update, only the second media content corresponding to the target second control displayed at the current position is displayed in the media content display page.
  • the first set position can be any set position within the second preset area, or can be the boundary position of the second preset area.
  • the first set position can be is the left border position or the right border position of the second preset area; when the second controls are arranged vertically, the first setting position may be the upper border position or the lower border position of the second preset area.
  • the update method of the target second control displayed at the current position can be flexibly set.
  • each second control displayed in the second preset area can be updated in batches, such as changing the second preset area
  • the n (n is a positive integer) second controls displayed in are updated to another n second controls not displayed at the current moment; each second control displayed in the second preset area can also be controlled to move along the set direction. , to move the second controls that are not displayed at the current moment into the second preset area for display.
  • each second control displayed in the second preset area can be controlled to move right/left synchronously to update the target second control displayed at the left border position/right border position.
  • updating the target second control displayed at the current position includes: batch updating each second control displayed in the second preset area; or, controlling the second preset area. It is assumed that each second control displayed in the area moves in the same direction.
  • the target sliding operation can be a sliding operation performed continuously with the target triggering operation.
  • the target triggering operation is a long press operation
  • the user can directly slide after the long press without lifting the finger; thus,
  • the target triggering operation is completed, for example, when the user directly lifts his finger without sliding after performing the target triggering operation, the second control can be restored to the media content identification.
  • the starting position of the target sliding operation is the first set position of the second preset area, after switching the media content identifier to the second control, the target second displayed at the first set position can also be updated.
  • Control for example, if the user keeps pressing at the first set position, the media content identifier can be first switched to the second control, and then the target second control displayed at the first set position is updated until the user slides out until the first setting position or the long press operation is triggered.
  • the display progress corresponding to the target sliding operation may be the display progress adjusted to when the target sliding operation is triggered.
  • the second media content corresponding to the second control slid to when the target sliding operation is triggered is ended in the first media. Display progress in content.
  • the second control can be restored to the media content identification; and/or the target sliding operation can be kept displayed on the media content display page.
  • the second media content displayed on the media content display page when the operation trigger ends will no longer automatically switch to the second media content displayed on the media content display page, or the second media content displayed on the media content display page when the target sliding operation trigger ends.
  • the displayed second media content is used as a starting point, and the second media content and each second media content ranked after the second media content in the first media content are continued to be displayed.
  • the user when the media content identifier is switched to the second control, the user can preview any second media content included in the first media content through a simple sliding operation.
  • the sliding operation in terms of the method of switching the currently displayed second media content to another second media content adjacent to it only according to the order in which the second media contents are arranged in the first media content, the second media content can be realized. Quickly switch media content, meet users' different switching needs, and improve user experience.
  • the display control method provided by this embodiment further includes: in response to an undo operation for the target sliding operation, restoring the second control to the media content identification, and receiving the target sliding operation.
  • the latest display progress of at least part of the first media content before the sliding operation is the display starting point, and at least part of the first media content continues to be displayed.
  • the undo operation can be used to undo the target sliding operation.
  • the undoing operation can be a sliding operation in a different sliding direction from the target sliding operation.
  • the target sliding operation is a horizontal sliding operation
  • the undoing operation can be a vertical sliding operation. Slide operation.
  • the user can perform an undo operation, such as changing from horizontal sliding to vertical sliding.
  • the electronic device receives the undo operation for the target sliding operation, it can restore the second control displayed in the media content display page to the media content identification, and use the first media content as the first media content before receiving the target sliding operation.
  • the latest display progress is the display starting point, and each second media content in the first media content is continued to be displayed, or the second media content corresponding to the display starting point is kept displayed.
  • the display control method provided by this embodiment can not only realize rapid switching of the display progress of the first media content, but also realize the preview of the second media content included in the first media content, thereby improving the switching efficiency of the display progress. This avoids the need to repeatedly perform sliding operations to find satisfactory display progress and improves user experience.
  • FIG. 5 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • the solutions in this embodiment can be combined with one or more optional solutions in the above embodiments.
  • the second media content is video content
  • switching at least one of the media content identifiers to a second control includes: switching at least one of the media content identifiers displayed in the first style to display It is a second control of the second style, wherein the at least one media content identifier includes a media content identifier corresponding to the currently played second media content; or each media content identifier is merged into one second control.
  • the method further includes: responding to a target acting in the third preset area.
  • the sliding operation controls at least part of the progress adjustment indicator corresponding to the first media content to move along the sliding direction of the target sliding operation, wherein the third preset area is an associated area of the second control.
  • the method further includes: in response to a target sliding operation acting in the third preset area, controlling the progress of the first media content to adjust the identifier along the The sliding direction of the target sliding operation moves in the second control, wherein the third preset area is an associated area of the second control.
  • the display control method provided by this embodiment may include:
  • the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, and execute S302 or S304, wherein the first media content includes at least two pieces of second media content, so
  • the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content.
  • the first control is configured to switch and display the at least two pieces of second media content.
  • the second media content is a video. content.
  • the media content identifiers 20 (as shown in FIG. 2 ) corresponding to one or more second media contents including the currently played second media content may be respectively Switch to the second control 60 corresponding to the corresponding second media content, such as switching the media content identification 20 corresponding to one or more second media contents including the currently displayed second media content from the first style to the third style.
  • the second control 60 corresponding to the second media content is obtained, and the second control 60 corresponding to the currently played second media content can be displayed on the media content display page, as shown in Figure 6, so that the user can pass
  • the second control 60 adjusts the playback progress of the corresponding second media content or switches the currently played second media content.
  • the first style and the second style may have different display sizes. Therefore, when switching a certain media content identifier to the second control, the display size of the media content identifier can be increased, such as increasing the length of the media content identifier to a preset length, and/or changing the media content identifier to a preset length.
  • the width of the logo increases to the default width.
  • switching at least one of the media content identifiers to a second control includes: increasing the display size of at least one of the media content identifiers.
  • the third preset area is the associated area of the second control.
  • the third preset area can be understood as the response area of the second control in the media content display page, which may be the same or different area from the first preset area and the second preset area, such as the third preset area.
  • the size (eg, height) of the area may be larger than the size of the first preset area, and may be smaller than the size of the second preset area.
  • the electronic device may display a progress adjustment indicator in the second control 60 corresponding to the second media content according to the playback progress of the currently played second media content.
  • the progress adjustment mark indicates the playback progress of at least part of the first media content (including the currently played second media content). Therefore, when the user wants to adjust the playback progress of the first media content/the second media content, the user can perform a target sliding operation.
  • the electronic device can control the progress adjustment indicator to move in the second control 60 along the sliding direction of the target sliding operation, or control the progress adjustment indicator to slide along the target. The sliding direction of the operation is moved among different second controls 60 to adjust the playback progress indicated by the progress adjustment mark.
  • controlling the progress adjustment identification corresponding to at least part of the first media content to move along the sliding direction of the target sliding operation may include: controlling the progress adjustment identification to move along the sliding direction of the target sliding operation.
  • the sliding direction moves in the second control corresponding to the currently played second media content.
  • the progress adjustment indicator may only be used to adjust the playback progress of the currently played second media content.
  • the progress adjustment logo can only be moved in the second control corresponding to the currently played second media content, but cannot be moved across the second control.
  • a progress adjustment indicator may be displayed in the second control 60 corresponding to the currently played second media content. Therefore, when the target sliding operation is received, the progress adjustment indicator can be controlled to move in the second control 60 corresponding to the currently played second media content along the sliding direction of the target sliding operation to adjust the second media content. playback progress.
  • the progress adjustment indicator mentioned above can only be used in the second media currently being played.
  • Moving in the second control corresponding to the content can be understood to mean that when the position of the progress adjustment indicator is adjusted based on the target sliding operation, the progress adjustment indicator can only move in the second control. It can be understood that when the position of the media content identification is automatically updated as the first media content is played, the progress adjustment identification can be moved among different media content identifications or different second controls.
  • controlling the progress adjustment identification corresponding to at least part of the first media content to move along the sliding direction of the target sliding operation includes: controlling the progress adjustment identification to move along the sliding direction of the target sliding operation.
  • the sliding direction moves in the second control corresponding to the multiple pieces of second media content.
  • the progress adjustment indicator can not only be used to adjust the playback progress of the currently played second media content, but can also be used to switch the currently played second media content. In other words, the progress adjustment indicator can be moved in the second control corresponding to different second media contents.
  • a progress adjustment indicator may be displayed in the second control 60 corresponding to the currently played second media content. Therefore, when the target sliding operation is received, the progress adjustment mark can be controlled to move in the second control 60 corresponding to each second media content along the sliding direction of the target sliding operation to switch the currently played second media content. Or adjust the playback progress of the currently played second media content.
  • the controlling the progress adjustment identification to move in the second controls corresponding to the multiple pieces of second media content along the sliding direction of the target sliding operation includes at least one of the following: in response to the The target sliding operation slides to the second setting position of the third preset area, and the progress adjustment mark is controlled to continue to move along the sliding direction until the target sliding operation is triggered or the progress adjustment mark moves to the desired position. to the third setting position of the third preset area; in response to the progress adjustment mark sliding to the fourth setting position, the second control displayed at the fourth setting position is updated.
  • the second setting position, the third setting position and the fourth setting position may be the same or different setting positions in the third preset area.
  • the second setting position, the third setting position and the fourth setting position may be the same or different setting positions in the third preset area.
  • the fourth setting position is the same setting position in the third preset area.
  • the setting position can be the boundary position of the third preset area.
  • the setting position can be It is the left boundary position or the right boundary position of the third preset area.
  • the progress adjustment indicator can be controlled to move in each second control along with the sliding direction of the target sliding operation. And during the sliding process of the target sliding operation, it is determined whether the target sliding operation slides to the second setting position of the third preset area, and in response to the target sliding operation sliding to the second setting position of the third preset area, The progress adjustment mark is controlled to continue moving along the moving direction corresponding to the second set position until the progress adjustment mark moves to the third set position of the third preset area.
  • the second control displayed at the fourth position is updated so as to continue to adjust the playback progress indicated by the progress adjustment mark.
  • the target sliding operation is a sliding operation to the right and the second set position
  • the third set position and the fourth set position are all boundary positions of the third preset area
  • the progress adjustment mark can be controlled to move along the sliding direction of the target sliding operation, and it can be periodically determined whether the target sliding operation has slid to the right boundary position of the third preset area and whether the progress adjustment mark has moved to the right of the third preset area.
  • the boundary position in response to the target sliding operation not sliding to the right boundary position of the third preset area and the progress adjustment logo not moving to the right boundary position of the third preset area, continue to control the progress adjustment logo along the target sliding operation.
  • the progress adjustment logo in response to the target sliding operation sliding to the right boundary position of the third preset area and the progress adjustment logo has not moved to the right boundary position of the third preset area, the progress adjustment logo is controlled to continue moving along its original movement Directional movement, that is, moving to the right; in response to the target sliding operation, sliding or not sliding to the right boundary position of the third preset area and the progress adjustment indicator moves to the right boundary position of the third preset area, updating the right boundary position The second control displayed at the location.
  • the position of the progress adjustment logo can be kept unchanged, and each second control displayed in the third preset area can be controlled to move in the same direction to adjust the progress adjustment logo in the second control. position, and then adjust the playback progress indicated by the progress adjustment mark.
  • the second control in the third preset area is controlled to move to the left; when the progress adjustment mark moves to the right boundary position of the third preset area, When the adjustment mark moves to the left boundary position of the third preset area, control the second control in the third preset area to move to the right to move the second control in the undisplayed third preset area into the third preset area is displayed.
  • updating the second controls displayed at the fourth set position may include: controlling each second control displayed in the third preset area to move in the same direction and keep it at the third preset area.
  • the progress adjustment mark is displayed at the four setting positions.
  • the current second control displayed at the fourth set position can be switched to a second control adjacent to the current second control among the first controls (ie, the target second control),
  • the second control displayed at the fourth setting position can be switched to a second control in the first control that is adjacent to the second control and located on the left/right side of the second control, and the logo can be adjusted according to the progress before updating.
  • adjust the position of the progress adjustment mark in the second control to prevent the display progress indicated by the progress adjustment mark from jumping.
  • 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 first control that is the same as the current control.
  • the second control is adjacent to the target second control, and the display position of the progress adjustment mark is adjusted according to the playback progress indicated by the progress adjustment mark before switching.
  • each second control displayed in the third preset area can be updated in batches.
  • m (m is a positive integer) second controls displayed completely in the third preset area can be updated. cut Replace with another m second controls in the first control that are continuously arranged with the m second controls and located on the left/right side of the m second controls, and adjust according to the display progress indicated by the progress adjustment indicator before updating.
  • the position of the progress adjustment mark in the second control is used to prevent the display progress indicated by the progress adjustment mark from jumping.
  • the updating of the second controls displayed at the fourth set position may include: updating the second controls displayed in the third preset area in batches, and adjusting the progress according to the progress before the batch update.
  • the playback progress indicated by the logo adjusts the display position of the logo according to the progress.
  • each media content identifier may also be merged into a second control corresponding to the first media content.
  • each media content identifier displayed in a graphical form may be merged into a larger control.
  • Large graphics, and the size of multiple media content identifiers can be increased before merging or the size of the merged graphics can be increased after merging to obtain a second control corresponding to the first media content.
  • the media content identifier 20 corresponding to each second media content may be displayed in the form of a line segment. Therefore, when the target trigger operation is received, multiple media content identifiers (ie, multiple line segments) can be merged into one longer line segment in response to the target trigger operation, and the width of the merged line segment can be increased. In order to set the width, a progress bar corresponding to the first media content is obtained as the second control 70 corresponding to the first media content, as shown in FIG. 7 .
  • the user can adjust the position of the progress adjustment mark of the first media content in the second control by performing a target sliding operation.
  • the electronic device can control the progress adjustment logo in the second control to move in the second control, such as controlling the progress adjustment logo to follow the target in the second control.
  • the sliding direction of the sliding operation moves synchronously to adjust the playback time node indicated by the progress adjustment indicator in the second control, that is, to adjust the playback progress indicated by the progress adjustment indicator in the second control.
  • the second control can be restored to the media content identification; and/or, on the media content display page
  • the second media content corresponding to the playback progress indicated by the progress adjustment indicator of the first media content at the end of the triggering of the middle play or loop playback target sliding operation will no longer automatically switch to other second media content in the first media content for playback.
  • use the playback progress indicated by the progress adjustment mark of the first media content when the target sliding operation is triggered as the playback starting point and continue to display the second media content corresponding to the playback point and the first media content in the order of the playback point. each second media content following the second media content.
  • the display control method provided by this embodiment switches the progress adjustment identification corresponding to each second media content to a second control corresponding to the second media content, or merges the progress adjustment identification corresponding to each second media content into A second control corresponding to the first media content can quickly adjust the display progress of the first media content in a variety of ways to meet the user's progress adjustment needs and improve the user experience.
  • FIG. 8 is a structural block diagram of a display control device provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, can be configured in an electronic device, for example, can be configured in a mobile phone or a tablet computer, and can control the displayed media content by executing a display control method.
  • the display control device provided by this embodiment may include: a first control display module 801 and a second control display module 802, wherein,
  • the first control display module 801 is configured to display the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, wherein the first media content includes at least two pieces of second media content.
  • the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content, and the first control is configured to switch and display the at least two pieces of second media content;
  • the second control display module 802 is configured to switch at least one of the media content identifiers 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 adjustment. Display progress of at least part of the first media content.
  • the display control device uses the first control display module to display the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, where the first media content includes at least two pieces of second media content, the first control includes media content identifiers corresponding to the at least two pieces of second media content, and the first control is configured to switch and display at least two pieces of second media content; through the second control display module In response to a target triggering operation in the media content playback page, at least one media content identifier is switched to a second control, wherein the second control is configured to slidely adjust the display progress of at least part of the first content.
  • This embodiment uses the above method to switch the media content identification in the first control to the second control, and adjusts the display progress of the first media content through the second control, which can simplify the operations required to adjust the display progress of the first media content. , improve the adjustment efficiency of the display progress of the first media content.
  • the second media content may be picture content, for example, and the second control display module 802 may be configured to switch at least one of the media content identifiers to the second control in the following manner: changing at least one of the The media content identification is switched and displayed as a thumbnail image of the corresponding second media content, wherein the media content identification is a graphic identification.
  • the display control device may further include: a first content display module configured to, after the at least one media content identifier is switched to the second control, in response to acting on the second preset area
  • the target sliding operation within the target sliding operation determines the current position to which the target sliding operation slides, and displays the second media content corresponding to the target second control displayed at the current position in the media content display page, wherein, the The second preset area is an associated area of the second control.
  • the target second control and other second controls other than the target second control displayed in the media content display page may have different display styles.
  • the display control device may further include: a control update module configured to, after determining the current position to which the target sliding operation slides, in response to the current position being the second predetermined position. Set the first set position of the area, and update the target second control displayed at the current position.
  • a control update module configured to, after determining the current position to which the target sliding operation slides, in response to the current position being the second predetermined position. Set the first set position of the area, and update the target second control displayed at the current position.
  • control update module may be configured to update the target second control displayed at the current position in the following manner: batch update each second control displayed in the second preset area; or, control Each second control displayed in the second preset area moves in the same direction.
  • the second media content may be video content
  • the second control display module 802 may include: a control switching unit configured to switch at least one of the media content identifiers displayed in the first style to A second control displayed in a second style, wherein the at least one media content identifier includes a media content identifier corresponding to the currently played second media content; or, the control merging unit is configured to merge each media content identifier into A secondary control.
  • the second control display module 802 may be configured to switch at least one of the media content identifiers to a second control in the following manner: increasing the display size of at least one of the media content identifiers.
  • the display control device may further include: a movement control module configured to control at least part of the corresponding progress of the first media content in response to a target sliding operation acting in the third preset area.
  • the adjustment mark moves along the sliding direction of the target sliding operation, wherein the third preset area is an associated area of the second control.
  • the first control module may include: a first mobile control unit configured to control the progress adjustment indicator to control the second control corresponding to the second media content currently being played along the sliding direction of the target sliding operation. middle movement, or, a second movement control unit, configured to control the progress The adjustment mark moves in the second controls corresponding to the plurality of pieces of second media content along the sliding direction of the target sliding operation.
  • the second movement control unit may include at least one of the following: a movement control subunit configured to slide to the second set position of the third preset area in response to the target sliding operation, control The progress adjustment mark continues to move along the sliding direction until the target sliding operation is triggered or the progress adjustment mark moves to the third setting position of the third preset area; the control update subunit, sets In response to the progress adjustment indicator sliding to a fourth setting position, the second control displayed at the fourth setting position is updated.
  • control update subunit may be configured to update the second control displayed at the fourth set position in the following manner: controlling each second control displayed in the third preset area to be in the same direction, and keep displaying the progress adjustment mark at the fourth set position; or, switch the current second control displayed at the fourth set position to the first control that is the same as the current one.
  • the second control is adjacent to the target second control, and adjusts the display position of the progress adjustment indicator according to the playback progress indicated by the progress adjustment indicator before switching; or, batch updates each of the information displayed in the third preset area.
  • the second control adjusts the display position of the progress adjustment mark according to the playback progress indicated by the progress adjustment mark before the batch update.
  • the display control device may further include: a second control module configured to, after merging the media content identifiers into a second control, respond to the control function acting in the third preset area.
  • Target sliding operation controlling the progress adjustment indicator of the first media content to move in the second control along the sliding direction of the target sliding operation, wherein the third preset area is an associated area of the second control .
  • the display control device may further include: a restoration module configured to restore the second control to the media content identification in response to the target sliding operation triggering the end.
  • a restoration module configured to restore the second control to the media content identification in response to the target sliding operation triggering the end.
  • the display control device may further include: a second content display module configured to trigger the end in response to the target sliding operation, and display the display progress corresponding to the target sliding operation as a starting point. at least part of the first media content.
  • the display control device may further include: an undo module configured to respond to the undo operation for the target sliding operation, restore the second control to the media content identification, and receive the The latest display progress of at least part of the first media content before the target sliding operation is the display starting point, and at least part of the first media content continues to be displayed.
  • an undo module configured to respond to the undo operation for the target sliding operation, restore the second control to the media content identification, and receive the The latest display progress of at least part of the first media content before the target sliding operation is the display starting point, and at least part of the first media content continues to be displayed.
  • the target triggering operation may act within the first preset area.
  • the display control device provided by the embodiment of the present disclosure can execute the display control method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the display control method. Not in this example For detailed technical details, please refer to the display control method provided by any embodiment of the present disclosure.
  • Terminal devices in embodiments of the present disclosure may include mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), tablet computers (Portable Android Device, PAD), portable multimedia players (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital televisions (television, TV), desktop computers, etc.
  • PDA Personal Digital Assistant
  • PAD Portable Multimedia Player
  • PMP Portable Multimedia Player
  • mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals)
  • fixed terminals such as digital televisions (television, TV), desktop computers, etc.
  • the electronic device shown in FIG. 9 is only an example.
  • the electronic device 900 may include a processing device (such as a central processing unit, a graphics processor, etc.) 901, which may process data according to a program stored in a read-only memory (Read-Only Memory, ROM) 902 or from a storage device. 908 loads the program in the random access memory (Random Access Memory, RAM) 903 to perform various appropriate actions and processing. In the RAM 903, various programs and data required for the operation of the electronic device 900 are also stored.
  • the processing device 901, ROM 902 and RAM 903 are connected to each other via a bus 904.
  • An input/output (I/O) interface 905 is also connected to bus 904.
  • the following devices can be connected to the I/O interface 905: input devices 906 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 907 such as a speaker, a vibrator, etc.; a storage device 908 including a magnetic tape, a hard disk, etc.; and a communication device 909.
  • the communication device 909 may allow the electronic device 900 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 9 illustrates an electronic device 900 having various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program including program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via communication device 909, or from storage device 908, or from ROM 902.
  • the processing device 901 the above-mentioned functions in the method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in 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 electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination thereof.
  • the computer-readable storage medium may include an electrical connection having one or more conductors, Portable computer disk, hard disk, RAM, ROM, Erasable Programmable Read-Only Memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM ), an optical storage device, a magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code contained on a computer-readable medium can be transmitted using any appropriate medium, including: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the client and server can communicate using any currently known or future developed network protocol, such as HyperText Transfer Protocol (HTTP), and can communicate with digital data in any form or medium.
  • HTTP HyperText Transfer Protocol
  • Communications e.g., communications network
  • Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any current network for knowledge or future research and development.
  • LANs Local Area Networks
  • WANs Wide Area Networks
  • the Internet e.g., the Internet
  • end-to-end networks e.g., ad hoc end-to-end networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries one or more programs.
  • the electronic device causes the electronic device to: display the currently displayed first media in the first preset area of the media content display page.
  • a first control corresponding to the content, wherein the first media content includes at least two pieces of second media content, the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content, and the first The control is configured to switch and display the at least two pieces of second media content; in response to a target trigger operation acting on the media content display page, at least one of the media content identifiers is switched to the second control, wherein the The second control is configured to slide and adjust the display progress of at least part of the first media content.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional Procedural programming language—such as "C" or a similar programming language.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer Executed on-machine, or entirely on a remote computer or server.
  • the remote computer may be connected to the user computer through any kind of network, including a LAN or WAN, or may be connected to an external computer (eg, through the Internet using an Internet service provider).
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Parts
  • SOC System on Chip
  • CPLD Complex Programmable Logic Device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or devices, or any suitable combination of the foregoing.
  • Machine-readable storage media may include electrical connections based on one or more wires, portable computer disks, hard drives, RAM, ROM, erasable programmable read-only memory (EPROM or flash memory), fiber optics, CD-ROM, optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • Example 1 provides a display control method, including:
  • a first control wherein the first media content includes at least two pieces of second media content, the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content, and the first control is set to Switch and display the at least two pieces of second media content;
  • Example 2 is based on the method of Example 1, the second media content is picture or video content, and switching at least one of the media content identifiers to a second control includes: :
  • Example 3 is based on the method of Example 1, after the at least one media content identifier is switched to a second control, further comprising:
  • the target sliding operation acting in the second preset area determines the current position to which the target sliding operation slides, and display the target second control corresponding to the displayed position at the current position in the media content display page second media content, wherein the second preset area is an associated area of the second control.
  • Example 4 is based on the method of Example 3, the target second control is different from other third controls displayed in the media content display page except the target second control.
  • the two controls have different display styles.
  • Example 5 is according to the method of Example 3, after determining the current position to which the target sliding operation slides, the method further includes:
  • the target second control displayed at the current position is updated.
  • Example 6 is based on the method of Example 5, and updating the target second control displayed at the current location includes:
  • the second control displayed in the second preset area is controlled to move in the same direction.
  • Example 7 is based on the method of Example 1, the second media content is video content, and switching at least one of the media content identifiers to a second control includes:
  • the media content identifiers are merged into a second control.
  • Example 8 is based on the method of Example 7, and switching at least one of the media content identifiers to a second control includes:
  • Example 9 is according to the method of Example 7, in said switching at least one of the media content identifiers displayed in the first style to a second control displayed in the second style. After that, it also includes:
  • Example 10 is based on the method of Example 9, the controlling the progress adjustment identification corresponding to at least part of the first media content to move along the sliding direction of the target sliding operation, including :
  • the progress adjustment indicator is controlled to move in the second control corresponding to the plurality of pieces of second media content along the sliding direction of the target sliding operation.
  • Example 11 is based on the method of Example 10, and the progress adjustment identifier is controlled to move in a second control corresponding to multiple pieces of second media content along the sliding direction of the target sliding operation. , including at least one of the following:
  • the progress adjustment mark is controlled to continue to move along the sliding direction until the target sliding operation is triggered or the progress adjustment is completed. Until the logo moves to the third set position of the third preset area;
  • the second control displayed at the fourth setting position is updated.
  • Example 12 is based on the method of Example 11, the updating the second control displayed at the fourth set position includes:
  • Example 13 is based on the method of Example 7, after merging the media content identifiers into a second control, the method further includes:
  • the progress adjustment indicator of the first media content is controlled to move in the second control along the sliding direction of the target sliding operation, wherein the third preset Let the area be the associated area of the second control.
  • Example 14 is the method of any one of Examples 3-6 and 9-13, further comprising:
  • the second control is restored to the media content identification.
  • Example 15 is the method of any one of Examples 3-6 and 9-13, further comprising:
  • At least part of the first media content is displayed using the display progress corresponding to the target sliding operation as a starting point.
  • Example 16 is the method of any one of Examples 3-6 and 9-13, further comprising:
  • the second control is restored to the media content identification, and the latest display progress of at least part of the first media content before receiving the target sliding operation is Display a starting point to continue displaying at least part of the first media content.
  • Example 17 is based on the method described in any one of Examples 1-13, and the target trigger operation acts within the first preset area.
  • Example 18 provides a display control device, including:
  • the first control display module is configured to display the first control corresponding to the currently displayed first media content in the first preset area of the media content display page, wherein the first media content includes at least two pieces of second media content,
  • the first control includes media content identifiers respectively corresponding to the at least two pieces of second media content, and the first control is configured to switch and display the at least two pieces of second media content;
  • the second control display module is configured to switch at least one of the media content identifiers 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 to adjust the The display progress of at least part of the first media content.
  • Example 19 provides an electronic device, including:
  • processors one or more processors
  • memory for storing one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the display control method as described in any one of Examples 1-17.
  • Example 20 provides a computer-readable storage medium having a computer program stored thereon, which when executed by a processor implements the display as described in any one of Examples 1-17 Control methods.
  • Example 21 provides a computer program product.
  • the computer program product When the computer program product is executed by a computer, the computer implements the display control method as described in any one of Examples 1-17.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例提供了一种显示控件方法、装置、电子设备、存储介质和程序产品。该方法包括：在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。

Description

显示控件方法、装置、电子设备、存储介质和程序产品
本公开要求在2022年03月30日提交中国专利局、申请号为202210332133.3的中国专利申请的优先权，该申请的全部内容通过引用结合在本公开中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及一种显示控件方法、装置、电子设备、存储介质和程序产品。
背景技术
随着互联网技术和终端技术的快速发展，应用程序提供的功能越来越丰富，例如视频类应用可以提供视频集合播放等功能。
发明内容
本公开实施例提供一种显示控件方法、装置、电子设备、存储介质和程序产品，以提高视频的播放进度的调整效率。
第一方面，本公开实施例提供了一种显示控制方法，包括：
在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
第二方面，本公开实施例还提供了一种显示控制装置，包括：
第一控件显示模块，设置为在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
第二控件显示模块，设置为响应于作用在所述媒体内容显示页面中的目标 触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
第三方面，本公开实施例还提供了一种电子设备，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的显示控制方法。
第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的显示控制方法。
第五方面，本公开实施例还提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如本公开实施例所述的显示控制方法。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种显示控制方法的流程示意图；
图2为本公开实施例提供的一种第一控件的显示示意图；
图3为本公开实施例提供的另一种显示控制方法的流程示意图；
图4为本公开实施例提供的一种第二控件的显示示意图；
图5为本公开实施例提供的又一种显示控制方法的流程示意图；
图6为本公开实施例提供的另一种第二控件的显示示意图；
图7为本公开实施例提供的又一种第二控件的显示示意图；
图8为本公开实施例提供的一种显示控制装置的结构框图；
图9为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图描述本公开的实施例。虽然附图中显示了本公开的某些实 施例，然而应当理解的是，本公开可以通过各种形式来实现，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的。
相关技术中，当视频集合中包含多个子视频时，无法满足用户快速调整视频的播放进度的需求。
图1为本公开实施例提供的一种显示控制方法的流程示意图。该方法可以由显示控制装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，示例性的，可以配置在手机或平板电脑中。本公开实施例提供的显示控制方法适用于调整包含多段子媒体内容的媒体内容的显示进度的场景。如图1所示，本实施例提供的显示控制方法可以包括：
S101、在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示。
其中，媒体内容显示页面可理解为用于显示媒体内容的页面。该媒体内容显示页面中可以包含有用于显示当前所显示的第一媒体内容对应的第一控件的第一预设区域。该第一媒体内容可理解为当前时刻媒体内容显示页面中所显示的媒体内容，其可以包括至少两段第二媒体内容。该第二媒体内容可以为图片 或视频，不同的第二媒体内容在第一媒体内容中可以独立存在。可以理解的是，第一媒体内容可以为多个第二媒体内容的集合。第一控件可以为用于切换显示第一媒体内容中的不同第二媒体内容的控件等，该第一控件中可以设置有第一媒体内容中所包含的至少两段第二媒体内容分别对应的媒体内容标识。该媒体内容标识可以为图形标识或其他标识，不同第二媒体内容对应的媒体内容标识具有不同的显示样式和/或位于第一预设区域中的不同显示位置。第一预设区域可理解为第一控件在媒体内容显示页面中的响应区域。
可选的，电子设备在媒体内容显示页面中显示包含多段第二媒体内容的第一媒体内容时，可以在媒体内容显示页面的第一预设显示区域显示第一媒体内容的第一控件，如按照多段第二媒体内容在第一媒体内容中的排列顺序，在第一预设显示区域的不同位置显示第一媒体内容中包含的多段第二媒体内容分别对应的媒体内容标识20，如图2所示(图中以媒体内容标识20为线段为例)。其中，可以将已经显示过的第二媒体内容对应的媒体内容标识20(如图中左侧的两个媒体内容标识20)和尚未显示过的第二媒体内容对应的媒体内容标识20(如图中右侧的三个媒体内容标识20)显示为不同的样式，如显示为不同的颜色和/或透明度等，以便于区分已经显示过的第二媒体内容和尚未显示过的第二媒体内容，或者，确定当前正在显示的第二媒体内容。
S102、响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
在本实施例中，由于第一控件仅可用于按照多段第二媒体内容的排列顺序依次切换显示多段第二媒体内容，故可以响应于用户的相应触发操作，将第一控件切换为第二控件，使得用户采用该第二控件快速调整第一媒体内容的至少部分的显示进度，能够简化调整第一媒体内容的播放进度所需的操作，满足用户快速调整第一媒体内容的显示进度的需求。
其中，目标触发操作可以为将媒体内容显示页面中所显示的一个或多个媒体内容标识切换为第二控件的触发操作，该目标触发操作可以作用于媒体内容显示页面中，示例性的，目标触发操作可以为作用于媒体内容显示页面中的点击操作或长按操作等。可选的，所述目标触发操作作用于所述第一预设区域内，即该目标触发操作可以为针对第一控件的触发操作。第二控件可用于滑动调整当前所显示的第二媒体内容和/或滑动调整当前所显示的第二媒体内容的显示进度。
可选的，用户在欲调整第一媒体内容的显示进度时，可以执行目标触发操作，如长按媒体内容显示页面中所显示的第一控件。相应的，电子设备在接收 到用户的目标触发操作时，将媒体内容显示页面中所显示的一个或多个媒体内容标识切换第二控件。从而，用户可以通过作用于该第二控件的滑动操作切换第一媒体内容的至少部分的显示进度，如切换当前所显示的第二媒体内容和/或切换当前所显示的第二媒体内容的显示进度。
在本实施例中，在将媒体内容显示页面中所显示的一个或多个媒体内容标识切换为第二控件时，示例性的，可以将当前所显示的第二媒体内容对应的媒体内容标识切换为第二控件，将目标触发操作所作用于的媒体内容标识切换为第二控件，将多个媒体内容标识分别切换为第二控件，或者，将各媒体内容标识合并为一个第二控件，等等。
本实施例提供的显示控制方法，在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，该第一媒体内容包括至少两段第二媒体内容，该第一控件包括上述至少两段第二媒体内容分别对应的媒体内容标识，该第一控件设置为对至少两段第二媒体内容进行切换显示；响应于作用在媒体内容播放页面中的目标触发操作，将至少一个媒体内容标识切换为第二控件，其中，该第二控件设置为滑动调整第一内容的至少部分的显示进度。示例性的，第一内容的至少部分可以为一个第二媒体内容或多个第二媒体内容组成的内容片段。本实施例通过采用上述方法，将第一控件中的媒体内容标识切换为第二控件，通过第二控件调整第一媒体内容的显示进度，能够简化调整第一媒体内容的显示进度所需的操作，提高第一媒体内容的显示进度的调整效率。
图3为本公开实施例提供的另一种显示控制方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述第二媒体内容为图片或视频内容，所述将至少一个所述媒体内容标识切换为第二控件，包括：将至少一个所述媒体内容标识切换显示为相应第二媒体内容的缩略图，其中，所述媒体内容标识为图形标识。
可选的，在所述至少一个所述媒体内容标识切换为第二控件之后，还包括：响应于作用在第二预设区域内的目标滑动操作，确定所述目标滑动操作滑动至的当前位置，并在所述媒体内容显示页面中显示与所述当前位置处所显示的目标第二控件对应的第二媒体内容，其中，所述第二预设区域为所述第二控件的关联区域。
可选的，本实施例提供的显示控件方法还包括：响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识。
可选的，本实施例提供的显示控件方法还包括：响应于所述目标滑动操作触发结束，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
相应的，如图3所示，本实施例提供的显示控制方法可以包括：
S201、在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示，所述第二媒体内容为图片或视频内容。
S202、响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换显示为相应第二媒体内容的缩略图，将至少一个所述媒体内容标识切换为第二控件，其中，所述媒体内容标识为图形标识，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
在本实施例中，以第二媒体内容为图片内容为例，即第一媒体内容包含多张图片内容的媒体内容，且媒体内容中各图片依次切换显示时，可以响应于目标触发操作，将至少一个以图形标识(如线段或点等)的形式显示的媒体内容标识20(如图2所示)切换为以缩略图40的形式进行显示的第二控件，如图4所示，从而用户可以通过各第二媒体内容的缩略图快速了解相应第二媒体内容中的画面，并确定其欲查看的第二媒体内容。
示例性的，当第一媒体内容中包含的第二媒体内容的数量小于或等于预设数量(如9或10等等)时，可以将各第二媒体内容的媒体内容标识均切换显示为相应第二媒体内容对应的缩略图。当第一媒体内容中包含的第二媒体内容的数量大于预设数量阈值时，可以将包含媒体内容显示页面中所显示的当前第二媒体内容的媒体内容标识在内的、连续预设数量的媒体内容标识切换显示为相应第二媒体内容对应的缩略图，如将各媒体内容标识均切换为缩略图，并仅在媒体内容显示页面中显示包含媒体内容显示页面中所显示的当前第二媒体内容对应的缩略图在内的连续预设数量的缩略图；或者，仅将包含媒体内容显示页面中所显示的当前第二媒体内容的媒体内容标识在内的、连续预设数量的媒体内容标识切换显示为相应第二媒体内容对应的缩略图，并取消对其他媒体内容标识的显示。
可以理解的是，以第二媒体内容为图片内容为例，响应于目标触发操作，也可以不显示各媒体内容对应的缩略图，如可以将以第一样式显示的媒体内容标识切换为以第二样式显示的第二控件等。其中，第一样式和第二样式可以均为图形样式，二者可以具有不同的显示尺寸。
S203、响应于作用在第二预设区域内的目标滑动操作，确定所述目标滑动操作滑动至的当前位置，并在所述媒体内容显示页面中显示与所述当前位置处所显示的目标第二控件对应的第二媒体内容，其中，所述第二预设区域为所述第二控件的关联区域。
其中，第二预设区域可理解为第二控件的响应区域，即第二控件的热区，如第二控件所位于的显示区域，其与第一预设区域可以为相同或不相同的区域。目标滑动操作可以为沿预设方向的滑动操作，如当第二控件横向排布时，目标滑动操作可以为横向滑动操作；当第二控件竖向排布时，目标滑动操作可以为竖向滑动操作。当前位置可理解为当前时刻目标滑动操作所滑动至的位置，即目标滑动操作对应的触摸点所位于的位置。目标第二控件可以为该当前位置处所显示的第二控件，所述目标第二控件与所述媒体内容显示页面中所显示的除所述目标第二控件之外的其他第二控件可以具有不同的显示样式，以便于区分当前所触发的第二控件。
在本实施例中，在用户执行目标滑动操作的过程中，可以在媒体内容显示页面中显示目标滑动操作所滑动至的位置处显示的第二控件对应的第二媒体内容，以便于用户对该第二媒体内容进行预览，快速确定是否将第一媒体内容的显示进度切换为该第二媒体内容对应的显示进度。
以各第二控件横向排布为例，当显示第二控件后，用户可以在第二预设区域中横向滑动。相应的，电子设备在用户进行横向滑动的过程中，可以周期性地确定用户横向滑动至的当前位置以及该当前位置处所显示的目标第二控件，将媒体内容显示页面中所显示的当前第二媒体内容切换为该目标第二控件对应的第二媒体内容，并可以将该目标第二控件显示为某一样式，并将媒体内容显示页面中所显示的、除该目标第二控件之外的其他第二控件显示为另一样式。其中，相较于其他第二控件而言，目标第二控件可以具有较大的显示尺寸，如具有较大的高度和/或宽度，如图4所示(图4中以第三个第二控件为目标第二控件为例)。
在一个实施方式中，在所述确定所述目标滑动操作滑动至的当前位置之后，还包括：响应于所述当前位置为所述第二预设区域的第一设定位置，更新所述当前位置处所显示的目标第二控件。
在上述实施方式中，当目标滑动操作滑动至第二预设区域内的某一设定位置(即第一设定位置)时，可以自动更新该设定位置处所显示的第二控件，从而，用户无需继续滑动即可在媒体内容显示页面中预览不同的第二媒体内容，并且，能够将未显示的第二控件移入第二预设区域进行显示，以便于用户对该第二控件对应的第二媒体内容进行预览或切换显示该第二控件对应的第二媒体 内容。
可选的，在确定目标滑动操作滑动至的当前位置之后，可以判断该当前位置是否为第一设定位置，若该当前位置是第一设定位置，则更新当前位置处所显示的目标第二控件，并在媒体内容显示页面中显示与当前位置处所显示的目标第二控件对应的第二媒体内容；若该当前位置不是第一设定位置，则不对当前位置处所显示的目标第二控件进行更新，仅在媒体内容显示页面中显示与当前位置处所显示的目标第二控件对应的第二媒体内容。其中，第一设定位置可以为第二预设区域内的任一设定位置，可以为第二预设区域的边界位置，如当各第二控件横向排布时，第一设定位置可以为第二预设区域的左边界位置或右边界位置；当各第二控件纵向排布时，第一设定位置可以为第二预设区域的上边界位置或下边界位置。
在本实施例中，当前位置处所显示的目标第二控件的更新方式可以灵活设置，示例性的，可以批量更新第二预设区域中所显示的各第二控件，如将第二预设区域中所显示的n(n为正整数)个第二控件更新为当前时刻未显示的另外n个第二控件；也可以控制第二预设区域中所显示的各第二控件沿设定方向移动，以将当前时刻未显示的第二控件移入第二预设区域中进行显示，例如，假设各第二控件横向排布，当用户在第二预设区域内横向滑动至第二预设区域的左边界位置/右边界位置时，可以控制第二预设区域中所显示的各第二控件同步向右/向左移动，以更新该左边界位置/右边界位置处所显示的目标第二控件。此时，可选的，所述更新所述当前位置处所显示的目标第二控件，包括：批量更新所述第二预设区域中所显示的各第二控件；或者，控制所述第二预设区域中所显示的各第二控件以相同方向移动。
可以理解的是，目标滑动操作可以为与目标触发操作连续执行的滑动操作，如当目标触发操作为长按操作时，用户可以在长按后直接进行滑动，而并不抬起手指；从而，当目标触发操作执行结束时，如当用户在执行目标触发操作后并未进行滑动，而直接抬起手指时，可以将第二控件还原为媒体内容标识。当目标滑动操作滑动的起始位置为第二预设区域的第一设定位置时，在将媒体内容标识切换为第二控件后，亦可以更新该第一设定位置处所显示的目标第二控件，例如，若用户在第一设定位置处保持长按，则可以首先将媒体内容标识切换为第二控件，然后更新该第一设定位置处所显示的目标第二控件，直至用户滑动出该第一设定位置或者该长按操作触发结束为止。
S204、响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识，和/或，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
其中，目标滑动操作对应的显示进度可以为目标滑动操作触发结束时所调整至的显示进度，如目标滑动操作触发结束时所滑动至的第二控件对应的第二媒体内容在所述第一媒体内容中的显示进度。
可选的，当目标滑动操作触发结束时，如当目标滑动操作所对应的触摸点消失时，可以将第二控件还原为媒体内容标识；和/或，在媒体内容显示页面中保持显示目标滑动操作触发结束时媒体内容显示页面中所显示的第二媒体内容，并不再自动切换媒体内容显示页面中所显示的第二媒体内容，或者，以目标滑动操作触发结束时媒体内容显示页面中所显示的第二媒体内容为起点，继续显示该第二媒体内容以及第一媒体内容中排列顺序位于该第二媒体内容之后的各第二媒体内容。
在本实施例中，当将媒体内容标识切换为第二控件后，用户通过简单的滑动操作即可预览第一媒体内容中所包含的任一第二媒体内容，相较于在用户每次执行滑动操作时，仅按照各第二媒体内容在第一媒体内容中的排列顺序，将当前显示的第二媒体内容切换为与其相邻的另一第二媒体内容的方法而言，能够实现第二媒体内容的快速切换，并满足用户的不同切换需求，提高用户体验。
在一个实施方式中，本实施例提供的显示控制方法还包括：响应于针对所述目标滑动操作的撤销操作，将所述第二控件还原为所述媒体内容标识，并以接收到所述目标滑动操作之前所述第一媒体内容的至少部分的最新显示进度为显示起点，继续显示所述第一媒体内容的至少部分。
其中，撤销操作可用于撤销目标滑动操作，示例性的，该撤销操作可以为与目标滑动操作滑动方向不相同的滑动操作，如当目标滑动操作为横向滑动操作时，该撤销操作可以为竖向滑动操作。
可选的，用户在执行目标滑动操作过程中，若不欲再通过该目标滑动操作调整第一媒体内容的显示进度，则可以执行撤销操作，如由横向滑动变为竖向滑动。相应的，电子设备在接收到针对目标滑动操作的撤销操作时，可以将媒体内容显示页面中所显示的第二控件还原为媒体内容标识，并以接收到目标滑动操作之前，第一媒体内容的最新显示进度为显示起点，继续显示第一媒体内容中的各第二媒体内容，或者，保持显示该显示起点所对应的第二媒体内容。
本实施例提供的显示控制方法，不仅能够实现对第一媒体内容的显示进度的快速切换，还能够实现对第一媒体内容中包含的第二媒体内容的预览，从而提高显示进度的切换效率，避免出现需要反复执行滑动操作查找满意的显示进度的情况，提高用户体验。
图5为本公开实施例提供的另一种显示控制方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述第二媒体内容为视频内容，所述将至少一个所述媒体内容标识切换为第二控件，包括：将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件，其中，所述至少一个所述媒体内容标识包括当前播放的第二媒体内容对应的媒体内容标识；或者将各媒体内容标识合并为一个第二控件。
可选的，在所述将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件之后，还包括：响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，其中，所述第三预设区域为所述第二控件的关联区域。
可选的，在所述将各媒体内容标识合并为一个第二控件之后，还包括：响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的进度调整标识沿所述目标滑动操作的滑动方向在所述第二控件中移动，其中，所述第三预设区域为所述第二控件的关联区域。
相应的，如图5所示，本实施例提供的显示控制方法可以包括：
S301、在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，执行S302或S304，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示，所述第二媒体内容为视频内容。
S302、响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件，其中，所述至少一个所述媒体内容标识包括当前播放的第二媒体内容对应的媒体内容标识，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
在本实施例中，当接收到目标触发操作时，可以将包含当前所播放的第二媒体内容在内的一个或多个第二媒体内容对应的媒体内容标识20(如图2所示)分别切换为相应第二媒体内容对应的第二控件60，如将包含当前所显示的第二媒体内容在内的一个或多个第二媒体内容对应的媒体内容标识20由第一样式切换为第二样式，得到相应第二媒体内容对应的第二控件60，并可以在媒体内容显示页面中显示当前所播放的第二媒体内容对应的第二控件60，如图6所示，以便于用户通过第二控件60调整相应第二媒体内容的播放进度或者切换当前所播放的第二媒体内容。
其中，第一样式与第二样式可以具有不同的显示尺寸。从而，在将某一媒体内容标识切换为第二控件时，可以增大该媒体内容标识的显示尺寸，如将该媒体内容标识的长度增大为预设长度，和/或，将该媒体内容标识的宽度增大为预设宽度。此时，可选的，所述将至少一个所述媒体内容标识切换为第二控件，包括：增大至少一个所述媒体内容标识的显示尺寸。
S303、响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，执行S306，其中，所述第三预设区域为所述第二控件的关联区域。
其中，第三预设区域可以理解为第二控件在媒体内容显示页面中的响应区域，其与第一预设区域和第二预设区域可以为相同或不相同的区域，如第三预设区域的尺寸(如高度)可以大于第一预设区域的尺寸，并可以小于第二预设区域的尺寸。
可选的，如图6所示，电子设备在显示第二控件60时，可以依据当前播放的第二媒体内容的播放进度，在该第二媒体内容对应的第二控件60中显示进度调整标识(如进度滑块61等)，通过该进度调整标识指示第一媒体内容的至少部分(包括当前播放的该第二媒体内容)的播放进度。从而，用户在欲调整第一媒体内容/该第二媒体内容的播放进度时，可以执行目标滑动操作。相应的，电子设备在接收到用户的目标滑动操作时，可以控制该进度调整标识沿该目标滑动操作的滑动方向在该第二控件60中进行移动，或者，控制该进度调整标识沿该目标滑动操作的滑动方向在不同第二控件60中进行移动，以调整该进度调整标识所指示的播放进度。
在一个实施方式中，所述控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，可以包括：控制所述进度调整标识沿所述目标滑动操作的滑动方向在当前播放的第二媒体内容对应的第二控件中移动。
在上述实施方式中，进度调整标识可以仅用于调整当前所播放的第二媒体内容的播放进度。换言之，进度调整标识仅可在当前所播放的第二媒体内容对应的第二控件中进行移动，而无法跨第二控件进行移动。
可选的，如图6所示，可以在当前所播放的第二媒体内容对应的第二控件60中显示进度调整标识。从而，当接收到目标滑动操作时，可以控制该进度调整标识沿该目标滑动操作的滑动方向在当前所播放的第二媒体内容对应的第二控件60中进行移动，以调整该第二媒体内容的播放进度。
需要说明的是，上述所提到的进度调整标识仅可在当前所播放的第二媒体 内容对应的第二控件中进行移动可以理解为当基于目标滑动操作调整进度调整标识的位置时，进度调整标识仅可在该第二控件中移动。可以理解的是，当随着第一媒体内容的播放自动更新媒体内容标识的位置时，该进度调整标识是可以在不同媒体内容标识或者不同第二控件中进行移动的。
在另一个实施方式中，所述控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，包括：控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动。
在上述实施方式中，进度调整标识不仅可以用于调整当前所播放的第二媒体内容的播放进度，还可以用于切换当前所播放的第二媒体内容。换言之，进度调整标识可以在不同第二媒体内容对应的第二控件中进行移动。
可选的，如图6所示，可以在当前所播放的第二媒体内容对应的第二控件60中显示进度调整标识。从而，当接收到目标滑动操作时，可以控制该进度调整标识沿该目标滑动操作的滑动方向在各第二媒体内容对应的第二控件60中进行移动，以切换当前所播放的第二媒体内容或者调整当前所播放的第二媒体内容的播放进度。
在本实施例中，可选的，所述控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动，包括以下至少之一：响应于所述目标滑动操作滑动至所述第三预设区域的第二设定位置，控制所述进度调整标识继续沿所述滑动方向移动，直至所述目标滑动操作触发结束或者所述进度调整标识移动至所述第三预设区域的第三设定位置为止；响应于所述进度调整标识滑动移动至第四设定位置，更新所述第四设定位置处所显示的第二控件。
其中，第二设定位置、第三设定位置和第四设定位置可以为第三预设区域中的相同或不相同的设定位置，以第二设定位置、第三设定位置和第四设定位置为第三预设区域中的相同设定位置为例，该设定位置可以为第三预设区域的边界位置，如当第二控件横向排布时，该设定位置可以为该第三预设区域的左边界位置或右边界位置。
可选的，当接收到目标滑动操作时，可以控制进度调整标识随该目标滑动操作的滑动方向在各第二控件中进行移动。并在目标滑动操作的滑动过程中，判断目标滑动操作是否滑动至第三预设区域的第二设定位置处，响应于目标滑动操作滑动至第三预设区域的第二设定位置处，控制进度调整标识沿与该第二设定位置对应的移动方向继续移动，直至该进度调整标识移动至第三预设区域的第三设定位置处为止。和/或，在进度调整标识的移动过程中，判断进度调整标识是否移动至第三预设区域的第四设定位置处，响应于进度调整标识移动至 第三预设区域的第四设定位置处，更新该第四位置处所显示的第二控件，以便于继续调整该进度调整标识所指示的播放进度。
以目标滑动操作为向右的滑动操作、第二设定位置、第三设定位置和第四设定位置均为第三预设区域的边界位置为例，在目标滑动操作的触发过程中，可以控制进度调整标识沿该目标滑动操作的滑动方向移动，并周期性的判断目标滑动操作是否滑动至第三预设区域的右边界位置处以及进度调整标识是否移动至第三预设区域的右边界位置处，响应于目标滑动操作未滑动至第三预设区域的右边界位置处且进度调整标识未移动至第三预设区域的右边界位置处，继续控制进度调整标识沿该目标滑动操作的滑动方向移动；响应于目标滑动操作滑动至第三预设区域的右边界位置处且进度调整标识未移动至第三预设区域的右边界位置处，控制进度调整标识继续沿其原始的移动方向移动，即向右移动；响应于目标滑动操作滑动或未滑动至第三预设区域的右边界位置处且进度调整标识移动至第三预设区域的右边界位置处，更新该右边界位置处所显示的第二控件。
在一个可选的实施方式中，可以保持进度调整标识的位置不变，并控制第三预设区域中所显示的各第二控件以相同的方向移动，以调整进度调整标识在第二控件中的位置，进而调整进度调整标识所指示的播放进度，如当进度调整标识移动至第三预设区域的右边界位置处时，控制第三预设区域中的第二控件向左移动；当进度调整标识移动至第三预设区域的左边界位置处时，控制第三预设区域中的第二控件向右移动，以将未显示第三预设区域中的第二控件移入第三预设区域进行显示。此时，所述更新所述第四设定位置处所显示的第二控件，可以包括：控制所述第三预设区域中所显示的各第二控件以相同方向移动，并保持在所述第四设定位置处显示所述进度调整标识。
在另一个可选的实施方式中，可以将第四设定位置处所显示的当前第二控件切换为第一控件中与该当前第二控件相邻的第二控件(即目标第二控件)，如可以将第四设定位置处所显示的第二控件切换为第一控件中与该第二控件相邻且位于该第二控件左侧/右侧的第二控件，并依据更新前进度调整标识所指示的显示进度，调整进度调整标识在第二控件中的位置，以避免进度调整调整标识所指示的显示进度出现跳跃的情况。此时，所述更新所述第四设定位置处所显示的第二控件，可以包括：将所述第四设定位置处显示的当前第二控件切换为所述第一控件中与所述当前第二控件相邻的目标第二控件，并依据切换前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置。
在又一个可选的实施方式中，可以批量更新第三预设区域中所显示的各第二控件，如可以将第三预设区域中完整显示的m(m为正整数)个第二控件切 换为第一控件中与该m个第二控件连续排列且位于该m个第二控件左侧/右侧的另外m个第二控件，并依据更新前进度调整标识所指示的显示进度，调整进度调整标识在第二控件中的位置，以避免进度调整调整标识所指示的显示进度出现跳跃的情况。此时，所述更新所述第四设定位置处所显示的第二控件，可以包括：批量更新所述第三预设区域中所显示的各第二控件，并依据批量更新前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置。
S304、响应于作用在所述媒体内容显示页面中的目标触发操作，将各媒体内容标识合并为一个第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
在本实施例中，当接收到目标触发操作时，也可以将各媒体内容标识合并为一个与第一媒体内容对应的第二控件，如将以图形形式显示的各媒体内容标识合并为一个较大的图形，并可以在合并之前增大多个媒体内容标识的尺寸或者在合并之后增大合并得到的该图形的尺寸，得到与该第一媒体内容对应的第二控件。
示例性的，如图2所示，在合并之前，各第二媒体内容对应的媒体内容标识20可以以线段的形式进行显示。从而，在接收到目标触发操作时，可以响应于该目标触发操作，将多个媒体内容标识(即多条线段)合并为一条较长的线段，并可以将合并得到的该线段的宽度增大为设定宽度，得到与该第一媒体内容对应的进度条，作为与该第一媒体内容对应的第二控件70，如图7所示。
S305、响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的进度调整标识沿所述目标滑动操作的滑动方向在所述第二控件中移动，其中，所述第三预设区域为所述第二控件的关联区域。
可选的，当显示与第一媒体内容对应的第二控件后，用户可以通过执行目标滑动操作调整第一媒体内容的进度调整标识在该第二控件中的位置。相应的，电子设备在接收到用户的目标滑动操作时，可以控制该第二控件中的进度调整标识在该第二控件中进行移动，如控制该进度调整标识在该第二控件中随该目标滑动操作的滑动方向同步移动，以调整该进度调整标识在该第二控件中所指示的播放时间节点，即调整该进度调整标识在该第二控件中所指示的播放进度。
S306、响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识，和/或，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
示例性的，当目标滑动操作触发结束时，如当目标滑动操作所对应的触摸点消失时，可以将第二控件还原为媒体内容标识；和/或，在媒体内容显示页面 中播放或者循环播放目标滑动操作触发结束时第一媒体内容的进度调整标识所指示的播放进度对应的第二媒体内容，并不再自动切换至第一媒体内容中的其他第二媒体内容进行播放，或者，以目标滑动操作触发结束时第一媒体内容的进度调整标识所指示的播放进度为播放起点，继续显示该播放切点所对应的第二媒体内容以及第一媒体内容中排列顺序位于该第二媒体内容之后的各第二媒体内容。
本实施例提供的显示控制方法，通过将各第二媒体内容对应的进度调整标识切换为与该第二媒体内容对应的第二控件，或者，将各第二媒体内容对应的进度调整标识合并为一个与第一媒体内容对应的第二控件，能够采用多种方式实现对第一媒体内容的显示进度的快速调整，满足用户的进度调整需求，提高用户体验。
图8为本公开实施例提供的一种显示控制装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，示例性的，可以配置在手机或平板电脑中，可通过执行显示控制方法对所显示的媒体内容进行控制。如图8所示，本实施例提供的显示控制装置可以包括：第一控件显示模块801和第二控件显示模块802，其中，
第一控件显示模块801，设置为在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
第二控件显示模块802，设置为响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
本实施例提供的显示控制装置，通过第一控件显示模块在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，该第一媒体内容包括至少两段第二媒体内容，该第一控件包括所述至少两段第二媒体内容对应的媒体内容标识，该第一控件设置为对至少两段第二媒体内容进行切换显示；通过第二控件显示模块响应于作用在媒体内容播放页面中的目标触发操作，将至少一个媒体内容标识切换为第二控件，其中，该第二控件设置为滑动调整第一内容的至少部分的显示进度。本实施例通过采用上述方法，将第一控件中的媒体内容标识切换为第二控件，通过第二控件调整第一媒体内容的显示进度，能够简化调整第一媒体内容的显示进度所需的操作，提高第一媒体内容的显示进度的调整效率。
在上述方案中，所述第二媒体内容例如可以为图片内容，所述第二控件显示模块802可以设置为通过如下方式将至少一个所述媒体内容标识切换为第二控件：将至少一个所述媒体内容标识切换显示为相应第二媒体内容的缩略图，其中，所述媒体内容标识为图形标识。
可选地，本实施例提供的显示控制装置还可以包括：第一内容显示模块，设置为在所述至少一个所述媒体内容标识切换为第二控件之后，响应于作用在第二预设区域内的目标滑动操作，确定所述目标滑动操作滑动至的当前位置，并在所述媒体内容显示页面中显示与所述当前位置处所显示的目标第二控件对应的第二媒体内容，其中，所述第二预设区域为所述第二控件的关联区域。
在上述方案中，所述目标第二控件与所述媒体内容显示页面中所显示的除所述目标第二控件之外的其他第二控件可以具有不同的显示样式。
可选地，本实施例提供的显示控制装置还可以包括：控件更新模块，设置为在所述确定所述目标滑动操作滑动至的当前位置之后，响应于所述当前位置为所述第二预设区域的第一设定位置，更新所述当前位置处所显示的目标第二控件。
在上述方案中，所述控件更新模块可以设置为通过如下方式更新所述当前位置处所显示的目标第二控件：批量更新所述第二预设区域中所显示的各第二控件；或者，控制所述第二预设区域中所显示的各第二控件以相同方向移动。
在上述方案中，所述第二媒体内容可以为视频内容，所述第二控件显示模块802可以包括：控件切换单元，设置为将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件，其中，所述至少一个所述媒体内容标识包括当前播放的第二媒体内容对应的媒体内容标识；或者，控件合并单元，设置为将各媒体内容标识合并为一个第二控件。
在上述方案中，所述第二控件显示模块802可以设置为通过如下方式将至少一个所述媒体内容标识切换为第二控件：增大至少一个所述媒体内容标识的显示尺寸。
可选地，本实施例提供的显示控制装置还可以包括：移动控制模块，设置为响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，其中，所述第三预设区域为所述第二控件的关联区域。
在上述方案中，所述第一控制模块可以包括：第一移动控制单元，设置为控制所述进度调整标识沿所述目标滑动操作的滑动方向在当前播放的第二媒体内容对应的第二控件中移动，或者，第二移动控制单元，设置为控制所述进度 调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动。
在上述方案中，所述第二移动控制单元可以包括以下至少之一：移动控制子单元，设置为响应于所述目标滑动操作滑动至所述第三预设区域的第二设定位置，控制所述进度调整标识继续沿所述滑动方向移动，直至所述目标滑动操作触发结束或者所述进度调整标识移动至所述第三预设区域的第三设定位置为止；控件更新子单元，设置为响应于所述进度调整标识滑动移动至第四设定位置，更新所述第四设定位置处所显示的第二控件。
在上述方案中，所述控件更新子单元可以设置为通过如下方式更新所述第四设定位置处所显示的第二控件：控制所述第三预设区域中所显示的各第二控件以相同方向移动，并保持在所述第四设定位置处显示所述进度调整标识；或者，将所述第四设定位置处显示的当前第二控件切换为所述第一控件中与所述当前第二控件相邻的目标第二控件，并依据切换前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置；或者，批量更新所述第三预设区域中所显示的各第二控件，并依据批量更新前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置。
可选地，本实施例提供的显示控制装置还可以包括：第二控制模块，设置为在所述将各媒体内容标识合并为一个第二控件之后，响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的进度调整标识沿所述目标滑动操作的滑动方向在所述第二控件中移动，其中，所述第三预设区域为所述第二控件的关联区域。
可选地，本实施例提供的显示控制装置还可以包括：还原模块，设置为响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识。
可选地，本实施例提供的显示控制装置还可以包括：第二内容显示模块，设置为响应于所述目标滑动操作触发结束，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
可选地，本实施例提供的显示控制装置还可以包括：撤销模块，设置为响应于针对所述目标滑动操作的撤销操作，将所述第二控件还原为所述媒体内容标识，并以接收到所述目标滑动操作之前所述第一媒体内容的至少部分的最新显示进度为显示起点，继续显示所述第一媒体内容的至少部分。
在上述方案中，所述目标触发操作可以作用于所述第一预设区域内。
本公开实施例提供的显示控制装置可执行本公开任意实施例提供的显示控制方法，具备执行显示控制方法相应的功能模块和有益效果。未在本实施例中 详尽描述的技术细节，可参见本公开任意实施例所提供的显示控制方法。
下面参考图9，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)900的结构示意图。本公开实施例中的终端设备可以包括移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，PDA)、平板电脑(Portable Android Device，PAD)、便携式多媒体播放器(Portable Media Player，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(television，TV)、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例。
如图9所示，电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901，其可以根据存储在只读存储器(Read-Only Memory，ROM)902中的程序或者从存储装置908加载到随机访问存储器(Random Access Memory，RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中，还存储有电子设备900操作所需的各种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(Input/Output，I/O)接口905也连接至总线904。
通常，以下装置可以连接至I/O接口905：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置907；包括例如磁带、硬盘等的存储装置908；以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备900，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，该计算机程序产品包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置909从网络上被下载和安装，或者从存储装置908被安装，或者从ROM 902被安装。在该计算机程序被处理装置901执行时，执行本公开实施例的方法中的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质可以包括：具有一个或多个导线的电连接、 便携式计算机磁盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(HyperText Transfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算 机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括LAN或WAN—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质可以包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、RAM、ROM、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、CD-ROM、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种显示控制方法，包括：
在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的 第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
根据本公开的一个或多个实施例，示例2根据示例1所述的方法，所述第二媒体内容为图片或视频内容，所述将至少一个所述媒体内容标识切换为第二控件，包括：
将至少一个所述媒体内容标识切换显示为相应第二媒体内容的缩略图，其中，所述媒体内容标识为图形标识。
根据本公开的一个或多个实施例，示例3根据示例1所述的方法，在所述至少一个所述媒体内容标识切换为第二控件之后，还包括：
响应于作用在第二预设区域内的目标滑动操作，确定所述目标滑动操作滑动至的当前位置，并在所述媒体内容显示页面中显示与所述当前位置处所显示的目标第二控件对应的第二媒体内容，其中，所述第二预设区域为所述第二控件的关联区域。
根据本公开的一个或多个实施例，示例4根据示例3所述的方法，所述目标第二控件与所述媒体内容显示页面中所显示的除所述目标第二控件之外的其他第二控件具有不同的显示样式。
根据本公开的一个或多个实施例，示例5根据示例3所述的方法，在所述确定所述目标滑动操作滑动至的当前位置之后，所述方法还包括：
响应于所述当前位置为所述第二预设区域的第一设定位置，更新所述当前位置处所显示的目标第二控件。
根据本公开的一个或多个实施例，示例6根据示例5所述的方法，所述更新所述当前位置处所显示的目标第二控件，包括：
批量更新所述第二预设区域中所显示的第二控件；或者，
控制所述第二预设区域中所显示的第二控件以相同方向移动。
根据本公开的一个或多个实施例，示例7根据示例1所述的方法，所述第二媒体内容为视频内容，所述将至少一个所述媒体内容标识切换为第二控件，包括：
将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的 第二控件，其中，所述至少一个所述媒体内容标识包括当前播放的第二媒体内容对应的媒体内容标识；或者
将所述媒体内容标识合并为一个第二控件。
根据本公开的一个或多个实施例，示例8根据示例7所述的方法，所述将至少一个所述媒体内容标识切换为第二控件，包括：
增大至少一个所述媒体内容标识的显示尺寸。
根据本公开的一个或多个实施例，示例9根据示例7所述的方法，在所述将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件之后，还包括：
响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，其中，所述第三预设区域为所述第二控件的关联区域。
根据本公开的一个或多个实施例，示例10根据示例9所述的方法，所述控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，包括：
控制所述进度调整标识沿所述目标滑动操作的滑动方向在当前播放的第二媒体内容对应的第二控件中移动，或者，
控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动。
根据本公开的一个或多个实施例，示例11根据示例10所述的方法，所述控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动，包括以下至少之一：
响应于所述目标滑动操作滑动至所述第三预设区域的第二设定位置，控制所述进度调整标识继续沿所述滑动方向移动，直至所述目标滑动操作触发结束或者所述进度调整标识移动至所述第三预设区域的第三设定位置为止；
响应于所述进度调整标识滑动移动至第四设定位置，更新所述第四设定位置处所显示的第二控件。
根据本公开的一个或多个实施例，示例12根据示例11所述的方法，所述更新所述第四设定位置处所显示的第二控件，包括：
控制所述第三预设区域中所显示的第二控件以相同方向移动，并保持在所述第四设定位置处显示所述进度调整标识；或者，
将所述第四设定位置处显示的当前第二控件切换为所述第一控件中与所述 当前第二控件相邻的目标第二控件，并依据切换前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置；或者，
批量更新所述第三预设区域中所显示的第二控件，并依据批量更新前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置。
根据本公开的一个或多个实施例，示例13根据示例7所述的方法，在所述将所述媒体内容标识合并为一个第二控件之后，所述方法还包括：
响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的进度调整标识沿所述目标滑动操作的滑动方向在所述第二控件中移动，其中，所述第三预设区域为所述第二控件的关联区域。
根据本公开的一个或多个实施例，示例14根据示例3-6和9-13任一所述的方法，还包括：
响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识。
根据本公开的一个或多个实施例，示例15根据示例3-6和9-13任一所述的方法，还包括：
响应于所述目标滑动操作触发结束，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
根据本公开的一个或多个实施例，示例16根据示例3-6和9-13任一所述的方法，还包括：
响应于针对所述目标滑动操作的撤销操作，将所述第二控件还原为所述媒体内容标识，并以接收到所述目标滑动操作之前所述第一媒体内容的至少部分的最新显示进度为显示起点，继续显示所述第一媒体内容的至少部分。
据本公开的一个或多个实施例，示例17根据示例1-13任一所述的方法，所述目标触发操作作用于所述第一预设区域内。
根据本公开的一个或多个实施例，示例18提供了一种显示控件装置，包括：
第一控件显示模块，设置为在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
第二控件显示模块，设置为响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
根据本公开的一个或多个实施例，示例19提供了一种电子设备，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如示例1-17中任一所述的显示控件方法。
根据本公开的一个或多个实施例，示例20提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如示例1-17中任一所述的显示控件方法。
根据本公开的一个或多个实施例，示例21提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如示例1-17任一所述的显示控件方法。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (21)

  1. 一种显示控制方法，包括：
    在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
    响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
  2. 根据权利要求1所述的方法，其中，所述第二媒体内容包括图片或视频内容，
    所述将至少一个所述媒体内容标识切换为第二控件，包括：
    将至少一个所述媒体内容标识切换显示为相应第二媒体内容的缩略图，其中，所述媒体内容标识为图形标识。
  3. 根据权利要求1所述的方法，在所述至少一个所述媒体内容标识切换为第二控件之后，所述方法还包括：
    响应于作用在第二预设区域内的目标滑动操作，确定所述目标滑动操作滑动至的当前位置，并在所述媒体内容显示页面中显示与所述当前位置处所显示的目标第二控件对应的第二媒体内容，其中，所述第二预设区域为所述第二控件的关联区域。
  4. 根据权利要求3所述的方法，其中，所述目标第二控件与所述媒体内容显示页面中所显示的除所述目标第二控件之外的其他第二控件具有不同的显示样式。
  5. 根据权利要求3所述的方法，在所述确定所述目标滑动操作滑动至的当前位置之后，所述方法还包括：
    响应于所述当前位置为所述第二预设区域的第一设定位置，更新所述当前位置处所显示的目标第二控件。
  6. 根据权利要求5所述的方法，其中，所述更新所述当前位置处所显示的目标第二控件，包括：
    批量更新所述第二预设区域中所显示的第二控件；或者，
    控制所述第二预设区域中所显示的第二控件以相同方向移动。
  7. 根据权利要求1所述的方法，其中，所述第二媒体内容为视频内容，所 述将至少一个所述媒体内容标识切换为第二控件，包括：
    将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件，其中，所述至少一个所述媒体内容标识包括当前播放的第二媒体内容对应的媒体内容标识；或者
    将所述媒体内容标识合并为一个第二控件。
  8. 根据权利要求7所述的方法，其中，所述将至少一个所述媒体内容标识切换为第二控件，包括：
    增大至少一个所述媒体内容标识的显示尺寸。
  9. 根据权利要求7所述的方法，在所述将至少一个显示为第一样式的所述媒体内容标识切换为显示为第二样式的第二控件之后，还包括：
    响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，其中，所述第三预设区域为所述第二控件的关联区域。
  10. 根据权利要求9所述的方法，其中，所述控制所述第一媒体内容的至少部分对应的进度调整标识沿所述目标滑动操作的滑动方向移动，包括：
    控制所述进度调整标识沿所述目标滑动操作的滑动方向在当前播放的第二媒体内容对应的第二控件中移动，或者，
    控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动。
  11. 根据权利要求10所述的方法，其中，所述控制所述进度调整标识沿所述目标滑动操作的滑动方向在多段第二媒体内容对应的第二控件中移动，包括以下至少之一：
    响应于所述目标滑动操作滑动至所述第三预设区域的第二设定位置，控制所述进度调整标识继续沿所述滑动方向移动，直至所述目标滑动操作触发结束或者所述进度调整标识移动至所述第三预设区域的第三设定位置为止；
    响应于所述进度调整标识滑动移动至第四设定位置，更新所述第四设定位置处所显示的第二控件。
  12. 根据权利要求11所述的方法，其中，所述更新所述第四设定位置处所显示的第二控件，包括：
    控制所述第三预设区域中所显示的第二控件以相同方向移动，并保持在所述第四设定位置处显示所述进度调整标识；或者，
    将所述第四设定位置处显示的当前第二控件切换为所述第一控件中与所述当前第二控件相邻的目标第二控件，并依据切换前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置；或者，
    批量更新所述第三预设区域中所显示的第二控件，并依据批量更新前所述进度调整标识指示的播放进度调整所述进度调整标识的显示位置。
  13. 根据权利要求7所述的方法，在所述将所述媒体内容标识合并为一个第二控件之后，所述方法还包括：
    响应于作用在第三预设区域内的目标滑动操作，控制所述第一媒体内容的进度调整标识沿所述目标滑动操作的滑动方向在所述第二控件中移动，其中，所述第三预设区域为所述第二控件的关联区域。
  14. 根据权利要求3-6和9-13任一所述的方法，还包括：
    响应于所述目标滑动操作触发结束，将所述第二控件还原为所述媒体内容标识。
  15. 根据权利要求3-6和9-13任一所述的方法，还包括：
    响应于所述目标滑动操作触发结束，以所述目标滑动操作对应的显示进度为起点，显示所述第一媒体内容的至少部分。
  16. 根据权利要求3-6和9-13任一所述的方法，还包括：
    响应于针对所述目标滑动操作的撤销操作，将所述第二控件还原为所述媒体内容标识，并以接收到所述目标滑动操作之前所述第一媒体内容的至少部分的最新显示进度为显示起点，继续显示所述第一媒体内容的至少部分。
  17. 根据权利要求1-13任一所述的方法，其中，所述目标触发操作作用于所述第一预设区域内。
  18. 一种显示控件装置，包括：
    第一控件显示模块，设置为在媒体内容显示页面的第一预设区域显示当前显示的第一媒体内容对应的第一控件，其中，所述第一媒体内容包括至少两段第二媒体内容，所述第一控件包括所述至少两段第二媒体内容分别对应的媒体内容标识，所述第一控件设置为对所述至少两段第二媒体内容进行切换显示；
    第二控件显示模块，设置为响应于作用在所述媒体内容显示页面中的目标触发操作，将至少一个所述媒体内容标识切换为第二控件，其中，所述第二控件设置为滑动调整所述第一媒体内容的至少部分的显示进度。
  19. 一种电子设备，包括：
    至少一个处理器；以及
    与所述至少一个处理器通信连接的存储器；其中，
    所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-17中任一项所述的显示控件方法。
  20. 一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-17中任一项所述的显示控件方法。
  21. 一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-17中任一项所述的显示控件方法。
PCT/CN2023/082417 2022-03-30 2023-03-20 显示控件方法、装置、电子设备、存储介质和程序产品 WO2023185519A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210332133.3A CN116939269A (zh) 2022-03-30 2022-03-30 显示控件方法、装置、电子设备、存储介质和程序产品
CN202210332133.3 2022-03-30

Publications (1)

Publication Number Publication Date
WO2023185519A1 true WO2023185519A1 (zh) 2023-10-05

Family

ID=88199092

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/082417 WO2023185519A1 (zh) 2022-03-30 2023-03-20 显示控件方法、装置、电子设备、存储介质和程序产品

Country Status (2)

Country Link
CN (1) CN116939269A (zh)
WO (1) WO2023185519A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101345852A (zh) * 2008-05-13 2009-01-14 深圳市迅雷网络技术有限公司 一种在线视频片段选播方法和系统
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术（北京）股份有限公司 一种视频切换的方法及系统
US10257547B1 (en) * 2018-06-29 2019-04-09 Rovi Guides, Inc. Systems and methods for altering a progress bar to prevent spoilers in a media asset
CN110209330A (zh) * 2019-05-28 2019-09-06 Oppo广东移动通信有限公司 一种进度条的控制方法、终端及计算机存储介质
CN112153470A (zh) * 2020-09-11 2020-12-29 腾讯科技（深圳）有限公司 一种视频播放方法、装置、计算机设备和存储介质
CN113315996A (zh) * 2021-05-17 2021-08-27 游艺星际(北京)科技有限公司 控制视频播放的方法、装置及电子设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101345852A (zh) * 2008-05-13 2009-01-14 深圳市迅雷网络技术有限公司 一种在线视频片段选播方法和系统
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术（北京）股份有限公司 一种视频切换的方法及系统
US10257547B1 (en) * 2018-06-29 2019-04-09 Rovi Guides, Inc. Systems and methods for altering a progress bar to prevent spoilers in a media asset
CN110209330A (zh) * 2019-05-28 2019-09-06 Oppo广东移动通信有限公司 一种进度条的控制方法、终端及计算机存储介质
CN112153470A (zh) * 2020-09-11 2020-12-29 腾讯科技（深圳）有限公司 一种视频播放方法、装置、计算机设备和存储介质
CN113315996A (zh) * 2021-05-17 2021-08-27 游艺星际(北京)科技有限公司 控制视频播放的方法、装置及电子设备

Also Published As

Publication number Publication date
CN116939269A (zh) 2023-10-24

Similar Documents

Publication Publication Date Title
EP4310653A1 (en) Control display method and apparatus, and electronic device and storage medium
US11956528B2 (en) Shooting method using target control, electronic device, and storage medium
JP7421009B2 (ja) トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体
EP4333424A1 (en) Video sharing method and apparatus, device, and medium
EP4277287A1 (en) Multimedia information processing method and apparatus, electronic device, and storage medium
WO2023185647A1 (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
WO2023169340A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
WO2023216936A1 (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
EP4344235A1 (en) Video interaction method and apparatus, and device and medium
WO2023179362A1 (zh) 控件的显示方法、装置、电子设备、存储介质和程序产品
WO2023155728A1 (zh) 页面显示方法、装置、电子设备、存储介质和程序产品
JP2023528311A (ja) ビデオ通話インタフェース表示制御方法、装置、記憶媒体及び機器
WO2023116480A1 (zh) 多媒体内容的发布方法、装置、设备、介质和程序产品
WO2023174139A1 (zh) 作品的显示方法、装置、电子设备、存储介质和程序产品
WO2023246852A1 (zh) 虚拟形象的发布方法、装置、电子设备和存储介质
WO2023246835A1 (zh) 信息展示方法、装置、设备、存储介质和程序产品
WO2024012392A1 (zh) 交互方法、装置、电子设备和存储介质
WO2024012451A1 (zh) 显示控制方法、装置、电子设备和存储介质
WO2024027648A1 (zh) 信息的显示方法、装置、电子设备和存储介质
WO2023246859A1 (zh) 交互方法、装置、电子设备和存储介质
WO2023231688A1 (zh) 媒体内容的展示方法、装置、设备、存储介质和程序产品
WO2024060942A1 (zh) 会话列表的显示方法、装置、电子设备和存储介质
WO2024022179A1 (zh) 媒体内容的显示方法、装置、电子设备和存储介质
WO2021244651A1 (zh) 信息显示方法、装置、终端及存储介质
US20240086053A1 (en) Display method and apparatus, electronic device, and storage medium

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23777893

Country of ref document: EP

Kind code of ref document: A1