Media content display method and apparatus, electronic device, storage medium, and program product

By setting up image and text areas in the media content display interface and adjusting the area size through triggering operations, the problem of the single display method in the existing technology is solved, realizing flexible content display and simplified operation process, and improving user experience.

WO2026002143A1PCT designated stage Publication Date: 2026-01-02BEIJING ZITIAO NETWORK TECH CO LTD
View PDF 4 Cites 0 Cited by

Patent Information

Application Number
PCT/CN2025/103980
Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
Priority Date
2024-06-26
Filing Date
2025-06-26
Publication Date
2026-01-02

AI Technical Summary

Technical Problem

Existing technologies offer relatively simple media content display methods, lacking flexible adjustments and rich presentation of image and text content.

Method used

In the media content display interface, a first area and a second area are set up to display image content and text content, respectively. The size of the two areas can be adjusted by preset trigger operations to maintain the display of the interface while adaptively adjusting the size of the areas to avoid content obscuring.

Benefits of technology

It enables flexible adjustment of image and text content display without switching interfaces, enriching the display effect of media content, simplifying the operation process, and improving the user experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2025103980_02012026_PF_FP_ABST
    Figure CN2025103980_02012026_PF_FP_ABST
Patent Text Reader

Abstract

Embodiments of the present disclosure provide a media content display method and apparatus, an electronic device, a storage medium, and a program product. The media content display method comprises: displaying first media content in a media content display interface, wherein the media content display interface comprises a first area and a second area, the first area is used for displaying image content of the first media content, and the second area is used for displaying at least part of text content of the first media content; and in response to a preset trigger operation on the media content display interface, keeping displaying the media content display interface, and adjusting the area size of the first area and the area size of the second area.
Need to check novelty before this filing date? Find Prior Art

Description

Method, apparatus, electronic device, storage medium and program product for displaying media content

[0001] This application claims priority to Chinese Patent Application No. 202410841308.2, filed on June 26, 2024, the disclosure of which is incorporated herein in its entirety as part of the present application. TECHNICAL FIELD

[0002] Embodiments of the present disclosure relate to a method, apparatus, electronic device, storage medium and program product for displaying media content. BACKGROUND

[0003] Currently, in some applications, image content and at least part of text content of media content can be displayed in a media content display interface. However, the display manner of media content is relatively single. SUMMARY

[0004] Embodiments of the present disclosure provide a method, apparatus, electronic device, storage medium and program product for displaying media content.

[0005] In a first aspect, embodiments of the present disclosure provide a method for displaying media content, comprising:

[0006] displaying first media content in a media content display interface, wherein the media content display interface comprises a first region and a second region, the first region is configured to display image content of the first media content, and the second region is configured to display at least part of text content of the first media content;

[0007] in response to a preset trigger operation acting on the media content display interface, maintaining display of the media content display interface, and adjusting the region size of the first region and the region size of the second region.

[0008] In a second aspect, embodiments of the present disclosure also provide a display apparatus for media content, comprising:

[0009] a media content display module configured to display first media content in a media content display interface, wherein the media content display interface comprises a first region and a second region, the first region is configured to display image content of the first media content, and the second region is configured to display at least part of text content of the first media content;

[0010] a size adjustment module configured to, in response to a preset trigger operation acting on the media content display interface, maintain display of the media content display interface, and adjust the region size of the first region and the region size of the second region.

[0011] In a third aspect, the embodiments of the present disclosure further provide an electronic device, comprising:

[0012] one or more processors;

[0013] a memory for storing one or more programs,

[0014] when the one or more programs are executed by the one or more processors, the one or more processors implement the method for presenting media content according to the embodiments of the present disclosure.

[0015] In a fourth aspect, the embodiments of the present disclosure further provide a computer-readable storage medium, which stores a computer program, and the program is executed by a processor to implement the method for presenting media content according to the embodiments of the present disclosure.

[0016] In a fifth aspect, the embodiments of the present disclosure further provide a computer program product, when the computer program product is executed by a computer, the computer implements the method for presenting media content according to the embodiments of the present disclosure. BRIEF DESCRIPTION OF DRAWINGS

[0017] The above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent upon reading the following detailed description in conjunction with the accompanying drawings, in which like reference numerals refer to like elements. It is to be understood that the drawings are designed solely for the purpose of illustration and not as a definition of the limits of the disclosure, for which reference should be made only to the appended claims. Throughout the drawings, like reference numerals indicate like elements.

[0018] FIG. 1 is a flowchart of a method for presenting media content according to an embodiment of the present disclosure;

[0019] FIG. 2 is a schematic diagram of a media content presentation interface according to an embodiment of the present disclosure;

[0020] FIG. 3 is a schematic diagram of another media content presentation interface according to an embodiment of the present disclosure;

[0021] FIG. 4 is a schematic diagram of a text content switching process according to an embodiment of the present disclosure;

[0022] FIG. 5 is a schematic diagram of a target content moving process according to an embodiment of the present disclosure;

[0023] FIG. 6 is a flowchart of another method for presenting media content according to an embodiment of the present disclosure;

[0024] FIG. 7 is a schematic diagram of a process for adjusting the size of a first region and the size of a second region according to an embodiment of the present disclosure;

[0025] FIG. 8 is a schematic diagram of another process for adjusting the size of a first region and the size of a second region according to an embodiment of the present disclosure;

[0026] FIG. 9 is a structural block diagram of a media content display device according to an embodiment of the present disclosure; and

[0027] FIG. 10 is a structural schematic diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0028] Embodiments of the present disclosure will be described in more detail with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein, but rather the embodiments are provided so that the present disclosure can be more thoroughly and completely understood. It should be understood that the drawings and embodiments of the present disclosure are merely for illustrative purposes and are not intended to limit the scope of the present disclosure.

[0029] It should be understood that the various steps in the method embodiments of the present disclosure can be performed in different orders and / or in parallel. In addition, the method embodiments can include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0030] The term "comprising" and variations thereof as used in the present disclosure are open-ended, that is, "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Related definitions will be given in the description below.

[0031] It should be noted that the concepts of "first", "second", etc. mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not intended to limit the order or interdependence of the functions performed by these devices, modules or units.

[0032] It should be noted that the modification of "one" or "multiple" mentioned in the present disclosure is illustrative and not limiting, and those skilled in the art should understand that, unless otherwise explicitly indicated in the context, it should be understood as "one or more".

[0033] The names of the messages or information exchanged between the devices in the embodiments of the present disclosure are only for illustrative purposes, and are not intended to limit the scope of the messages or information.

