Display control method, device, electronic device, storage medium, and program
The display control method enhances media content interaction by allowing slide-based adjustments of elements and objects, addressing the limitations of simplistic control methods and improving user experience.
Patent Information
- Application Number
- JP2024572424
- Authority / Receiving Office
- JP · JP
- Patent Type
- Patents
- Current Assignee / Owner
- Priority Date
- 2022-07-13
- Filing Date
- 2023-07-11
- Publication Date
- 2026-01-06
- Estimated Expiration
- 2043-07-11
AI Technical Summary
Current media content control methods are simplistic and fail to meet user needs for advanced interaction and control.
A display control method that adjusts the position and size of elements and objects within a media content display page in response to slide operations, enhancing user interaction.
Enriches the control scheme of media content by simplifying user interaction, reducing difficulty, and improving viewing efficiency through intuitive slide-based adjustments.
Smart Images

Figure 0007795011000001 
Figure 0007795011000002 
Figure 0007795011000003
Abstract
Description
[Technical Field]
[0001] [CROSS-REFERENCE TO RELATED APPLICATIONS] This application claims priority from Chinese Patent Application No. 202210828146.X, filed with the State Intellectual Property Office of China on July 13, 2022, the entire contents of which are incorporated herein by reference.
[0002] [Technical field] TECHNICAL FIELD The present disclosure relates to the field of computer technology, for example, a display control method, a device, an electronic device, and a storage medium. [Background technology]
[0003] Currently, a user can view or control media content on a media content display page, such as adjusting the display progress or display size of the media content.
[0004] However, in the related art, the control method of media content is relatively simple, which cannot meet the needs of users. Summary of the Invention [Problem to be solved by the invention]
[0005] SUMMARY OF THE INVENTION Embodiments of the present disclosure provide a display control method, device, electronic device, and storage medium for enriching the control scheme of media content. [Means for solving the problem]
[0006] According to a first aspect, an embodiment of the present disclosure provides a display control method, the method comprising: displaying, on a media content display page, target media content and a first control corresponding to the target media content for indicating a progress of displaying the target media content; In response to a slide operation acting within the media content display page, adjusting at least one of the position of at least one element in the first control and the display size of an object to be adjusted, wherein the object to be adjusted includes at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes at least one element.
[0007] According to a second aspect, an embodiment of the present disclosure further provides a display control device, the device comprising: a control display module configured to display, on a media content display page, target media content and a first control corresponding to the target media content for indicating a display progress of the target media content; an adjustment module configured to adjust at least one of the position of at least one element in the first control and the display size of an object to be adjusted in response to a slide operation acting within the media content display page, the object to be adjusted including at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes an adjustment module including at least one element.
[0008] According to a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising: one or more processors; a memory for storing one or more programs; The one or more programs are executed by the one or more processors, causing the one or more processors to implement the display control method described in the embodiments of the present disclosure.
[0009] According to a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, realizes the display control method described in the embodiment of the present disclosure.
[0010] Reference is now made to the following detailed description with reference to the drawings, in which like or similar reference numerals represent like or similar elements throughout the drawings. It should be understood that the drawings are schematic and that elements are not necessarily drawn to scale. [Brief explanation of the drawings]
[0011] [Figure 1] 1 is a flowchart of a display control method according to an embodiment of the present disclosure. [Figure 2] FIG. 1 is a schematic diagram of a display of a first control according to an embodiment of the present disclosure. [Figure 3] FIG. 10 is a schematic diagram of a second control display according to an embodiment of the present disclosure. [Figure 4] FIG. 10 is a schematic diagram of a display of another second control according to an embodiment of the present disclosure. [Figure 5] 10 is a flowchart of another display control method according to an embodiment of the present disclosure. [Figure 6] FIG. 1 is a schematic diagram of a display of elements in a first control according to an embodiment of the present disclosure. [Figure 7] FIG. 10 is a schematic diagram of a display of elements in another first control according to an embodiment of the present disclosure. [Figure 8] 10 is a flowchart of yet another display control method according to an embodiment of the present disclosure. [Figure 9] FIG. 1 is a structural block diagram of a display control device according to an embodiment of the present disclosure. [Figure 10] 1 is a structural schematic diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE INVENTION
[0012] The following describes in more detail the embodiments of the present disclosure with reference to the drawings. Although the drawings show several embodiments of the present disclosure, it should be understood that the present disclosure may be realized in various forms, and these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are used for illustrative purposes only.
[0013] It should be understood that the steps described in the method embodiments of the present disclosure may be performed in a different order and / or in parallel, and that method embodiments may include additional steps and / or omit the performance of steps shown.
[0014] As used herein, the term "comprises" and variations thereof are open inclusive, i.e., "including, but not limited to." The term "based on" means "based at least in part on." The term "in one embodiment" means "at least one embodiment," the term "in another embodiment" means "at least one other embodiment," and the term "in some embodiments" means "at least some embodiments." Relevant definitions of other terms are provided below.
[0015] It should be noted that the concepts of "first", "second", etc. mentioned in this disclosure are only used to distinguish different devices, modules or units.
[0016] It should be noted that the modifications "one" and "multiple" referred to in this disclosure are generalized and should be understood as "one or more" unless the context clearly indicates otherwise, as would be understood by a person skilled in the art.
[0017] The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only.
[0018] 1 is a flowchart of a display control method according to an embodiment of the present disclosure. The method may be performed by a display control device, which may be implemented by software and / or hardware and configured in an electronic device, for example, a mobile phone or a tablet computer. The display control method according to an embodiment of the present disclosure is applied to a scenario in which media content to be viewed is controlled. As shown in FIG. 1, the display control method according to this embodiment may include:
[0019] S101, displaying a target media content on a media content display page, and a first control corresponding to the target media content for instructing a display progress of the target media content.
[0020] Here, the target media content may be the media content currently displayed on the media content display page, which may be, for example, media content consisting of multiple independent pictures arranged in a certain order, or video content, i.e., media content consisting of multiple consecutive video frames.
[0021] The first control may be used to indicate the display progress of the currently displayed target media content or to adjust the display progress of the target media content. The first control may include at least one element, which may be arranged in the order of the corresponding pictures in the target media content. In this case, the at least one element may indicate the display progress of the target media content. Optionally, the at least one element is at least one thumbnail corresponding to the target media content. For example, if the target media content is media content consisting of multiple independent pictures, the element may be a thumbnail of each picture included in the target media content. If the target media content is video content, the element may be a thumbnail of a video frame in the target media content, for example, a thumbnail of an important video frame included in the target media content. The elements may be arranged horizontally, vertically, or in other arrangements. The following description will be given assuming that the elements are arranged horizontally.
[0022] In one embodiment, a media content display page may display target media content and a first control corresponding to the target media content, and at least one element in the first control, as shown in FIG. 2, for example, may display at least one thumbnail included in the first control, and the element corresponding to the currently displayed picture (element 3 shown in FIG. 2) may have a different display style from other elements located after it in the first control to facilitate the user in determining the display progress of the element corresponding to the currently displayed picture and the target media content.
[0023] In this embodiment, when the target media content is displayed or when the target media content is displayed in the setting node, a first control corresponding to the target media content may be displayed, i.e., the first control corresponding to the target media content may be automatically displayed.
[0024] In this embodiment, a first control corresponding to the target media content may be displayed based on a corresponding trigger operation by the user, i.e., when a trigger operation to display the first control corresponding to the target media content is received, the first control corresponding to the target media content is displayed, for example, by additionally displaying the first control corresponding to the target media content on the media content display page, or by switching another control (e.g., a second control) displayed on the media content display page to the first control corresponding to the target media content, and in this case, displaying the target media content and the first control corresponding to the target media content on the media content display page may include displaying the target media content and a second control corresponding to the target media content on the media content display page, and switching the second control to the first control in response to a trigger operation on the second control.
[0025] Here, the second control may be a control displayed on the media content display page that is different from the first control. Exemplarily, the second control may be a control related to the display progress of the target media content, such as a control for indicating the display progress of the target media content. The second control may have a display style and / or function different from that of the first control. For example, the second control may not be used to adjust the display progress of the target media content, but may only be used to indicate the display progress of the target media content. This second control may be displayed entirely within the media content display page. Exemplarily, if the target media content is media content consisting of multiple independent pictures, the second control may include multiple progress bars that correspond one-to-one to the pictures in the target media content, as shown in FIG. 3. If the target media content is video content, the second control may include only a progress bar corresponding to one piece of target media content, as shown in FIG. 4.
[0026] The trigger operation for the second control may be a trigger operation for switching the second control to the first control and displaying it, such as a long press or slide operation acting within the associated area of the second control.
[0027] Illustratively, when displaying the target media content on a media content display page, a second control of the target media content may be displayed on the media content display page, as shown in Figures 3 and 4. A user may then perform a trigger operation on the second control when viewing or interacting with an element in the first control. In response, upon receiving the trigger operation on the second control, the electronic device may switch the second control to the first control and display the element in the first control according to a display progress corresponding to the trigger position of the trigger operation, as shown in Figure 2. That is, the electronic device may display the corresponding display progress in the second control and the element corresponding to the display progress in the first control at the trigger position, in other words, the trigger position corresponds to the same display progress in the first control and the second control.
[0028] S102: In response to a slide operation acting within the media content display page, adjust at least one of the position of at least one element in the first control and the display size of an object to be adjusted, wherein the object to be adjusted includes at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes at least one element.
[0029] Here, the sliding operation acting within the media content display page may be a sliding operation, such as a sliding operation along a set direction, for instructing adjustment of the position and / or display size of at least one element in the first control and / or for instructing adjustment of the display size of a target image displayed on the media content display page. Exemplarily, the sliding operation may include a horizontal sliding operation and / or a vertical sliding operation initiated within the associated region of the first control. Alternatively, the sliding operation may be a sliding operation of one finger or a sliding operation of multiple fingers, each of which slides in the same direction, to reduce the difficulty of controlling the target media content. The target to be adjusted may include at least one element in the first control and / or a target image displayed within the target media content display page. The target image may be an image in the target media content currently displayed on the media content display page, which may include some or all of the images currently displayed on the media content display page.
[0030] Exemplarily, upon receiving a slide operation acting within the media content display page, the position of at least one element in the first control may be adjusted, for example, adjusting the moving position / moving speed of the at least one element in the first control according to the slide distance / slide speed of the slide operation, and / or adjusting the display size of the object to be adjusted, for example, determining the zoom magnification of the object to be adjusted according to the slide distance of the slide operation or the distance between the current position of the slide operation and a position on its slide trajectory (e.g., the slide start point), and zooming the object to be adjusted according to the zoom magnification, etc. As can be understood, the slide distance may be a projection distance in a specified direction of the interface of the slide operation, for example, a horizontal or vertical projection distance.
[0031] In this embodiment, the second control may remain displayed after the trigger of the slide operation is completed. The display of the first control may be stopped when a set condition is satisfied. For example, the display of the first control may be stopped when the trigger of the slide operation is completed, or when a predetermined time has passed since the last trigger of the slide operation. In this case, the display control method according to this embodiment may further include stopping the display of the first control in response to the trigger of the slide operation being completed, or stopping the display of the first control in response to the time having passed since the last trigger of the slide operation being completed. Here, the slide operation may include a contact event, a slide event, and a lift event. Therefore, the end of the trigger of the slide operation may be a lift event received by the slide operation, and the end of the last trigger of the slide operation may be a final lift event received by the slide operation.
[0032] In this embodiment, the display of the first control may be stopped by directly canceling the display of the first control (i.e., not switching the first control to another control and displaying it), or by switching the first control to another control (e.g., a second control) and displaying it, and in this case, selectively, stopping the display of the first control includes switching the first control to the second control.
[0033] The display control method according to this embodiment displays a target media content and a first control corresponding to the target media content on a media content display page, where the first control is used to indicate the display progress of the target media content, and adjusts at least one of the position of at least one element in the first control and the display size of an object to be adjusted in response to a slide operation performed on the media content display page, where the object to be adjusted includes at least one of the at least one element in the first control and a target image of the target media content currently displayed on the media content display page, where the first control includes at least one element. By adopting the above technical solution, this embodiment allows a user to adjust at least one of the display position of the element in the first control and the display size of the object to be adjusted by a simple slide operation, thereby enriching the control method of the media content and reducing the difficulty of controlling the media content.
[0034] 5 is a flowchart of another display control method according to an embodiment of the present disclosure. The method in this embodiment may be combined with one or more optional methods in the above embodiments. Optionally, adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted in response to a slide operation acting within the media content display page includes controlling the at least one element to move along a first direction in response to a first slide operation on the first control.
[0035] In one embodiment, the display control method according to this embodiment further includes displaying a target picture corresponding to a target element in the target media content on the media content display page, where the target element is an element displayed at a current position that is the slide destination of the first slide operation.
[0036] Optionally, adjusting at least one of the position of at least one element in the first control and the display size of the target to be adjusted includes controlling the first element or the last element in the first control to move and be displayed within the media content display page in response to the slide operation sliding to a target boundary position of the related area corresponding to the first control.
[0037] Accordingly, as shown in FIG. 5, the display control method according to this embodiment may include:
[0038] S201, displaying a target media content on a media content display page, and a first control corresponding to the target media content for instructing a display progress of the target media content.
[0039] S202, in response to a first sliding operation on the first control, controlling at least one element in the first control to move along a first direction, wherein the first control includes at least one element.
[0040] The first slide operation may be a slide operation along a predetermined direction, such as a slide operation along an arrangement direction parallel to the elements of the first control. Optionally, if the elements are arranged horizontally, the first slide operation may be a horizontal slide operation. The first slide operation may act within an associated region of the first control. The associated region of a control (e.g., the first control or the second control) may be the response region of the control, which may include the display region of the control.
[0041] In this embodiment, the user may control and move at least one element in the first control by a first sliding operation to view elements not displayed in the media content display page in the first control and / or adjust the display progress of the target media content.
[0042] Optionally, upon receiving a first slide operation on the first control, at least one element in the first control may be controlled to move along a first direction, for example, each element in the first control may be controlled to move along its arrangement direction, so as to adjust the position of each element and / or move an element that is not displayed within the media content display page and make it visible.
[0043] Here, the first direction may be understood as a movement direction of at least one element in the first control, which may be a direction related to a predetermined sliding direction of the first sliding operation. Optionally, the first direction is different from the sliding direction of the first sliding operation and / or the movement speed of the at least one element is different from the sliding speed of the first sliding operation. That is, the movement direction of the element in the first control and the sliding direction of the first sliding operation, and the movement speed of the element in the first control and the sliding speed of the first sliding operation, are not completely the same, thereby adjusting the element displayed at the current position, which is the sliding destination of the first sliding operation.
[0044] Optionally, the first direction is opposite to the sliding direction of the first sliding operation, and the moving speed of the at least one element is positively correlated with the sliding speed of the first sliding operation. In this case, at least one element in the first control may be controlled to move opposite the touch point of the first sliding operation at a moving speed positively correlated with the sliding speed of the first sliding operation. For example, assuming that the elements are arranged horizontally and the first sliding operation is a horizontal sliding operation, when the first sliding operation is slid right, the elements in the first control may be controlled to move left, and when the first sliding operation is slid left, the elements in the first empty control may be controlled to move right. This allows the user to contact an element located farther away by sliding a relatively small distance, and does not need to slide as far as the distance between the user's trigger position and the display position of the element before sliding. This shortens the distance the user needs to slide when viewing different elements or adjusting the display progress of the target media content, and reduces the difficulty of controlling the display of the media content.
[0045] In this embodiment, regardless of whether all elements included in the first control are displayed in the media content display page, at least one element in the first control may be controlled to move along a first direction when a first slide operation is received; considering whether all elements included in the first control are displayed in the media content display page, at least one element in the first control is controlled to move along the first direction only if all elements included in the first control are not displayed in the media content display page; however, if all elements included in the first control are already displayed in the media content display page, the element in the first control does not need to be controlled to move along the first direction; in this case, controlling the at least one element to move along the first direction may include controlling the at least one element to move along the first direction in response to all of the at least one element not being displayed in the media content display page.
[0046] In one embodiment, controlling the at least one element to move along a first direction includes determining a target movement speed of the at least one element according to a slide speed of the first slide operation and an array length of the at least one element, and controlling the at least one element to move along the first direction at the target movement speed.
[0047] Here, the at least one element array length may be a total array length when each element in the first control is displayed, which may be the sum of the total width of each element and the total spacing distance between each element (i.e., the sum of the gaps between each connecting element). The target movement speed may be a movement speed of the at least one element in the first control when the at least one element is controlled to move.
[0048] In the above embodiment, the slide speed at the current time of the first slide operation may be determined in real time, and the target movement speed of the elements in the first control may be determined according to this slide speed and the total array length of each element in the first control, and each element in the first control may be controlled to move at this target movement speed.
[0049] In this embodiment, the target moving speed may be positively correlated with the sliding speed of the first sliding operation and may also be positively correlated with a difference between the total arrangement length of each element in the first control and the arrangement length of each element displayed on the media content display page. Let v0 be the projected moving speed of the first sliding operation in the extension direction of the element arrangement of the first control, L0 be the arrangement length of the elements displayed on the media content display page in the first control (i.e., the arrangement length of each element displayed on the media content display page), L1 be the total arrangement length of each element in the first control, and L2 be the length of the related area of the first control in the extension direction of the element arrangement of the first control. Optionally, let v1 = (L1 - L0)v0 / L2 be the target moving speed. Therefore, when the first sliding operation slides to one side of the related area corresponding to the first control, for example, to an end position along the arrangement direction of each element in the related area of the first control, the first element / last element in the first control will be precisely moved and displayed on the media content display page, thereby satisfying the user's need for adjusting the display progress. Here, the values of L0 and L2 may be the same or different, and illustratively L0=L2.
[0050] For example, as shown in FIG. 6, the first n elements of the first control in the current interface are arranged horizontally (in FIG. 6, n=5 is taken as an example), and the first slide operation slides horizontally from the left side of the associated area corresponding to the first control to the right side of the associated area (for example, when the element arrangement of the first control is equal to the screen width, as shown in FIG. 7 (in FIG. 7, the first control includes m elements as an example), the last n elements slide from one side of the screen to the other side, so that they are just moved and displayed within the media content display page, thereby quickly meeting the user's display progress adjustment needs).
[0051] S203, displaying a target picture corresponding to a target element in the target media content on the media content display page, where the target element is an element displayed at a current position that is a slide destination of the first slide operation.
[0052] Here, the current position may be understood as the position to which the first slide operation is currently directed, the target element may be an element displayed at this current position, and the target picture may be a picture corresponding to this target element in the target media content, which may be an independent picture or a video frame.
[0053] In this embodiment, when a first sliding operation is received, the display progress of the target media content may be adjusted based on the first sliding operation. For example, during the sliding process of the first sliding operation, the current position, which is the sliding destination of the first sliding operation, may be determined in real time, and the display progress of the target media content may be adjusted to the display progress corresponding to the element displayed at this current position, so as to display the target picture corresponding to the element displayed at this current position on the target media content display page.
[0054] S204: In response to a slide operation sliding to a target boundary position of a related area corresponding to the first control, control so that a first element or a last element in the first control moves and is displayed within the media content display page, wherein the slide operation includes the first slide operation.
[0055] In this embodiment, each element in the first control may be controlled to move along a first direction according to the slide speed of the received slide operation (e.g., a first slide operation) and the total array length of each element in the first control, thereby controlling the first element or the last element in the first control to move and be displayed within the media content display page when the slide operation slides to the target boundary position of the related area corresponding to the first control.
[0056] Here, the target boundary position may be a boundary position corresponding to the sliding direction of the first sliding operation, and for example, when the first sliding operation is a horizontal sliding operation, this target boundary position may include the left boundary position of the related area corresponding to the first control and / or the right boundary position of the related area corresponding to the first control.
[0057] For example, if the elements in the first control are arranged horizontally and the first slide operation is a horizontal slide operation, when it is detected that the user is sliding to the left within the associated area of the first control (e.g., within the display area of the first control), the elements in the first control may be controlled to move to the right, and the first element in the first control may be controlled to move and be displayed within the media content display page when the user slides to the left boundary position of the associated area of the first control; when it is detected that the user is sliding to the right within the associated area of the first control, the elements in the first control may be controlled to move to the left, and the last element in the first control may be controlled to move and be displayed within the media content display page when the user slides to the right boundary position of the associated area of the first control.
[0058] At this time, when sliding to the left / right boundary of the related area of the first control, the first element / last element in the first control is located exactly at this left / right boundary, that is, at this time, the first element / last element in the first control is displayed at the current position, which is the slide destination of this sliding operation, so the display progress of the target media content may be adjusted and a picture corresponding to this first element / last element in the target media content may be displayed on the media content display page.
[0059] In accordance with this embodiment, the display control method controls at least one element in the first control to move along a first direction in response to receiving a first sliding operation on a first control, to display a target media content and a target picture corresponding to the target element displayed at a current position, which is the sliding destination of the first sliding operation, on a media content display page, and controls the first or last element in the first control to move and be displayed within the media content display page when the first sliding operation slides to a target boundary position of a related area corresponding to the first control. By adopting the above technical solution, this embodiment can reduce the operating difficulty when a user views the elements in the first control and / or adjusts the display progress of the target media content, and improve viewing efficiency, by shortening the sliding distance required to fully view the elements in the first control and / or adjust the display progress of the target media content, on the premise of clearly displaying the elements in the first control.
[0060] 8 is a flowchart of another display control method according to an embodiment of the present disclosure. The method in this embodiment may be combined with one or more optional methods in the above embodiments. Optionally, adjusting the position of at least one element in the first control and / or the display size of the object to be adjusted in response to a slide operation acting on the media content display page includes performing a zoom operation on the object to be adjusted in response to a second slide operation on the first control.
[0061] Optionally, after zooming in on the object to be adjusted, the method further includes detecting and responding to a target trigger operation on the first control in real time in response to an end point of the second slide operation being located in a related area corresponding to the first control, where the target trigger operation starts from the end point and includes an operation of controlling the target media content to adjust display progress.
[0062] Optionally, the display control method according to this embodiment further includes, in response to the second sliding operation sliding to any one of the elements, displaying a picture corresponding to any one of the elements in the target media content on the media content display page.
[0063] Accordingly, as shown in FIG. 8, the display control method according to this embodiment may include:
[0064] S301, displaying a target media content on a media content display page, and a first control corresponding to the target media content for instructing a display progress of the target media content.
[0065] S302, in response to a second slide operation on the first control, zooming in on the object to be adjusted, the object to be adjusted including at least one of at least one element in the first control and a target image currently displayed in the media content display page in the target media content, wherein the first control includes at least one element.
[0066] The second slide operation may be a slide operation different from the first slide operation, for example, a slide operation that acts on a different area from the first slide operation and has a different slide trajectory and / or slide direction. Exemplarily, the first slide operation may be a slide operation whose slide direction is parallel to the arrangement direction of the elements, and the second slide operation may be a slide operation whose slide direction is perpendicular to the arrangement direction of the elements. For example, when the elements are arranged horizontally, the first slide operation may be a horizontal slide operation and the second slide operation may be a vertical slide operation. The second slide operation may be a single-finger slide operation initiated within the associated area of the first control, or a multiple-finger slide operation initiated within the associated area of the first control and each gesture slide direction is the same.
[0067] In this embodiment, the user may zoom at least one element in the first control and / or an image in the target media content currently displayed on the media content display page by a second sliding operation so as to view the element in the first control and / or the currently displayed image under a different zoom factor.
[0068] Optionally, in response to receiving a second sliding operation on the first control, the object to be adjusted may be zoomed in according to the distance the second sliding operation slides in a predetermined sliding direction.
[0069] For example, when the second slide operation is a vertical slide operation and the object to be adjusted is a target image, when it is detected that the user is sliding vertically within the media content display page, the distance between the current position to which the user is sliding and the slide start point from which the vertical slide will be performed this time can be detected in real time, the zoom magnification of the target image can be determined according to this distance, and the target image displayed on the media content display page can be zoomed in accordance with this zoom magnification.
[0070] In one embodiment, zooming in on the object to be adjusted in response to a second sliding operation on the first control includes zooming in on the object to be adjusted in response to a second sliding operation along a second direction, and / or zooming out on the object to be adjusted in response to a second sliding operation along a third direction.
[0071] Here, the second direction may be a sliding direction for instructing to perform an enlargement process on the object to be adjusted, and the third direction may be a sliding direction for instructing to perform a reduction process on the object to be adjusted. Illustratively, the second direction and the third direction are opposite sliding directions, for example, the second direction may be upward and the third direction may be downward, or the second direction may be downward and the third direction may be upward. The following description will be given using an example in which the second direction is upward and the third direction is downward.
[0072] In the above embodiment, whether to enlarge or reduce the object to be adjusted may be determined based on the sliding direction of the second sliding operation. For example, when detecting that the user is sliding upward, the object to be adjusted may be enlarged depending on the distance by which the user slides upward, and when detecting that the user is sliding downward, the object to be adjusted may be reduced depending on the distance by which the user slides downward.
[0073] In one embodiment, performing a zoom operation on the object to be adjusted in response to a second sliding operation on the first control includes, in the process of controlling the target media content to adjust the display progress, performing a zoom operation on the object to be adjusted corresponding to the target element in the first control in response to switching to a second sliding operation in a second direction on the target element, and / or performing a zoom operation on the object to be adjusted corresponding to the target element in response to switching from a second sliding operation in the second direction to a second sliding operation in a third direction.
[0074] Here, the target element may be an element corresponding to a picture currently displayed on the media content display page, and the object to be adjusted corresponding to the target element may include the target element itself and / or a target image displayed in the picture.
[0075] In the above solution, the user can perform a zoom operation on the object to be adjusted by a second sliding operation during the progress adjustment process, that is, after the user finishes controlling the target media content to adjust the display progress, the user can perform a second sliding operation by switching the sliding direction, and during the second sliding operation, the user can instruct the electronic device to select a zoom operation or a reduction operation on the object to be adjusted corresponding to the target element by switching the sliding direction. Optionally, after the zoom operation is finished, the user can switch the sliding direction again to continue the progress adjustment operation.
[0076] For example, in the process of controlling the target media content to adjust the display progress, the user can instruct the electronic device to perform an enlargement process on the object to be adjusted corresponding to the target element by keeping the finger in contact and switching the sliding direction to a second direction, and when sliding along the second direction, can instruct the electronic device to perform a reduction process on the object to be adjusted corresponding to the target element by keeping the finger in contact and switching the sliding direction from the second direction to a third direction.
[0077] Accordingly, when the electronic device detects that the user's sliding direction has been switched to a second direction, it can stop adjusting the display progress of the target media content, determine a target element to be displayed at the current position to which the user has slid when switching the sliding direction, and perform an enlargement process on the object to be adjusted corresponding to this target element, and when it detects that the user's sliding direction has been switched from the second direction to a third direction, it can perform a reduction process on the object to be adjusted corresponding to this target element.
[0078] For example, the second direction is vertically upward, and the third direction is vertically downward. In the process of adjusting the progress by the user's horizontal sliding operation, by switching the sliding direction to vertically upward, the object to be adjusted corresponding to the direction switching performed by the finger can be enlarged. In the process of sliding upward, if the user slides vertically downward again to return to the progress adjustment area, the enlarged picture will be reduced again, and will return to its original size after the finger reaches the progress adjustment area. At this time, the user can keep the finger in contact with the screen and switch to horizontal sliding to continue adjusting the progress.
[0079] As can be understood, the enlargement / reduction process of the object to be adjusted mentioned in this embodiment may also mean enlarging / reducing the size of the object to be adjusted when sliding along the direction that initially instructs the object to be enlarged / reduced; that is, if the user slides to a certain position along the second direction and then switches from sliding along the second direction to sliding along the third direction, the object to be adjusted may be enlarged along the second direction and then reduced in size using the size of the object to be adjusted as the initial size.
[0080] In this embodiment, zooming in on the object to be adjusted may include, for example, zooming in on the target image currently displayed in the media content display page in the target media content, for example, zooming in on the target image around a predetermined position or a display position in the target picture of the target image, optionally, zooming in on the object to be adjusted may include zooming in on the target image currently displayed in the media content display page in the target media content around a target position, where the target position is a predetermined position in the target picture where the target image is located or the display position of the target image.
[0081] In this embodiment, the target position may be preset as a predetermined position or a display position of the target image as needed, or may be determined based on the number of images of the target object included in the target picture. In this case, before performing a zoom process on the object to be adjusted, the method may further include performing image identification on the target picture and determining a total number of candidate images included in the target picture, where the candidate images include images of the target object, and in response to determining that the total number is zero, at least one of: setting a predetermined position in the target picture as the target position; in response to determining that the total number is 1, setting the display position of the candidate image in the target picture as the target position; and in response to determining that the total number is 2 or more, setting the display position of the target image in the target picture among the candidate images as the target position.
[0082] Here, the target object may be an object to be identified, such as a person object, an animal object, and / or an object object, etc. It should be noted that this embodiment only identifies whether the target image contains a target picture and the number of target pictures contained therein, but does not identify specific identity information for identifying the person, animal, or object corresponding to the target image.
[0083] For example, image identification may be performed on the target picture to determine the total number of images of the target object contained in the target picture. If this total number is zero, i.e., if the target picture does not contain any images of the target object, a predetermined position in the target picture may be the target position. If this total number is 1, i.e., if the target picture contains only one image of the target object, the image of this target object may be the target image, and the display position of this target image in the target picture may be the target position. If this total number is 2 or more, i.e., if the target picture contains multiple images of the target objects, the display position of one of the multiple target object images in the target picture may be the target position. For example, one of the target object images (e.g., an image of the target object and / or an image of a person near the center of the target picture) may be the target image, and the display position of this target image in the target picture may be the target position.
[0084] In this embodiment, when zooming in on a target image, zooming in may be performed only on the target image displayed in the target picture, without zooming in on the target picture or the non-target image displayed in the target picture, or zooming in may be performed directly on the target image.
[0085] S303, in response to the second sliding operation sliding to any one of the elements, displaying a picture corresponding to the any one of the elements in the target media content on the media content display page.
[0086] In this embodiment, when the second sliding operation slides to the display position of an element in the first control, the target media content may be displayed according to the display progress corresponding to this element, that is, the target picture for this element in the target media content may be displayed on the media content display page.
[0087] For example, when the second slide operation slides to the display position of a certain element in the first control, if this element corresponds to the picture currently displayed on the media content display page, the picture corresponding to this element may continue to be displayed on the media content display page; if this element does not correspond to the picture currently displayed on the media content display page, the display progress of the target media content may be adjusted and the picture corresponding to this element may be displayed on the media content display page.
[0088] S304, in response to the end point of the second slide operation being located in a related area corresponding to the first control, detecting and responding to a target trigger operation on the first control in real time, where the target trigger operation starts from the end point, and the target trigger operation includes an operation of controlling the target media content to adjust display progress.
[0089] Here, the target trigger operation may be a trigger operation for the first control that starts from the end point of the second sliding operation. The trigger operation that starts from the end point of the second sliding operation may be a trigger operation that is triggered continuously from the second sliding operation without interruption, for example, a trigger operation that is continuously executed from the end point of the second sliding operation without the user lifting their finger after sliding to the end point of the second sliding operation.
[0090] Illustratively, the target trigger operation may include an operation of controlling the target media content to adjust the display progress, which may be understood as an operation for adjusting the display progress of the target media content, such as a first slide operation.
[0091] When the target trigger operation is an operation of controlling the target media content to adjust the display progress, optionally, a continuous slide is maintained when switching between the second slide operation and the operation of controlling the target media content to adjust the display progress. For example, after the user slides to the end point of the second slide operation, the user may continue to perform the target trigger operation by switching the slide direction without lifting the finger.
[0092] For example, when the elements in the first control are arranged horizontally, the first slide operation is a horizontal slide operation, and the second slide operation is a vertical slide operation, when the initial target media content is displayed, a second control corresponding to the target media content may be displayed on the media content display page.
[0093] Thereby, the user may instruct the electronic device to switch and display the second control as the first control by performing a trigger operation on the second control, and after performing this trigger operation, continue to slide horizontally without lifting his finger to control and move the element in the first control, instructing the application program to display a target picture corresponding to the target element displayed at the current position to which the slide is made on the media content display page, and after switching to the target picture he wants to view, perform a vertical slide starting from the current position without lifting his finger, instructing the electronic device to zoom in on the target picture.
[0094] The user may instruct the electronic device to switch the second control to the first control and display it by performing a trigger operation on the second control, and after performing this trigger operation, may continue to slide vertically without lifting his finger to instruct the electronic device to zoom the currently displayed image, and after zooming and viewing the currently displayed image, slide back into the associated area of the first control, and still without lifting his finger, perform a horizontal slide starting from the current position after sliding back into the associated area of the first control to control and move an element in the first control, and instruct the electronic device to display a target picture corresponding to the target element displayed at the current position, which is the slide destination, on the media content display page.
[0095] As can be understood, the first sliding operation and the second sliding operation may be repeated multiple times, for example, after performing the second sliding operation / first sliding operation, the user may still maintain the finger contact state and continue to change the sliding direction to perform the first sliding operation / second sliding operation, thereby again switching the display progress of the target media content or zooming the currently displayed image.
[0096] The display control method according to this embodiment can zoom in on the object to be adjusted and / or adjust the display progress of the media content based on the user's continuous sliding, simplifying the operations required when controlling the display of the media content, reducing the difficulty of controlling the media content, especially reducing the difficulty of controlling the media content with one hand during progress adjustment, and improving the user experience.
[0097] 9 is a structural block diagram of a display control device according to an embodiment of the present disclosure. The device may be implemented by software and / or hardware, and may be configured in an electronic device, for example, a mobile phone or a tablet computer, and may perform display control for media content by executing a display control method. As shown in FIG. 9, the display control device according to this embodiment may include a control display module 701 and an adjustment module 702, where: the control display module 701 is configured to display, on a media content display page, target media content and a first control corresponding to the target media content for indicating a display progress of the target media content; The adjustment module 702 is configured to adjust at least one of the position of at least one element in the first control and the display size of an object to be adjusted in response to a slide operation acting within the media content display page, the object to be adjusted including at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes at least one element.
[0098] The display control device according to this embodiment displays a target media content and a first control corresponding to the target media content on a media content display page via a control display module, where the first control is used to indicate the display progress of the target media content, and adjusts at least one of the position of at least one element in the first control and the display size of an object to be adjusted in response to a slide operation performed on the media content display page via an adjustment module, where the object to be adjusted includes at least one of the at least one element in the first control and a target image of the target media content currently displayed on the media content display page, where the first control includes at least one element. By adopting the above technical solution, this embodiment allows a user to adjust the display position of an element in the first control and / or adjust the display size of the object through a simple slide operation, thereby enriching the control method of the media content and reducing the difficulty of controlling the media content.
[0099] In the above solution, the at least one element may be at least one thumbnail corresponding to the target media content.
[0100] In the above solution, the adjustment module 702 may include a first movement control unit configured to control the at least one element to move along a first direction in response to a first sliding operation on the first control.
[0101] In the above solution, the mobile control unit may be further configured to display a target picture corresponding to a target element in the target media content on the media content display page, where the target element is an element displayed at a current position that is the slide destination of the first slide operation.
[0102] In the above solution, the movement control unit may be configured to control the at least one element to move along a first direction in response to the at least one element not being displayed at all within the media content display page, by controlling the at least one element to move along a first direction.
[0103] In the above solution, the first direction may be different from the sliding direction of the first sliding operation, and / or the moving speed of the at least one element may be different from the sliding speed of the first sliding operation.
[0104] In the above solution, the first direction may be opposite to the sliding direction of the first sliding operation, and the moving speed of the at least one element may be positively correlated with the sliding speed of the first sliding operation.
[0105] In the above solution, the movement control unit may be configured to control the at least one element to move along the first direction by determining a target movement speed of the at least one element according to a sliding speed of the first sliding operation and an arrangement length of the at least one element, and controlling the at least one element to move along the first direction at the target movement speed.
[0106] In the above solution, the adjustment module 702 may include a second movement control unit configured to control the first element or the last element in the first control to be moved and displayed within the media content display page in response to the sliding operation sliding to a target boundary position of a related area corresponding to the first control.
[0107] In the above solution, the adjustment module 702 may include a zoom unit configured to perform a zoom process on the object to be adjusted in response to a second sliding operation on the first control.
[0108] In the above solution, the zoom unit may be configured to perform a zoom operation on the object to be adjusted in response to a second sliding operation on the first control by performing an enlargement operation on the object to be adjusted in response to a second sliding operation along a second direction, and / or performing a reduction operation on the object to be adjusted in response to a second sliding operation along a third direction.
[0109] In the above solution, in the process of controlling the target media content to adjust the display progress, the zoom unit may be configured to perform a zoom operation on the object to be adjusted in response to a second sliding operation on the first control by: performing an enlargement operation on the object to be adjusted corresponding to the target element in response to switching to a second sliding operation in a second direction on the target element of the first control; and / or performing a reduction operation on the object to be adjusted corresponding to the target element in response to switching from the second sliding operation in the second direction to a second sliding operation in a third direction.
[0110] Optionally, the adjustment module 702 may further include an operation detection unit configured to detect and respond to a target trigger operation on the first control in real time in response to an end point of a second sliding operation being located in a related area corresponding to the first control after performing a zoom process on the object to be adjusted, where the target trigger operation starts from the end point, and the target trigger operation includes an operation of controlling the target media content to perform a display progress adjustment.
[0111] In the above solution, continuous sliding may be maintained when switching between the second sliding operation and the operation of controlling the target media content to adjust the display progress.
[0112] In the above solution, the zoom unit may be configured to zoom in on the object to be adjusted by zooming in on a target image currently displayed in the media content display page in the target media content around a target position, where the target position is a predetermined position in a target picture where the target image is located or a display position of the target image.
[0113] Optionally, the adjustment module 702 may further include a position determination unit configured to perform image identification on the target picture before performing zoom processing on the object to be adjusted, and to determine a total number of candidate images included in the target picture, where the candidate images include images of the target object, and perform at least one of: in response to determining that the total number is zero, setting a predetermined position in the target picture as a target position; in response to determining that the total number is 1, setting a display position of the candidate image in the target picture as a target position; and in response to determining that the total number is 2 or more, setting a display position of a target image among the candidate images in the target picture as a target position.
[0114] Optionally, the zoom unit may be further configured to display a picture corresponding to any one of the elements in the target media content on the media content display page in response to the second sliding operation sliding to any one of the elements.
[0115] Optionally, the display control device according to this embodiment may further include a stop display module configured to stop displaying the first control in response to the trigger of the slide operation being terminated, or to stop displaying the first control in response to the length of time since the last trigger of the slide operation being terminated reaching a predetermined length of time.
[0116] In the above solution, the stop display module may be configured to stop displaying the first control by switching the first control to a second control.
[0117] In the above solution, the control display module 701 may include: a display unit configured to display target media content and a second control corresponding to the target media content on a media content display page; and a switching unit configured to switch the second control to a first control in response to a trigger operation on the second control.
[0118] The display control device according to the embodiment of the present disclosure can execute the display control method according to any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the display control method. For technical details not described in detail in this embodiment, please refer to the display control method according to any embodiment of the present disclosure.
[0119] 10, which shows a structural schematic diagram of an electronic device (e.g., a terminal device) 800 suitable for implementing an embodiment of the present disclosure. The terminal device in the embodiment of the present disclosure may include mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (Portable Android Devices (PADs)), portable media players (PMPs), and in-vehicle terminals (e.g., in-vehicle navigation terminals), as well as fixed terminals such as digital televisions (TVs) and desktop computers. The electronic device shown in FIG. 10 is merely an example.
[0120] 10, the electronic device 800 may include a processing unit (e.g., a central processor, a graphics processor, etc.) 801, which can perform various appropriate operations and processes based on programs stored in a read-only memory (ROM) 802 or loaded from a storage device 808 into a random access memory (RAM) 803. The RAM 803 further stores various programs and data necessary for the operation of the electronic device 800. The processing unit 801, the ROM 802, and the RAM 803 are connected to each other via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.
[0121] Generally, input devices 806, including, for example, a touch screen, touch board, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 807, including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 808, including, for example, a magnetic tape, hard disk, etc.; and communication devices 809, can be connected to the I / O interface 805. The communication devices 809 can enable the electronic device 800 to exchange data with other devices through wireless or wired communication. While FIG. 10 illustrates the electronic device 800 having various devices, it should be understood that it is not required to implement or include all of the devices shown. Alternatively, more or fewer devices can be implemented or included.
[0122] In particular, according to embodiments of the present disclosure, the processes described with reference to the flowcharts above can be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, the computer program including program code for performing the methods shown in the flowcharts. In such embodiments, the computer program may be downloaded and installed from a network via the communication device 809, or may be installed from the storage device 808, or may be installed from the ROM 802. When the computer program is executed by the processing device 801, the functions of the methods of the embodiments of the present disclosure are performed.
[0123] It should be noted that the computer-readable medium of the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of both. The computer-readable storage medium may be, for example, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. The computer-readable storage medium may include an electrical connection having one or more conductors, a portable computer disk, a hard disk, RAM, ROM, an erasable programmable read-only memory (EPROM or flash memory), optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program, which may be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium may include a propagated data signal, in baseband or as part of a carrier, carrying computer-readable program code. Such propagated data signals may take various forms, including electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium, which is capable of transmitting, propagating, or transmitting a program for use by or in connection with an instruction execution system, apparatus, or device. Program code contained on a computer-readable medium may be transmitted over any suitable medium, including electrical wire, optical cable, radio frequency (RF), or the like, or any suitable combination of the above.
[0124] In some embodiments, clients and servers may communicate using any network protocol now known or hereafter developed, such as HyperText Transfer Protocol (HTTP), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include local area networks (LANs), wide area networks (WANs), the World Wide Web (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any network now known or hereafter developed.
[0125] The computer-readable medium may be included in the electronic device, or may be a standalone entity not integrated into the electronic device.
[0126] The computer-readable medium carries one or more programs, and when executed by the electronic device, the one or more programs cause the electronic device to: display target media content and a first control corresponding to the target media content for indicating the progress of displaying the target media content on a media content display page; and adjust, in response to a slide operation acting within the media content display page, at least one of the position of at least one element in the first control and the display size of an object to be adjusted, wherein the object to be adjusted includes at least one of at least one element in the first control and a target image of the target media content currently displayed within the media content display page, and wherein the first control includes at least one element.
[0127] Computer program code for carrying out the operations of the present disclosure can be written in one or more programming languages, or a combination thereof, including object-oriented programming languages such as Java, Smalltalk, and C++, as well as general procedural programming languages such as "C" or similar. The program code may run entirely on the user computer, partially on the user computer, as a separate software package, partially on the user computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet Service Provider).
[0128] The flowcharts and block diagrams in the figures illustrate the system architecture, functions, and operations of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or portion of code, which includes one or more executable instructions for implementing the specified logical function. It should also be noted that in some implementations, the functions illustrated in the blocks may occur in a different order than illustrated in the figures. For example, two consecutive blocks may actually be executed essentially in parallel, or may be executed in the reverse order depending on the functionality involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented by a dedicated hardware-based system that performs the specified functions or operations, or by a combination of dedicated hardware and computer instructions.
[0129] The units described in connection with the embodiments of the present disclosure may be implemented in a software manner or in a hardware manner, and the names of the modules may be set according to actual situations in some cases.
[0130] The functionality described herein above may be performed, at least in part, by one or more hardware logic components. For example, typical types of hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), etc.
[0131] In the context of this disclosure, 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, device, or apparatus. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or apparatus, or any suitable combination of the above. A machine-readable storage medium includes one or more line-based electrical connections, a portable computer disk, a hard disk, RAM, ROM, erasable programmable read-only memory (EPROM or flash memory), optical fiber, CD-ROM, optical storage device, magnetic storage device, or any suitable combination of the above.
[0132] According to one or more embodiments of the present disclosure, Example 1 provides a display control method, comprising: displaying, on a media content display page, target media content and a first control corresponding to the target media content for indicating a progress of displaying the target media content; In response to a slide operation acting within the media content display page, adjusting at least one of the position of at least one element in the first control and the display size of an object to be adjusted, wherein the object to be adjusted includes at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes at least one element.
[0133] According to one or more embodiments of the present disclosure, Example 2 is the method of Example 1, wherein the at least one element is at least one thumbnail corresponding to the target media content.
[0134] According to one or more embodiments of the present disclosure, Example 3 is the method according to Example 1, wherein adjusting at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page includes: In response to a first sliding operation on the first control, the at least one element is controlled to move along a first direction.
[0135] According to one or more embodiments of the present disclosure, Example 4 is a method according to Example 3, The method further includes displaying a target picture corresponding to a target element in the target media content on the media content display page, where the target element is an element displayed at a current position that is a slide destination of the first slide operation.
[0136] According to one or more embodiments of the present disclosure, Example 5 provides the method according to Example 3, wherein controlling the at least one element to move along a first direction includes: In response to the at least one element not being entirely displayed within the media content display page, controlling the at least one element to move along a first direction.
[0137] According to one or more embodiments of the present disclosure, Example 6 is the method according to Example 3, wherein the first direction is different from the sliding direction of the first sliding operation and / or the moving speed of the at least one element is different from the sliding speed of the first sliding operation.
[0138] According to one or more embodiments of the present disclosure, Example 7 is the method according to Example 6, wherein the first direction is opposite to a sliding direction of the first sliding operation, and a moving speed of the at least one element has a positive correlation with a sliding speed of the first sliding operation.
[0139] According to one or more embodiments of the present disclosure, Example 8 is the method according to Example 7, wherein controlling the at least one element to move along a first direction includes: The method includes determining a target movement speed of the at least one element according to a slide speed of the first slide operation and an array length of the at least one element, and controlling the at least one element to move along a first direction at the target movement speed.
[0140] According to one or more embodiments of the present disclosure, Example 9 is the method according to Example 1, wherein adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted includes: In response to the slide operation sliding to a target boundary position of the related area corresponding to the first control, the first element or the last element in the first control is controlled to move and be displayed within the media content display page.
[0141] According to one or more embodiments of the present disclosure, Example 10 is a method according to any one of Examples 1 to 9, wherein adjusting at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page includes: In response to a second sliding operation on the first control, zooming in on the target to be adjusted is also included.
[0142] According to one or more embodiments of the present disclosure, Example 11 provides the method of Example 10, wherein performing a zoom process on the target to be adjusted in response to a second sliding operation on the first control includes: performing an enlargement process on the object to be adjusted in response to a second slide operation along a second direction; and performing a reduction process on the object to be adjusted in response to a second slide operation along a third direction.
[0143] According to one or more embodiments of the present disclosure, Example 12 provides the method of Example 10, wherein performing a zoom operation on the target to be adjusted in response to a second sliding operation on the first control includes: In the process of controlling the target media content to adjust the display progress, in response to switching to a second sliding operation in a second direction on a target element of the first control, performing an enlargement process on an object to be adjusted corresponding to the target element; and performing a shrinking process on an object to be adjusted corresponding to the target element in response to switching from a second sliding operation in the second direction to a second sliding operation in a third direction.
[0144] According to one or more embodiments of the present disclosure, Example 13 is the method according to Example 10, wherein after performing a zoom process on the object to be adjusted, the method includes: The method further includes detecting and responding to a target trigger operation on the first control in real time in response to an end point of the second slide operation being located in a related area corresponding to the first control, wherein the target trigger operation starts from the end point and includes an operation of controlling the target media content to adjust display progress.
[0145] According to one or more embodiments of the present disclosure, Example 14 is the method of Example 13, wherein continuous sliding is maintained when switching between the second sliding operation and an operation of controlling the target media content to adjust the display progress.
[0146] According to one or more embodiments of the present disclosure, Example 15 is the method according to Example 10, wherein the zooming of the object to be adjusted is performed by: This includes zooming a target image currently displayed in the media content display page in the target media content, centered on a target position, where the target position is a predetermined position in a target picture where the target image is located or a display position of the target image.
[0147] According to one or more embodiments of the present disclosure, Example 16 is the method of Example 15, further comprising: before performing a zoom process on the object to be adjusted, the method comprising: performing image classification on the target picture to determine a total number of candidate images included in the target picture, wherein the candidate images include an image of a target object; in response to determining that the total number is zero, determining a predetermined location in the target picture as a target location; responsive to determining that the total number is 1, determining a display position of the candidate image in the target picture as a target position; and in response to determining that the total number is two or more, performing at least one of: determining a display position in the target picture of a target image among the candidate images as a target position.
[0148] According to one or more embodiments of the present disclosure, Example 17 is a method according to Example 10, The method further includes displaying a picture corresponding to the one element in the target media content on the media content display page in response to the second sliding operation sliding to the one element.
[0149] According to one or more embodiments of the present disclosure, Example 18 is a method according to any one of Examples 1 to 9, ceasing the display of the first control in response to the triggering of the slide operation being terminated; or The method further includes ceasing the display of the first control in response to a predetermined length of time having elapsed since the last trigger of the slide operation ended.
[0150] According to one or more embodiments of the present disclosure, Example 19 is the method of Example 18, wherein stopping the display of the first control comprises: Switching the first control to a second control.
[0151] According to one or more embodiments of the present disclosure, Example 20 provides the method of any one of Examples 1 to 9, wherein displaying target media content and a first control corresponding to the target media content on the media content display page includes: displaying the target media content and a second control corresponding to the target media content on a media content display page; and switching the second control to the first control in response to a trigger operation on the second control.
[0152] According to one or more embodiments of the present disclosure, Example 21 provides a display control device, a control display module configured to display, on a media content display page, target media content and a first control corresponding to the target media content for indicating a display progress of the target media content; an adjustment module configured to adjust at least one of the position of at least one element in the first control and the display size of an object to be adjusted in response to a slide operation acting within the media content display page, the object to be adjusted including at least one of the at least one element in the first control and a target image currently displayed within the media content display page in the target media content, wherein the first control includes an adjustment module including at least one element.
[0153] According to one or more embodiments of the present disclosure, Example 22 provides an electronic device, one or more processors; a memory for storing one or more programs; The one or more programs are executed by the one or more processors, causing the one or more processors to realize the display control method according to any one of Examples 1 to 20.
[0154] According to one or more embodiments of the present disclosure, Example 23 provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, realizes the display control method described in any one of Examples 1 to 20.
[0155] It should be noted that although operations are described using a particular sequence, this should not be understood as requiring that these operations be performed in the particular sequence shown, or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Certain features that are described in the context of a single embodiment may also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment may also be implemented in multiple embodiments, either alone or in any suitable subcombination.
Claims
1. displaying, on a media content display page, target media content and a first control corresponding to the target media content for indicating a progress of displaying the target media content; adjusting at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page; the object to be adjusted includes at least one of at least one element in the first control and a target image in the target media content currently displayed within the media content display page, the first control including at least one element; adjusting at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page, controlling the at least one element to move along a first direction in response to a first sliding operation on the first control; the first direction is different from the slide direction of the first slide operation; a moving speed of the at least one element is different from a sliding speed of the first sliding operation; A display control method including at least one of the above.
2. The method of claim 1 , wherein the at least one element is at least one thumbnail corresponding to the target media content.
3. further comprising displaying a target picture corresponding to a target element in the target media content on the media content display page; The method of claim 1 , wherein the target element is an element displayed at a current position to which the first slide operation is slid.
4. Controlling the at least one element to move along a first direction includes:
2. The method of claim 1, further comprising: controlling the at least one element to move along a first direction in response to the at least one element not being displayed in its entirety within the media content display page.
5. The method of claim 1 , wherein the first direction is opposite to a sliding direction of the first sliding operation, and the moving speed of the at least one element has a positive correlation with a sliding speed of the first sliding operation.
6. Controlling the at least one element to move along a first direction includes:
6. The method of claim 5, further comprising determining a target movement speed of the at least one element according to a slide speed of the first slide operation and an array length of the at least one element, and controlling the at least one element to move along a first direction at the target movement speed.
7. Adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted includes:
2. The method of claim 1, further comprising controlling a first element or a last element in the first control to be moved and displayed within the media content display page in response to the slide operation sliding to a target boundary position of a related region corresponding to the first control that corresponds to a slide direction of the first slide operation.
8. adjusting at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page, The method of claim 1 , further comprising: performing a zoom process on the object to be adjusted in response to a second sliding operation on the first control.
9. performing a zoom process on the target to be adjusted in response to a second slide operation on the first control; performing an enlargement process on the object to be adjusted in response to a second slide operation along a second direction; and performing a shrinking process on the object to be adjusted in response to a second sliding operation along a third direction.
10. performing a zoom process on the target to be adjusted in response to a second slide operation on the first control; In the process of controlling the target media content to adjust the display progress, in response to switching to a second sliding operation in a second direction on a target element of the first control, performing an enlargement process on an object to be adjusted corresponding to the target element; performing a reduction process on an object to be adjusted corresponding to the target element in response to switching from a second slide operation in the second direction to a second slide operation in a third direction; The method of claim 8, comprising at least one of:
11. After performing a zoom process on the object to be adjusted, the method includes: and further comprising detecting and responding to a target trigger operation on the first control in real time in response to an end point of the second slide operation being located in a related area corresponding to the first control, wherein: The method of claim 8 , wherein the target trigger operation starts from the end point, and the target trigger operation includes an operation that controls the targeted media content to make a display progress adjustment.
12. The method of claim 11 , further comprising maintaining continuous sliding when switching between the second sliding operation and the operation of controlling the target media content to adjust the display progress.
13. The zooming process for the object to be adjusted is performed by zooming a target image currently displayed within the media content display page in the target media content around a target location; The method of claim 8 , wherein the target location is a predetermined location of a target picture in which the target image is located or a display location of the target image.
14. Before zooming in on the object to be adjusted, the method includes: performing image classification on the target picture to determine a total number of candidate images included in the target picture, the candidate images including images of a target subject; in response to determining that the total number is zero, determining a predetermined location in the target picture as a target location; in response to determining that the total number is one, determining a display location of the candidate image in the target picture as a target location; in response to determining that the total number is equal to or greater than two, determining a display position in the target image of a target picture among the candidate images as a target position; The method of claim 13, further comprising:
15. 9. The method of claim 8, further comprising: displaying a picture corresponding to any one of the elements in the target media content on the media content display page in response to the second slide operation sliding to any one of the elements.
16. ceasing the display of the first control in response to the triggering of the slide operation being terminated; or stopping the display of the first control in response to a time length since the last trigger of the slide operation has ended reaching a predetermined time length; The method of claim 1 further comprising:
17. Stopping display of the first control includes:
17. The method of claim 16, comprising switching the first control to a second control.
18. Displaying target media content and a first control corresponding to the target media content on the media content display page includes: displaying the target media content and a second control corresponding to the target media content on the media content display page; switching the second control to a first control in response to a trigger operation on the second control; The method of claim 1 , comprising:
19. a control display module configured to display, on a media content display page, target media content and a first control corresponding to the target media content for indicating a display progress of the target media content; an adjustment module configured to adjust at least one of a position of at least one element in the first control and a display size of an object to be adjusted in response to a slide operation acting within the media content display page; the object to be adjusted includes at least one of at least one element in the first control and a target image in the target media content currently displayed within the media content display page, the first control including at least one element; the adjustment module controls the at least one element to move along a first direction in response to a first sliding operation on the first control; the first direction is different from the slide direction of the first slide operation; a moving speed of the at least one element is different from a sliding speed of the first sliding operation; A display control device including at least one of the above.
20. at least one processor; 1. An electronic device comprising: a memory communicatively coupled to the at least one processor; An electronic device in which a computer program executable by the at least one processor is stored in the memory, and the computer program is executed by the at least one processor to cause the at least one processor to execute a display control method described in any one of claims 1 to 18.
21. A computer-readable storage medium having stored thereon computer instructions, the computer instructions being used to implement the display control method of any one of claims 1 to 18 when executed by a processor.
22. A program which, when executed by a processor, implements the method of any one of claims 1 to 18.
Citation Information
Patent Citations
Method for displaying object on device and device therefor
CN107111429A
Information processor, data division method and data division program
JP2012058858A
Output control apparatus, output control method, and program
JP2017224967A
Display control device, display control method, and computer program
US20120127107A1
Media device with radial gesture control and methods for use therewith
US20160378237A1