[0034] It can be understood that the data involved in the technical solutions of the present disclosure (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the relevant laws, regulations and provisions.

[0035] FIG. 1 is a flow diagram of a method for displaying media content according to an embodiment of the present disclosure. The method can be performed by a device for displaying media content, which can be implemented by software and / or hardware and can be configured in an electronic device, for example, a mobile phone or a tablet computer. The method for displaying media content according to an embodiment of the present disclosure is suitable for scenarios of displaying image content and text content of media content in different regions of a media content display interface, for example, scenarios of adjusting the sizes of regions for displaying image content and text content in a media content display interface. As shown in FIG. 1, the method for displaying media content according to an embodiment of the present disclosure can include the following steps.

[0036] S101, displaying first media content in a media content display interface, wherein the media content display interface includes a first region and a second region, the first region is configured to display image content of the first media content, and the second region is configured to display at least part of text content of the first media content.

[0037] The media content display interface can be an interface for displaying media content, for example, an interface supporting display of different media content based on switching of corresponding media content streams. The media content display interface includes a first region and a second region. The first region and the second region are different regions in the media content display interface. The first region can be understood as a region for displaying image content of currently displayed media content in the media content display interface, that is, an image content display region. The second region can be understood as a region for displaying text content of currently displayed media content in the media content display interface, that is, a text content display region.

[0038] The first media content can be understood as media content currently displayed in the media content display interface, for example, media content displayed in the media content display interface when a preset trigger operation is received. The first media content can include image content and text content. The image content can be understood as image type content, for example, video content and / or picture content, etc. The text content can be understood as text type content, which can include at least one character.

[0039] Specifically, media content can be displayed in the media content display interface, for example, image content and text content of media content can be displayed in different regions of the media content display interface.

[0040] For example, when the first media content is displayed in the media content display interface, the image content of the first media content can be displayed in the first area 20 of the media display interface, and the text content of the first media content can be displayed in the second area 21 of the media content display interface, as shown in FIG. 2. At this time, for example, the first area 20 and the second area 21 can not have an overlapping area.

[0041] S102, in response to a preset trigger operation acting on the media content display interface, maintaining display of the media content display interface and adjusting the area size of the first area and the area size of the second area.

[0042] The preset trigger operation can be a trigger operation for indicating adjustment of the area size of the first area and the area size of the second area in the media content display interface. The preset trigger operation can be performed in various ways, for example, the preset trigger operation can be an operation of triggering the image content displayed in the first area, triggering the text content displayed in the second area, triggering a certain control, or sliding in a certain direction. The area size of a certain area (such as the first area and / or the second area) can be understood as the size of the area, such as the width and / or height of the area.

[0043] Specifically, when the preset trigger operation acting on the media content display interface is received, the display of the media content display interface can be maintained, and the area size of the first area 20 and the area size of the second area 21 in the media content display interface can be adjusted. For example, when the preset trigger operation acting on the media content display interface is received, the currently displayed interface can not be switched, the area height and / or area width of the first area 20 in the media content display interface can be adjusted, and the area height and / or area width of the second area 21 in the media content display interface can be adjusted, as shown in FIG. 3 (for example, the height of the first area 20 and the height of the second area 21 are adjusted). At this time, for example, after the area size is adjusted, the first area 20 and the second area 21 can not have an overlapping area.

[0044] In this embodiment, when the area size of the first area is adjusted, only the area width or the area height of the first area can be adjusted, or both the area width and the area height of the first area can be adjusted; when the area size of the second area is adjusted, only the area width or the area height of the second area can be adjusted, or both the area width and the area height of the second area can be adjusted, which can be set as needed.

[0045] For example, when adjusting the region size of the first region and the region size of the second region, the region size of one of the two regions can be adjusted, and the region size of the other region is adaptively adjusted according to the region size of the one region. For example, the region height of one of the two regions can be adjusted, and the region height of the other region is adjusted according to the adjusted region height of the one region; and / or, the region width of one of the two regions can be adjusted, and the region width of the other region is adaptively adjusted according to the adjusted region width of the one region. Thus, the extra blank region in the media content display interface caused by adjusting the region size of the first region and the region size of the second region is avoided, and the content displayed in the two regions is not blocked.

[0046] Optionally, the adjusting the region size of the first region and the region size of the second region comprises: keeping the region width of the first region and the region width of the second region unchanged, and adjusting the region height of the first region and the region height of the second region; and / or, keeping the region height of the first region and the region height of the second region unchanged, and adjusting the region width of the first region and the region width of the second region.

[0047] For example, when adjusting the region size of the first region and the region size of the second region, the region width of the first region and the region width of the second region can be kept unchanged, and only the region height of the first region and the region height of the second region are adjusted; or the region height of the first region and the region height of the second region can be kept unchanged, and only the region width of the first region and the region width of the second region are adjusted.

[0048] As an optional example, it can be preset whether to adjust the region height of the first region and the region height of the second region, or to adjust the region width of the first region and the region width of the second region when adjusting the region size of the first region and the region size of the second region.

[0049] As another optional example, whether to adjust the region height of the first region and the region height of the second region, or to adjust the region width of the first region and the region width of the second region when adjusting the region size of the first region and the region size of the second region can be determined according to the relative position relationship of the first region and the second region in the media content display interface.

[0050] For example, when the first region and the second region are arranged vertically, such as when the first region is above or below the second region, the region height of the first region and the region height of the second region can be kept unchanged, and the region width of the first region and the region width of the second region can be adjusted in response to the preset trigger operation. For example, when the region width of the first region and the region width of the second region are adjusted, the sum of the region width of the first region and the region width of the second region can be kept unchanged, and the region width of one of the first region and the second region can be increased and the region width of the other region can be decreased according to the received preset trigger operation.

[0051] When the first region and the second region are arranged horizontally, such as when the first region is on the left side or the right side of the second region, the region height of the first region and the region height of the second region can be kept unchanged, and the region width of the first region and the region width of the second region can be adjusted in response to the preset trigger operation. For example, when the region width of the first region and the region width of the second region are adjusted, the sum of the region width of the first region and the region width of the second region can be kept unchanged, and the region width of one of the first region and the second region can be increased and the region width of the other region can be decreased according to the received preset trigger operation.

[0052] In this embodiment, after the region size of a region (such as the first region and / or the second region) is adjusted, the content displayed in the region can be adaptively adjusted according to the adjusted region size, such as the display size of the content displayed in the region can be adjusted, and / or the content displayed in the region can be increased or decreased to meet the user's demand for viewing the content in the region under different display sizes or viewing more or less content in the region.

[0053] Optionally, the method for displaying media content can further include: in response to the adjustment of the region size of the first region, magnifying or reducing the image content displayed in the first region according to the adjusted region size of the first region; and / or in response to the adjustment of the region size of the second region, increasing or decreasing the text content displayed in the second region according to the adjusted region size of the second region.

[0054] Specifically, when the region size of the first region is adjusted, the image content displayed in the first region can be scaled according to the adjusted region size of the first region. For example, when the region size of the first region is reduced, the display size of the image content displayed in the first region can be reduced according to the reduced region size of the first region, as shown in FIG. 3; when the region size of the first region is increased, the display size of the image content displayed in the first region can be increased according to the increased region size of the first region.

[0055] When the region size of the second region is adjusted, the display parameter of the text content in the second region can be kept unchanged, and the image content displayed in the second region is increased or decreased according to the adjusted region size of the second region. For example, when the region size of the second region is increased, the text content displayed in the second region can be increased according to the increased region size of the second region, as shown in FIG. 3. When the region size of the second region is decreased, the text content displayed in the second region can be decreased according to the decreased region size of the second region. The display parameter of the text content may, for example, include the font size, the inter-character spacing, and / or the line spacing of the text content when the text content is displayed

[0056] When the display size of the image content displayed in the first region is adjusted, the aspect ratio of the image content can be kept unchanged. For example, if the aspect ratio of the currently displayed image content is greater than the adjusted aspect ratio of the region size of the first region, the aspect ratio of the currently displayed image content can be kept unchanged, and the width of the currently displayed image content can be adjusted to be equal to the adjusted region width of the first region. If the aspect ratio of the currently displayed image content is equal to the adjusted aspect ratio of the region size of the first region, the aspect ratio of the currently displayed image content can be kept unchanged, and the size of the currently displayed image content can be adjusted to be equal to the adjusted region size of the first region. If the aspect ratio of the currently displayed image content is less than the adjusted aspect ratio of the region size of the first region, the aspect ratio of the currently displayed image content can be kept unchanged, and the height of the currently displayed image content can be adjusted to be equal to the adjusted region height of the first region.

[0057] It should be noted that when the region size of the first region and the region size of the second region are adjusted in response to the preset trigger operation, the hierarchical relationship between the image content displayed in the first region and the text content displayed in the second region is not adjusted. For example, if the image content displayed in the first region and the text content displayed in the second region are located in the same display layer before adjustment, the image content displayed in the first region and the text content displayed in the second region are still located in the same display layer after adjustment.

[0058] In addition, as shown in FIGS. 2 and 3, the progress indication control 22 of the first media content can be displayed in the media content display interface before and after the region size of the first region and the region size of the second region are adjusted. The progress indication control 22 can be used to indicate and / or adjust the display progress of the image content of the first media content.

[0059] The method for displaying media content provided in the embodiment displays first media content in a media content display interface, wherein the media content display interface comprises a first region and a second region, the first region is used to display image content of the first media content, and the second region is used to display text content of the first media content; in response to a preset trigger operation acting on the media content display interface, the media content display interface is kept displayed, and the area size of the first region in the media content display interface and the area size of the second region in the media content display interface are adjusted. The above technical solution is used to support adjustment of the area size of the image content display region of the media content and the area size of the text content display region of the media content in the media content display interface, without interface switching, and without causing occlusion between the image content and the text content, so as to enrich the display mode of the media content, simplify the operation required for adjusting the area size of the image content display region and the area size of the text content display region, and improve the display effect of the image content and the text content of the media content.

[0060] In some optional embodiments, the image content comprises at least two picture contents, and after the area size of the first region and the area size of the second region are adjusted, the method further comprises: in response to a picture content switching operation acting on the media content display interface, switching the picture content displayed in the first region.

[0061] The picture content switching operation can be a trigger operation for instructing switching of the picture content displayed in the first region. The execution manner of the picture content switching operation is not limited. For example, the picture content switching operation can be an operation of sliding in a first direction in the media content display interface or an operation of triggering a picture content switching control, and the first direction can be horizontal or vertical, for example. The following is described by taking the first direction as horizontal as an example. The operation of sliding in the first direction can act on the first region, can act on the second region, or can act outside the first region and the second region.

[0062] In the embodiment, for the case that the image content of the first media content comprises at least two picture contents, the picture content switching operation can be supported by the user to switch the currently displayed picture content in the first region before and after the area size of the first region and the area size of the second region are adjusted, for example, the user can slide in the first region and / or the second region to switch the currently displayed picture content in the first region, without the need for the user to perform the picture content switching operation only in the second region, so as to reduce the difficulty of performing the picture content switching operation and provide convenience for the user to switch the picture content displayed in the second region.

[0063] Specifically, in the case that the image content of the first media content contains multiple picture contents, such as the case that the image content of the first media content is a picture set containing multiple picture contents, upon receiving a picture content switching operation acting on the media content display interface, the currently displayed picture content in the first region can be switched according to the picture content switching operation.

[0064] For example, when detecting that the current user swipes left in the first region, the second region and / or outside the first region and the second region of the media content display interface, the currently displayed picture content in the first region can be switched to the next picture content according to the arrangement order of each picture content in the first media content; when detecting that the current user swipes right in the first region, the second region and / or outside the first region and the second region of the media content display interface, the currently displayed picture content in the first region can be switched to the previous picture content according to the arrangement order of each picture content in the first media content.

[0065] In some optional embodiments, in the case that only part of the text content of the first media content is displayed in the second region, the media content display method further includes: in response to a text content switching operation acting on the second region, switching the displayed text content in the second region.

[0066] The text content switching operation can be a trigger operation for instructing switching of the displayed text content in the first region. The execution manner of the text content switching operation is not limited, and for example, the text content switching operation can include an operation of swiping in a second direction in the second region or an operation of triggering a text content switching control, etc. The second direction can be different from the first direction, for example, when the first direction is horizontal, the second direction can be vertical; when the first direction is vertical, the second direction can be horizontal, etc. The following is described by taking the second direction as vertical as an example.

[0067] In this embodiment, when only part of the text content of the first media content is displayed in the second region, i.e., when the text content of the first media content is not completely displayed in the second region, the user can switch the currently displayed text content in the second region by performing a text content switching operation, so that the user can view the entire text content of the first media content without switching to other interfaces, which can simplify the operation required for the user to completely view the text content of the currently displayed media content in the media content display interface and provide convenience for the user to continue viewing the media content in the media content display interface.

[0068] Specifically, in the case that only part of the text content of the first media content is displayed in the second region, upon receiving a text content switching operation acting on the second region, the displayed text content in the second region can be switched.

[0069] For example, as shown in FIG. 4, for the case that only part of the text content of the first media content is displayed in the second area 21, when detecting that the current user performs an upward swipe in the second area 21, the currently displayed text content in the second area 21 can be controlled to move upward to display the text content of the first media content located after the currently displayed text content into the second area 21; when detecting that the current user performs a downward swipe in the second area 21, the currently displayed text content in the second area 21 can be controlled to move downward to display the text content of the first media content located before the currently displayed text content into the second area 21.

[0070] It can be understood that, in the case that the area size of the second area is not adjusted (e.g., when the area size of the second area is the default area size thereof) and after the area size of the second area is adjusted (e.g., when the area size of the second area is not the default area size thereof), the user can be supported to switch the displayed text content in the second area through the text content switching operation in the case that only part of the text content of the first media content is displayed in the second area; or, the user can be supported to switch the displayed text content in the second area through the text content switching operation in the case that only part of the text content of the first media content is displayed in the second area only after the area size of the second area is adjusted (e.g., when the area size of the second area is the increased area size), and the user can not be supported to switch the displayed text content in the second area through the text content switching operation in the case that only part of the text content of the first media content is displayed in the second area when the area size of the second area is not adjusted (e.g., when the area size of the second area is the default area size thereof), and the specific setting can be made as needed.

[0071] In some optional embodiments, the method for displaying media content can further include: in response to a target swipe operation acting within the media content display interface, controlling a target content of the first media content to move, the target content including the image content and the at least part of the text content; and in response to a case that a moving distance of the target content when the target swipe operation ends is greater than or equal to a preset distance, controlling the target content to move out of the media content display interface, and displaying a second media content in the media content display interface.

[0072] The target swipe operation can be a trigger operation for controlling the currently displayed first media content in the media content display interface to move to switch the currently displayed media content in the media content display interface. The swipe direction of the target swipe operation can be horizontal or vertical, and the specific setting can be made as needed. Hereinafter, the swipe direction of the target swipe operation is taken as vertical as an example.

[0073] The target content can be the content currently displayed in the media content display interface, the content contained in the media content, and can include image content and text content currently displayed in the media content display interface, and can also include interactive controls associated with the media content currently displayed in the media content display interface, such as a like control, a comment control, a collection control, and / or a sharing control of the media content currently displayed, and the like.

[0074] The preset distance can be understood as the minimum distance that the target content needs to move when switching the media content currently displayed in the media content display interface by sliding triggering, which can be flexibly set as needed, such as 60px, 64px, or 70px.

[0075] The second media content can be the media content displayed in the media content display interface after switching, which can be the previous media content or the next media content of the first media content in the media content stream corresponding to the media content display interface, and can be determined based on the sliding direction of the target sliding operation.

[0076] In the embodiment, the user can slide to switch the media content currently displayed in the media content display interface before or after adjusting the area size of the first region and the area size of the second region.

[0077] Specifically, when the target sliding operation acting on the media content display interface is received, the image content and at least part of the text content of the first media content currently displayed can be controlled to move in the sliding direction of the target sliding operation. With the movement of the image content and at least part of the text content of the first media content, part of the content of the second media content can be moved into the media content display interface, as shown in FIG. 5 (taking upward sliding as an example). In addition, as shown in FIG. 5, the sliding prompt information can also be displayed on the upper layer of the second media content moved into the media content display interface to prompt the user that the sliding can switch the media content.

[0078] When the target sliding operation is executed, if the moving distance of the image content and at least part of the text content of the first media content is greater than or equal to the preset distance, the image content and at least part of the text content of the first media content can be controlled to continue to move out of the media content display interface in the sliding direction of the target sliding operation, and the image content and at least part of the text content of the second media content can be controlled to move into the media content display interface to display the second media content in the media content display interface, such as displaying the image content of the second media content in the first region of the media content display interface, and displaying at least part of the image content of the second media content in the second region of the media content display interface.

[0079] In addition, when the target sliding operation is ended, if the moving distance of the image content and the at least partial text content of the first media content is less than the preset distance, the image content and the at least partial text content can be controlled to move back to the state before the target sliding operation is received along the opposite direction of the sliding direction of the target sliding operation, so as to continue to display the image content and the at least partial text content of the first media content in the media content display interface.

[0080] In the embodiment, during the execution of the target sliding operation, the moving parameter of the target content can be determined according to the mapping relationship between the sliding parameter of the target sliding operation and the moving parameter of the target content. When the target sliding operation is applied within the second region or outside the second region, the mapping relationship between the sliding parameter of the target sliding operation and the moving parameter of the target content can be the same or different.

[0081] For example, when the target sliding operation and the text content switching operation are both vertical sliding operations, if the second region does not support the user to switch the text content displayed in the second region by the text content switching operation in the current state, such as when all the text content of the first media content is displayed in the second region, or only part of the text content of the first media content is displayed in the second region and the current region size of the second region is the default region size, the mapping relationship between the sliding parameter of the target sliding operation and the moving parameter of the target content can be the same when the target sliding operation is applied within the second region and outside the second region.

[0082] For example, when the target sliding operation and the text content switching operation are both vertical sliding operations, if the second region supports the user to switch the text content displayed in the second region by the text content switching operation in the current state, such as when only part of the text content of the first media content is displayed in the second region and the current region size of the second region is not the default region size, the mapping relationship between the sliding parameter of the target sliding operation and the moving parameter of the target content can be different when the target sliding operation is applied within the second region and outside the second region. Thus, the target sliding operation applied within the second region and outside the second region has different damping effects, which facilitates the user to distinguish the target sliding operation applied within the second region from the target sliding operation applied outside the second region. In addition, it also facilitates the user to distinguish the target sliding operation applied within the second region from the text content switching operation applied within the second region, for example, the mapping relationship between the text content switching operation applied within the second region and the moving parameter of the text content can be the same as the mapping relationship between the target sliding operation applied outside the second region and the moving parameter of the target content.

[0083] At this time, optionally, the target sliding operation includes a first sliding operation acting within the second region and / or a second sliding operation acting outside the second region, the first sliding operation and the second sliding operation have different mapping relationships with the movement parameter of the target content, the movement parameter includes at least one of a movement distance, a movement speed and a movement acceleration.

[0084] The first sliding operation can be a target sliding operation acting within the second region, such as an up sliding operation when the last line of text content of the first media content is displayed in the second region, etc. The second sliding operation can be a target sliding operation acting outside the second region, such as a vertical sliding operation acting outside the second region, etc.

[0085] The first sliding operation and the second sliding operation can have different mapping relationships with the movement parameter of the target content, that is, the first sliding operation and the second sliding operation can have different damping effects. For example, when the first sliding operation and the second sliding operation have the same sliding speed and sliding distance, the movement parameter of the target content during the execution of the first sliding operation can be greater than or less than the movement parameter of the target content during the execution of the second sliding operation, and the movement parameter may, for example, include a movement distance, a movement speed and / or a movement acceleration, etc.

[0086] In order to avoid the situation that the user mistakenly switches the first media content to the second media content when performing the text content switching operation for the first media content, optionally, when the first sliding operation and the second sliding operation have the same sliding parameter, the movement parameter corresponding to the first sliding operation is less than the movement parameter corresponding to the second sliding operation, wherein the sliding parameter includes a sliding speed and a sliding distance. That is, when the first sliding operation and the second sliding operation have the same sliding speed and sliding distance, the movement parameter of the target content during the execution of the first sliding operation can be less than the movement parameter of the target content during the execution of the second sliding operation

[0087] It should be noted that when the currently displayed media content in the media content display interface is switched from the first media content to the second media content, the first region can be displayed as the default region size of the first region, and the second region can be displayed as the default region size of the second region; or the region size of the first region and the region size of the second region can be kept unchanged, and the present embodiment does not limit this.

[0088] FIG. 6 is a flow diagram illustrating a method for displaying media content according to an embodiment of the present disclosure. The method of the present embodiment can be combined with one or more optional solutions of the above embodiments. Alternatively, the method of adjusting the size of the first region and the size of the second region in response to a preset trigger operation acting on the media content display interface includes: in response to a first trigger operation acting on the media content display interface, maintaining the display of the media content display interface, reducing the size of the first region, and increasing the size of the second region; and / or, in response to a second trigger operation acting on the media content display interface, maintaining the display of the media content display interface, increasing the size of the first region, and reducing the size of the second region.

[0089] Accordingly, as shown in FIG. 6, the method for displaying media content according to the present embodiment can include:

[0090] S201, displaying first media content in a media content display interface, and performing S202 or S203, wherein the media content display interface includes a first region and a second region, the first region is used to display image content of the first media content, and the second region is used to display at least part of text content of the first media content.

[0091] S202, in response to a first trigger operation acting on the media content display interface, maintaining the display of the media content display interface, reducing the size of the first region, and increasing the size of the second region.

[0092] The first trigger operation can be a trigger operation for indicating an increase in the size of the second region. The first trigger operation is not limited in execution manner, such as a click on a certain position or a sliding operation in a certain direction. Alternatively, the first trigger operation includes a first click trigger operation acting on the text content or an expansion control of the text content. This first click operation can be understood as a first trigger operation executed by clicking, such as clicking on the text content displayed in the second region or the display control corresponding to the text content displayed in the second region.

[0093] In the present embodiment, the user can increase the size of the second region by performing the first trigger operation, such as in a case where the current size of the second region is the default size of the second region and only part of the text content of the first media content is displayed in the second region. The user can increase the size of the second region by performing the first trigger operation to increase the text content displayed in the second region.

[0094] Specifically, in a case that a first triggering operation acting on the media content display interface is received, the display of the media content display interface can be maintained, the area size of the second region can be increased, and the area size of the first region can be reduced according to the area size of the second region in response to the first triggering operation.

[0095] For example, when the current area size of the second region 21 is a default area size and only part of the text content of the first media content is displayed in the second region 21, the expansion control 23 can be further displayed in the second region 21, as shown in the first drawing of FIG. 7 and the first drawing of FIG. 8. Thus, when it is detected that the current user clicks on the part of the text content displayed in the second region 21 or the expansion control 23 displayed in the second region 21, the area width of the first region 20 and the area width of the second region 21 can be kept unchanged, the area height of the second region 21 can be increased, and the area height of the first region 20 can be reduced according to the increased area height of the second region 21, as shown in the second drawing of FIG. 7 and the second drawing of FIG. 8.

[0096] In this embodiment, the determination manner of the increased area size of the second region in response to the first triggering operation is not limited. Alternatively, the increased area size of the second region is a preset area size, or the increased area size of the second region is associated with a preset aspect ratio of the text content and / or the first region. For example, the area size of the second region can be increased to a preset area size, or the area size of the second region can be increased to an area size determined based on the text content of the first media content and / or the preset aspect ratio of the first region.

[0097] The manner of determining the increased area size of the second region based on the text content of the first media content and / or the preset aspect ratio of the first region can be flexibly set as needed.

[0098] In some examples, the minimum area size of the second region required to display the text content of the first media content completely in the second region can be determined according to the display parameter of the text content of the first media content currently in the second region and the total number of characters of the text content of the first media content, and the minimum area size can be taken as the increased area size of the second region. Thus, after the area size of the second region is increased, the entire text content of the first media content can be displayed completely in the second region. At this time, the increased area size of the second region is associated with the preset aspect ratio of the text content and / or the first region, including that the text content is displayed completely in the second region after the area size of the second region is increased.

[0099] In some examples, a preset aspect ratio of the first region can be set, such as a preset maximum aspect ratio of the first region when the height of the first region is reduced in response to the first trigger operation, and / or a preset minimum aspect ratio of the first region when the width of the first region is reduced in response to the first trigger operation. Thus, after receiving the first trigger operation, the minimum region size of the first region can be determined based on the preset aspect ratio, the maximum region size of the second region can be determined according to the minimum region size of the first region, and the maximum region size can be set as the region size of the second region after the increase. In this case, the first region can have the preset aspect ratio after the increase of the region size of the second region. At this time, the region size of the second region after the increase can be associated with the preset aspect ratio of the first region and / or the text content, including that the first region has the preset aspect ratio after the increase of the region size of the second region.

[0100] In some embodiments, a minimum region size of the second region to which the region size of the second region needs to be increased for complete display of the text content, or a maximum region size of the second region to which the region size of the second region can be increased, can be preset.

[0101] In other embodiments, the region size of the second region after the increase can be determined according to the relative size between the minimum region size of the second region to which the region size of the second region needs to be increased for complete display of the text content and the maximum region size of the second region to which the region size of the second region can be increased, so as to display more text content as much as possible while ensuring the display effect of the image content and avoiding waste of display space.

[0102] At this time, the reducing the region size of the first region and increasing the region size of the second region can include: if the first region size is less than or equal to the second region size, increasing the region size of the second region to the first region size and reducing the region size of the first region according to the first region size; and if the first region size is greater than the second region size, increasing the region size of the second region to the second region size and reducing the first region to have a preset aspect ratio, wherein the first region size is the minimum region size of the second region for complete display of the text content, and the second region size is the region size of the second region when the first region has the preset aspect ratio.

[0103] For example, after receiving the first trigger operation, the minimum area size to which the second area needs to be adjusted for complete display of the text content of the first media content can be determined according to the total number of characters of the text content of the first media content, as the first area size; and the maximum area size to which the second area can be adjusted can be determined according to the preset aspect ratio of the first area, as the second area size. After determining the first area size and the second area size, the relative sizes of the first area size and the second area size can be determined.

[0104] If the first area size is less than or equal to the second area size, the area size of the second area can be increased to the first area size in response to the first trigger operation, and the area size of the first area can be reduced according to the first area size, as shown in the second drawing of FIG. 7.

[0105] If the first area size is greater than the second area size, the area size of the second area can be increased to the second area size in response to the first trigger operation, and the area size of the first area can be reduced to have the preset aspect ratio according to the second area size, as shown in the second drawing of FIG. 8.

[0106] In some embodiments, after receiving the first trigger operation, the area size of the second area can be increased and the area size of the first area can be reduced in response to the first trigger operation, regardless of the amount of text content not displayed in the first area, as long as the text content of the first media content is not completely displayed in the first area, to avoid the case that the displayed text content in the second area blocks the displayed image content in the first area. At this time, optionally, the reducing the area size of the first area and increasing the area size of the second area includes: if only part of the text content of the first media content is displayed in the second area, reducing the area size of the first area and increasing the area size of the second area.

[0107] In some embodiments, after receiving the first trigger operation, the number of lines of the text content not displayed in the first region can be considered, and only when the number of lines of the text content not displayed in the second region is greater than a preset number of lines, the area size of the second region is increased and the area size of the first region is reduced in response to the first trigger operation; and when the number of lines of the text content not displayed in the second region is less than or equal to the preset number of lines, the area size of the first region is not reduced, the above-mentioned not displayed text content is updated and displayed in the second region, and the like, so as to improve the display effect of the image content and reduce the operation required for adjusting the area size. At this time, optionally, the reducing the area size of the first region and increasing the area size of the second region includes: if the number of lines of the text content not displayed in the second region is greater than a preset number of lines, the area size of the first region is reduced and the area size of the second region is increased. The specific value of the preset number of lines is not limited, for example, the preset number of lines can be set to 1, 2 or 3.

[0108] S203, in response to a second trigger operation acting on the media content display interface, the media content display interface is kept displayed, the area size of the first region is increased, and the area size of the second region is reduced.

[0109] The second trigger operation can be a trigger operation for indicating the reduction of the area size of the second region, such as a trigger operation for restoring the area size of the second region to the default area size before the increase. The execution manner of the second trigger operation is not limited, for example, the second trigger operation can be an operation of clicking a certain position or sliding in a certain direction. Optionally, the second trigger operation includes a second click trigger operation and / or a preset sliding trigger operation, the second click trigger operation acts on the text content, the folding control of the text content or the image content, and the preset sliding trigger operation acts on the first region and / or the second region.

[0110] The second click operation can be a second trigger operation executed by clicking, for example, an operation of clicking the text content displayed in the second region, the folding control corresponding to the text content displayed in the second region or the image content displayed in the second region after the area size of the second region is increased by the first trigger operation. The preset sliding operation can be a second trigger operation executed by sliding, for example, when the first line of text content of the first media content is displayed in the second region, the preset sliding operation can be a downward sliding operation.

[0111] In this embodiment, after the area size of the second region is increased, the user can be supported to reduce the area size of the second region by performing the second trigger operation, such as reducing the area size of the second region to the default area size before the increase, so as to increase the display size of the displayed image content in the first region.

[0112] Specifically, in the case that the second trigger operation acting on the media content display interface is received, the media content display interface can be kept displayed, the area size of the first region can be increased, and the area size of the second region can be reduced, such as reducing the area size of the first region to the default area size before the reduction and reducing the area size of the second region to the default area size before the increase, in response to the second trigger operation.

[0113] For example, in the case that the first region 20 and the second region 21 are arranged vertically in the media content display interface, after the area size of the second region 21 is increased in response to the first trigger operation, the second region 21 can display the collapse control 30, such as switching the expand control 23 displayed in the second region 21 to the collapse control 30, as shown in the second drawing of FIG. 7, and the collapse control 30 is not shown in FIG. 8. Thus, when the current user clicks the text content displayed in the second region 21, the collapse control 22 displayed in the second region 21, or the non-control position of the first region 20 is detected, or when the current user slides down in the second region 21 in the case that the first line of text content of the first media content is displayed in the second region 21, the area width of the first region 20 and the area width of the second region 21 can be kept unchanged, the area height of the first region 20 can be increased, and the area height of the second region 21 can be reduced, as shown in the first drawing of FIG. 7 and the first drawing of FIG. 8.

[0114] In some embodiments, after the area size of the second region is increased, the first preset control and / or the second preset control can be displayed in the second region, so as to facilitate the user to interact based on the displayed first preset control and / or the second preset control. At this time, optionally, the display method of the media content can further include: keeping the first preset control displayed in the second region in response to the first trigger operation acting on the media content display interface, and increasing the display of the second preset control in the second region when the current condition meets the display condition of the second preset control; and / or keeping the first preset control and the second preset control displayed in the second region in response to the second trigger operation acting on the media content display interface.

[0115] The first preset control can be a preset control displayed in the second area before the first trigger operation is received. The second preset control can be a preset control not displayed in the second area before the first trigger operation is received. For example, the second preset control can be a preset control dynamically displayed in the second area, such as a preset control not displayed when the first media content is initially displayed and displayed in the second area after a preset display condition is met.

[0116] For example, when the first trigger operation is received, the area size of the second area can be increased, and the first preset control already displayed in the second area can continue to be displayed in the second area; and / or, after the area size of the second area is increased, when a current condition meets a display condition of a second preset control, the second preset control can be additionally displayed in the second area. When the second trigger operation is received, the area size of the second area can be reduced, and the first preset control and / or the second preset control already displayed in the second area can continue to be displayed.

[0117] In some embodiments, after the area size of the second area is increased, the first preset control and the second preset control can not be displayed in the second area, so as to further increase the displayed text content in the second area. At this time, optionally, the display method of the media content can further include: in response to a first trigger operation acting on the media content display interface, canceling display of the first preset control displayed in the second area, and when a current condition meets a display condition of a second preset control, keeping the second preset control not displayed in the second area; and / or, in response to a second trigger operation acting on the media content display interface, redisplaying the first preset control in the second area, and additionally displaying the second preset control in the second area.

[0118] For example, when the first trigger operation is received, the area size of the second area can be increased, and if there is a first preset control already displayed in the first area, the first preset control can be canceled; and / or, after the area size of the second area is increased, when a current condition meets a display condition of a second preset control, the second preset control can not be additionally displayed in the second area. When the second trigger operation is received, the area size of the second area can be reduced, and if there is a first preset control canceled in response to the first trigger operation, the first preset control can be redisplayed in the second area; and if there is a second preset control meeting a display condition of the second preset control after the area size of the second area is increased, the second preset control can be additionally displayed in the second area.

[0119] The method for displaying media content provided in the embodiment supports a user to increase the area size of the text content display area in the media content display interface and reduce the area size of the image content display area in the media content display interface through a first trigger operation, and supports the user to increase the area size of the image content display area in the media content display interface and reduce the area size of the text content display area in the media content display interface through a second trigger operation, thereby further enriching the display mode of the media content and meeting the user's demand for viewing more text content and the demand for viewing the details of the image content.

[0120] FIG. 9 is a structural block diagram of a device for displaying media content provided in the embodiment of the disclosure. The device can be implemented by software and / or hardware and can be configured in an electronic device, for example, in a mobile phone or a tablet computer. The device can display the image content and the text content of the media content in different areas of the media content display interface by executing the method for displaying media content, such as adjusting the area sizes of the image content display area and the text content display area in the media content display interface. As shown in FIG. 9, the device for displaying media content provided in the embodiment can include a media content display module 901 and a size adjustment module 902, wherein

[0121] The media content display module 901 is configured to display first media content in a media content display interface, wherein the media content display interface includes a first area and a second area, the first area is configured to display image content of the first media content, and the second area is configured to display at least part of text content of the first media content.

[0122] The size adjustment module 902 is configured to, in response to a preset trigger operation acting on the media content display interface, maintain display of the media content display interface and adjust the area size of the first area and the area size of the second area.

[0123] The media content display device provided by the embodiment displays first media content in a media content display interface through a media content display module, wherein the media content display interface comprises a first region and a second region, the first region is used for displaying image content of the first media content, and the second region is used for displaying text content of the first media content; and the size adjustment module keeps displaying the media content display interface and adjusts the region size of the first region in the media content display interface and the region size of the second region in the media content display interface in response to a preset trigger operation acting on the media content display interface. The embodiment uses the above technical solution to support adjusting the region size of the image content display region of the media content and the region size of the text content display region of the media content in the media content display interface, without interface switching and without causing occlusion between the image content and the text content, so as to enrich the display mode of the media content, simplify the operation required for adjusting the region size of the image content display region and the region size of the text content display region, and improve the display effect of the image content and the text content of the media content.

[0124] Optionally, the size adjustment module 902 comprises: a first size adjustment unit, configured to keep displaying the media content display interface, reduce the region size of the first region, and increase the region size of the second region in response to a first trigger operation acting on the media content display interface; and / or a second size adjustment unit, configured to keep displaying the media content display interface, increase the region size of the first region, and reduce the region size of the second region in response to a second trigger operation acting on the media content display interface.

[0125] Optionally, the region size of the second region after being increased is a preset region size; or the region size of the second region after being increased is associated with a preset aspect ratio of the text content and / or the first region.

[0126] Optionally, the region size of the second region after being increased is associated with a preset aspect ratio of the text content and / or the first region, comprising: after the region size of the second region is increased, the text content is completely displayed in the second region; and / or after the region size of the second region is increased, the first region has a preset aspect ratio.

[0127] Optionally, the first size adjusting unit is configured to: if the first region size is smaller than or equal to the second region size, increase the region size of the second region to the first region size and reduce the region size of the first region according to the first region size; if the first region size is larger than the second region size, increase the region size of the second region to the second region size and reduce the first region to have a preset aspect ratio, wherein the first region size is the minimum region size of the second region when the text content is completely displayed, and the second region size is the region size of the second region when the first region has the preset aspect ratio.

[0128] Optionally, the first size adjusting unit is configured to: if only part of the text content of the first media content is displayed in the second region, reduce the region size of the first region and increase the region size of the second region; or if the number of text content lines not displayed in the second region in the text content is greater than a preset number of lines, reduce the region size of the first region and increase the region size of the second region.

[0129] Further, the media content display apparatus can further include: a first control display module configured to, in response to a first trigger operation acting on the media content display interface, maintain display of the first preset control displayed in the second region, and when a current condition satisfies a display condition of a second preset control, increase display of the second preset control in the second region; and / or a second control display module configured to, in response to a second trigger operation acting on the media content display interface, maintain display of the first preset control and the second preset control in the second region.

[0130] Further, the media content display apparatus can further include: a third control display module configured to, in response to a first trigger operation acting on the media content display interface, cancel display of the first preset control displayed in the second region, and when a current condition satisfies a display condition of a second preset control, maintain that the second preset control is not displayed in the second region; and / or a fourth control display module configured to, in response to a second trigger operation acting on the media content display interface, redisplay the first preset control in the second region, and increase display of the second preset control in the second region.

[0131] Optionally, the first trigger operation comprises a first click trigger operation, and the first click trigger operation is applied to the text content or an expansion control of the text content; and / or, the second trigger operation comprises a second click trigger operation and / or a preset sliding trigger operation, the second click trigger operation is applied to the text content, a folding control of the text content or the image content, and the preset sliding trigger operation is applied within the first region and / or the second region.

[0132] Optionally, the size adjustment module 902 can be specifically configured to: keep the region width of the first region and the region width of the second region unchanged, and adjust the region height of the first region and the region height of the second region; and / or, keep the region height of the first region and the region height of the second region unchanged, and adjust the region width of the first region and the region width of the second region.

[0133] Further, the media content display device can further include: an image content adjustment module, configured to: in response to adjustment of the region size of the first region, perform magnification processing or reduction processing on the image content displayed in the first region according to the adjusted region size of the first region; and / or, a text content adjustment module, configured to: in response to adjustment of the region size of the second region, increase or decrease the text content displayed in the second region according to the adjusted region size of the second region.

[0134] Further, the media content display device can further include: a movement control module, configured to: in response to a target sliding operation applied within the media content display interface, control target content of the first media content to move, the target content including the image content and the at least part of the text content; and a media content switching module, configured to: in response to a case that a movement distance of the target content is greater than or equal to a preset distance when the target sliding operation ends, control the target content to move out of the media content display interface, and display second media content in the media content display interface.

[0135] Optionally, the target sliding operation comprises a first sliding operation applied within the second region and / or a second sliding operation applied outside the second region, the first sliding operation and the second sliding operation have different mapping relationships with a movement parameter of the target content, the movement parameter including at least one of a movement distance, a movement speed and a movement acceleration.

[0136] Optionally, when the first sliding operation and the second sliding operation have the same sliding parameter, the movement parameter corresponding to the first sliding operation is smaller than the movement parameter corresponding to the second sliding operation, wherein the sliding parameter includes a sliding speed and a sliding distance.

[0137] Further, the media content display apparatus can further include a picture content switching module configured to switch the picture content displayed in the first region in response to a picture content switching operation performed within the media content display interface after the region size of the first region and the region size of the second region are adjusted.

[0138] Further, the media content display apparatus can further include a text content switching module configured to switch the text content displayed in the second region in response to a text content switching operation performed within the second region in a case where only part of the text content of the first media content is displayed in the second region.

[0139] The media content display apparatus provided by the embodiments of the present disclosure can perform the media content display method provided by any of the embodiments of the present disclosure, and has the corresponding function modules and advantages of performing the media content display method. Technical details not described in the present embodiment can be referred to the media content display method provided by any of the embodiments of the present disclosure.

[0140] Reference is made to FIG. 10, which shows a structural schematic diagram of an electronic device (e.g., a terminal device) 1000 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure can include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (Personal Digital Assistant), a PAD (Tablet Personal Computer), a PMP (Portable Multimedia Player), a vehicle terminal (e.g., a vehicle navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in FIG. 10 is merely an example, and should not impose any limitation on the functions and use range of the embodiments of the present disclosure.

[0141] As shown in FIG. 10, the electronic device 1000 can include a processing apparatus (e.g., a central processing unit, a graphic processing unit, etc.) 1001, which can perform various appropriate actions and processes according to programs stored in a read-only memory (ROM) 1002 or loaded from a storage apparatus 1008 to a random access memory (RAM) 1003. Various programs and data required for the operation of the electronic device 1000 are also stored in the RAM 1003. The processing apparatus 1001, the ROM 1002, and the RAM 1003 are connected to each other through a bus 1004. An input / output (I / O) interface 1005 is also connected to the bus 1004.

[0142] In general, the following devices can be connected to the I / O interface 1005: input devices 1006 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, and the like; output devices 1007 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, and the like; storage devices 1008 including, for example, a tape, a hard disk, and the like; and communication devices 1009. The communication devices 1009 can allow the electronic device 1000 to communicate wirelessly or wiredly with other devices to exchange data. While FIG. 10 shows the electronic device 1000 with various devices, it is understood that all of the illustrated devices are not required to be implemented or present. More or less devices can alternatively be implemented or present.

[0143] According to embodiments of the present disclosure, the processes described above with reference to the flowcharts can be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for executing the methods illustrated by the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network through the communication devices 1009, or installed from the storage devices 1008, or installed from the ROM 1002. When the computer program is executed by the processing devices 1001, the above-described functions defined in the methods of the embodiments of the present disclosure are performed.

[0144] It should be noted that the computer-readable medium described above can be a computer-readable signal medium or a computer-readable storage medium or any combination thereof. The computer-readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or any suitable combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to, an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium can be any tangible medium that contains or stores a program used by or in connection with an instruction execution system, apparatus or device. In the present disclosure, the computer-readable signal medium can include a data signal propagated in baseband or propagated as a carrier wave in a propagated data signal, in which the computer-readable program code is contained. Such a propagated data signal can take many forms, including but not limited to, an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium that can send, propagate or transfer the program for use by or in connection with the instruction execution system, apparatus or device. The program code contained in the computer-readable medium can be transmitted by any suitable medium, including but not limited to, wire, cable, RF (radio frequency), etc., or any suitable combination of the above.

[0145] In some embodiments, the client, server, or both can communicate using any current known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), the Internet, and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any current known or future developed networks.

[0146] The computer-readable medium described above can be included in the electronic device described above; or can exist separately from the electronic device, and is not assembled into the electronic device.

[0147] The computer readable medium described above carries one or more programs, when the one or more programs are executed by the electronic device, cause the electronic device to: display first media content in a media content display interface, wherein the media content display interface includes a first region and a second region, the first region is used to display image content of the first media content, and the second region is used to display at least part of text content of the first media content; and in response to a preset trigger operation acting on the media content display interface, keep displaying the media content display interface, and adjust the region size of the first region and the region size of the second region.

[0148] Computer program code for carrying out operations of the present disclosure can be written in any one or more programming languages, including object oriented programming languages such as Java, Smalltalk, C++, or conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the latter scenario, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection can be made to an external computer (for example, through the Internet using an Internet Service Provider).

[0149] The flow diagrams and the block diagrams in the drawings are illustrations of possible architectures, functions, and operations for systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flow diagrams and the block diagrams can represent a module, a segment, or a portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that in some alternative implementations, the functions noted in the blocks can occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently or the blocks may

[0150] The units described in the embodiments of the present disclosure can be implemented by software, or by hardware. In some cases, the name of the module does not constitute a limitation on the unit itself.

[0151] The functions described above in the present disclosure can be performed, at least in part, by one or more hardware logic components. For example, and without limitation, illustrative types of hardware logic components that can be used include Field-programmable Gate Arrays (FPGAs), Application-specific Integrated Circuits (ASICs), Application-specific Standard Products (ASSPs), System-on-a-chip systems (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0152] In the context of the present disclosure, a machine-readable medium can be a tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more lines of electrical connections, portable computer disks, hard disk drives, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or Flash memory), optical fibers, portable compact disc read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0153] According to one or more embodiments of the present disclosure, example 1 provides a method for presenting media content, comprising:

[0154] presenting a first media content in a media content presentation interface, wherein the media content presentation interface comprises a first region and a second region, the first region is configured to present image content of the first media content, and the second region is configured to present at least partial text content of the first media content;

[0155] in response to a preset trigger operation acting within the media content presentation interface, maintaining the presentation of the media content presentation interface, and adjusting a region size of the first region and a region size of the second region.

[0156] According to one or more embodiments of the present disclosure, example 2 provides the method of example 1, wherein the maintaining the presentation of the media content presentation interface, and adjusting a region size of the first region and a region size of the second region in response to a preset trigger operation acting within the media content presentation interface comprises:

[0157] maintaining the presentation of the media content presentation interface, reducing the region size of the first region, and increasing the region size of the second region in response to a first trigger operation acting within the media content presentation interface; and / or

[0158] In response to a second triggering operation acting within the media content display interface, the display of the media content display interface is maintained, the area size of the first region is increased, and the area size of the second region is decreased.

[0159] According to one or more embodiments of the present disclosure, in example 3, the method according to example 2, the area size of the second region after being increased is a preset area size; or

[0160] The area size of the second region after being increased is associated with a preset aspect ratio of the text content and / or the first region.

[0161] According to one or more embodiments of the present disclosure, in example 4, the method according to example 3, the area size of the second region after being increased is associated with a preset aspect ratio of the text content and / or the first region, comprising:

[0162] After the area size of the second region is increased, the text content is displayed completely in the second region; and / or

[0163] After the area size of the second region is increased, the first region has a preset aspect ratio.

[0164] According to one or more embodiments of the present disclosure, in example 5, the method according to example 4, the decreasing the area size of the first region and increasing the area size of the second region, comprising:

[0165] If the first area size is less than or equal to the second area size, the area size of the second region is increased to the first area size, and the area size of the first region is decreased according to the first area size;

[0166] If the first area size is greater than the second area size, the area size of the second region is increased to the second area size, and the first region is decreased to have a preset aspect ratio,

[0167] Wherein, the first area size is the minimum area size of the second region when the text content is displayed completely, and the second area size is the area size of the second region when the first region has the preset aspect ratio.

[0168] According to one or more embodiments of the present disclosure, in example 6, the method according to example 2, the decreasing the area size of the first region and increasing the area size of the second region, comprising:

[0169] If only part of the text content of the first media content is displayed in the second region, the area size of the first region is decreased, and the area size of the second region is increased; or

[0170] if the number of lines of text content not shown within the second region in the text content is greater than a preset number of lines, then reducing the region size of the first region and increasing the region size of the second region.

[0171] According to one or more embodiments of the present disclosure, example 7 includes the method of example 2, further comprising:

[0172] in response to a first trigger operation acting within the media content display interface, maintaining display of the first preset control shown in the second region, and when a current condition satisfies a display condition of a second preset control, increasing display of the second preset control in the second region; and / or

[0173] in response to a second trigger operation acting within the media content display interface, maintaining display of the first preset control and the second preset control in the second region.

[0174] According to one or more embodiments of the present disclosure, example 8 includes the method of example 2, further comprising:

[0175] in response to a first trigger operation acting within the media content display interface, canceling display of the first preset control shown in the second region, and when a current condition satisfies a display condition of a second preset control, maintaining no display of the second preset control in the second region; and / or

[0176] in response to a second trigger operation acting within the media content display interface, re-displaying the first preset control in the second region, and increasing display of the second preset control in the second region.

[0177] According to one or more embodiments of the present disclosure, example 9 includes the method of example 2, wherein the first trigger operation comprises a first click trigger operation acting on the text content or an expansion control of the text content; and / or

[0178] the second trigger operation comprises a second click trigger operation acting on the text content, a collapse control of the text content, or the image content, and / or a preset swipe trigger operation acting within the first region and / or the second region.

[0179] According to one or more embodiments of the present disclosure, example 10 includes the method of any one of examples 1-9, wherein the adjusting the region size of the first region and the region size of the second region comprises:

[0180] adjusting the region height of the first region and the region height of the second region while keeping the region width of the first region and the region width of the second region unchanged; and / or

[0181] adjusting the region width of the first region and the region width of the second region while keeping the region height of the first region and the region height of the second region unchanged.

[0182] According to one or more embodiments of the present disclosure, example 11 includes the method of any one of examples 1-9, further comprising:

[0183] in response to the adjustment of the region size of the first region, performing zoom-in processing or zoom-out processing on the image content displayed in the first region according to the adjusted region size of the first region; and / or

[0184] in response to the adjustment of the region size of the second region, increasing or decreasing the text content displayed in the second region according to the adjusted region size of the second region.

[0185] According to one or more embodiments of the present disclosure, example 12 includes the method of any one of examples 1-9, further comprising:

[0186] in response to a target sliding operation performed on the media content display interface, controlling a target content of the first media content to move, the target content including the image content and the at least partial text content;

[0187] in response to a case where a moving distance of the target content when the target sliding operation is performed is greater than or equal to a preset distance, controlling the target content to move out of the media content display interface and display a second media content in the media content display interface.

[0188] According to one or more embodiments of the present disclosure, example 13 includes the method of example 12, wherein the target sliding operation includes a first sliding operation performed on the second region and / or a second sliding operation performed outside the second region, and the first sliding operation and the second sliding operation have different mapping relationships with a moving parameter of the target content, the moving parameter including at least one of a moving distance, a moving speed, and a moving acceleration.

[0189] According to one or more embodiments of the present disclosure, example 14 includes the method of example 13, wherein when the first sliding operation and the second sliding operation have a same sliding parameter, the moving parameter corresponding to the first sliding operation is less than the moving parameter corresponding to the second sliding operation, and the sliding parameter includes a sliding speed and a sliding distance.

[0190] According to one or more embodiments of the present disclosure, example 15 provides a method according to any one of examples 1-9, wherein the image content comprises at least two pieces of image content, and after the adjusting the area size of the first region and the area size of the second region, the method further comprises:

[0191] switching the displayed image content in the first region in response to a piece of image content switching operation performed within the media content display interface.

[0192] According to one or more embodiments of the present disclosure, example 16 provides a method according to any one of examples 1-9, and for a case that only part of the text content of the first media content is displayed in the second region, the method further comprises:

[0193] switching the displayed text content in the second region in response to a text content switching operation performed within the second region.

[0194] According to one or more embodiments of the present disclosure, example 17 provides a media content display apparatus, comprising:

[0195] a media content display module, configured to display a first media content in a media content display interface, wherein the media content display interface comprises a first region and a second region, the first region is configured to display image content of the first media content, and the second region is configured to display at least part of text content of the first media content;

[0196] a size adjusting module, configured to, in response to a preset trigger operation performed within the media content display interface, keep displaying the media content display interface, and adjust an area size of the first region and an area size of the second region.

[0197] According to one or more embodiments of the present disclosure, example 18 provides an electronic device, comprising:

[0198] one or more processors;

[0199] a memory configured to store one or more programs,

[0200] when the one or more programs are executed by the one or more processors, the one or more processors implement a media content display method according to any one of examples 1-16.

[0201] According to one or more embodiments of the present disclosure, example 19 provides a computer readable storage medium, having stored thereon a computer program, which, when executed by a processor, implements a media content display method according to any one of examples 1-16.

[0202] According to one or more embodiments of the present disclosure, example 20 provides a computer program product, which, when executed by a computer, causes the computer to implement the method of presenting media content according to any one of examples 1-16.

[0203] The above description is merely illustrative of the embodiments of the present disclosure and the principles of the technology involved. It is understood that the disclosure of the present disclosure is not limited to the specific embodiments described above but covers any technical solutions falling within the scope of the disclosure. Any other technical solutions formed by combining the technical features disclosed in the present disclosure or equivalent technical features thereof, without departing from the concept disclosed in the present disclosure, fall within the scope of the disclosure.

[0204] In addition, although each operation is depicted in a particular order, this should not be understood as requiring these operations to be performed in the particular order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing can be advantageous. Similarly, although several implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the disclosure. Certain features described in the context of separate embodiments can also be combined in a single embodiment. Conversely, various features described in the context of a single embodiment can also be implemented separately or in any suitable sub-combination.

[0205] Although the present disclosure has been described in terms of particular structural features and / or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the particular features or acts described above. Rather, the particular features and acts described above are merely exemplary forms of implementing the claims.

Claims

1. A method for displaying media content, comprising: The first media content is displayed in a media content display interface, wherein the media content display interface includes a first area and a second area, the first area is used to display the image content of the first media content, and the second area is used to display at least a portion of the text content of the first media content; In response to a preset trigger operation acting within the media content display interface, the media content display interface is kept on display, and the area size of the first area and the area size of the second area are adjusted.

2. The method according to claim 1, wherein, The step of responding to a preset trigger operation acting within the media content display interface, maintaining the display of the media content display interface, and adjusting the area size of the first area and the area size of the second area includes: In response to a first trigger operation acting within the media content display interface, the media content display interface is maintained, the size of the first area is reduced, and the size of the second area is increased; or In response to a second triggering operation acting within the media content display interface, the media content display interface is kept displayed, the area size of the first area is increased, and the area size of the second area is decreased.

3. The method according to claim 2, wherein, The enlarged area size of the second region is the preset area size; or The enlarged area size of the second region is associated with the text content or the preset aspect ratio of the first region.

4. The method according to claim 3, wherein, The enlarged area size of the second region is associated with the text content or the preset aspect ratio of the first region, including: After the size of the second region is increased, the text content is fully displayed in the second region; or After the size of the second region is increased, the first region has a preset aspect ratio.

5. The method according to claim 4, wherein, The process of reducing the size of the first region and increasing the size of the second region includes: If the size of the first region is less than or equal to the size of the second region, then the size of the second region is increased to the size of the first region, and the size of the first region is reduced according to the size of the first region. If the size of the first region is larger than the size of the second region, then the size of the second region is increased to match the size of the second region, and the first region is shrunk to have a preset aspect ratio. Wherein, the first region size is the minimum region size of the second region when the text content is fully displayed, and the second region size is the region size of the second region when the first region has the preset aspect ratio.

6. The method according to any one of claims 2-5, wherein, The process of reducing the size of the first region and increasing the size of the second region includes: If only a portion of the text content of the first media is displayed in the second area, then the size of the first area is reduced, and the size of the second area is increased; or If the number of lines of text content not displayed in the second area is greater than a preset number, then the size of the first area is reduced and the size of the second area is increased.

7. The method according to any one of claims 2-6, further comprising: In response to a first trigger operation acting within the media content display interface, the first preset control displayed in the second area is maintained, and when the current conditions meet the display conditions of the second preset control, the second preset control is added to be displayed in the second area; or In response to a second triggering operation acting within the media content display interface, the first preset control and the second preset control remain displayed in the second area.

8. The method according to any one of claims 2-6, further comprising: In response to a first trigger operation acting within the media content display interface, the first preset control displayed in the second area is canceled from being displayed, and when the current conditions meet the display conditions of the second preset control, the second preset control is kept undisplayed in the second area; or In response to a second trigger operation acting within the media content display interface, the first preset control is re-displayed in the second area, and the second preset control is added to the second area.

9. The method according to any one of claims 2-8, wherein, The first triggering operation includes a first click triggering operation, which acts on the text content or the text content's expand control; or The second triggering operation includes a second click triggering operation or a preset slide triggering operation. The second click triggering operation is applied to the text content, the collapse control of the text content, or the image content. The preset slide triggering operation is applied within the first area or the second area.

10. The method according to any one of claims 1-9, wherein, Adjusting the area size of the first region and the area size of the second region includes: Keeping the widths of the first and second regions constant, adjust the heights of the first and second regions; or Keeping the height of the first region and the height of the second region unchanged, adjust the width of the first region and the width of the second region.

11. The method according to any one of claims 1-10, further comprising: In response to the adjustment of the area size of the first area, the image content displayed in the first area is enlarged or reduced according to the adjusted area size of the first area; or In response to an adjustment of the area size of the second area, the text content displayed in the second area is increased or decreased according to the adjusted area size of the second area.

12. The method according to any one of claims 1-11, further comprising: In response to a target swiping operation within the media content display interface, the target content of the first media content is controlled to move, the target content including the image content and the at least part of the text content; In response to the situation where the target content has moved a distance greater than or equal to a preset distance when the target sliding operation ends, the target content is controlled to move out of the media content display interface, and a second media content is displayed in the media content display interface.

13. The method according to claim 12, wherein, The target sliding operation includes a first sliding operation that acts within the second region or a second sliding operation that acts outside the second region. The first sliding operation and the second sliding operation have different mapping relationships with the movement parameters of the target content. The movement parameters include at least one of movement distance, movement speed, and movement acceleration.

14. The method according to claim 13, wherein, When the first sliding operation and the second sliding operation have the same sliding parameters, the movement parameter corresponding to the first sliding operation is less than the movement parameter corresponding to the second sliding operation, wherein the sliding parameter includes sliding speed and sliding distance.

15. The method according to any one of claims 1-14, wherein, The image content includes at least two images. After adjusting the area size of the first area and the area size of the second area, the method for displaying the media content further includes: In response to an image content switching operation performed within the media content display interface, the image content displayed in the first area is switched.

16. The method according to any one of claims 1-15, wherein, For cases where only a portion of the text content of the first media content is displayed in the second area, the method for displaying the media content further includes: In response to a text content switching operation performed in the second area, the text content displayed in the second area is switched.

17. A media content display device, comprising: A media content display module is configured to display first media content in a media content display interface, wherein the media content display interface includes a first area and a second area, the first area is used to display the image content of the first media content, and the second area is used to display at least a portion of the text content of the first media content; The size adjustment module is configured to respond to a preset trigger operation acting within the media content display interface, maintain the display of the media content display interface, and adjust the area size of the first area and the area size of the second area.

18. An electronic device comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to enable the at least one processor to perform the method for displaying media content according to any one of claims 1-16.

19. A computer-readable storage medium storing computer instructions, wherein, When the computer instructions are executed by the processor, they implement the method for displaying media content according to any one of claims 1-16.

20. A computer program product comprising a computer program, wherein, When the computer program is executed by a processor, it implements the method for displaying media content according to any one of claims 1-16.

Citation Information

Patent Citations

  • Human-computer interaction method and device based on user interface, equipment and storage medium

    CN117270717A

  • Content display method and device, computer equipment and computer readable storage medium

    CN117908716A

  • Media content display method and device, electronic equipment, storage medium and program product

    CN118747052A

  • System and Method for Displaying an Interface

    US20130239047A1