Image, text, and content display methods, devices, storage media, and computer program products

Abstract

This disclosure relates to methods, apparatus, storage media, and computer program products for displaying image, text, and content, and relates to terminal technology. The method for displaying image, text, and content includes displaying image, text, and content including pictures and abbreviated text in media streaming, accepting user operations on pictures in the image, text, and content displaying a detail page of the image, text, and content including pictures and complete text in response to a predetermined user operation on a picture in the image, text, and content.

Description

Technical Field

[0001] [Cross - reference to Related Applications] This application is based on an application with a Chinese application number of 202310484034.1 and a filing date of April 28, 2023, claims its priority, and all of the disclosure content of the Chinese application is incorporated herein by reference.

[0002] [Technical Field] The present disclosure relates to the field of terminal technologies, and particularly to a method, apparatus, storage medium, and computer program product for displaying image - text content.

Background Art

[0003] In applications based on media streaming (Feed), users can view different media delivery contents, usually including video or image - text information, through convenient switching operations. Among the image - text information, the text information is generally short and is used to explain pictures or other simple information that the distributor wants to express.

Summary of the Invention

[0004] According to a first aspect of some embodiments of the present disclosure, in media streaming, there is provided a method for displaying image - text content, including: displaying image - text content including pictures and abbreviated text; receiving an operation by a user on a picture in the image - text content; and in response to a predetermined operation by the user on the picture in the image - text content, displaying a detailed page of the image - text content including the picture and complete text.

[0005] In some embodiments, the predetermined operation includes a slide operation.

[0006] In some embodiments, a slide operation among predetermined operations has different slide information than a slide operation for switching between different content in media streaming, and the slide information includes at least one of a slide direction and a slide distance.

[0007] In some embodiments, the image-text content includes multiple pictures, and displaying a detail page of the image-text content in response to a predetermined operation on a picture by the user includes displaying a detail page of the image-text content in response to a slide operation on any one of the multiple pictures by the user.

[0008] In some embodiments, the image-text content includes multiple pictures, and displaying a detail page of the image-text content in response to a predetermined user operation on a picture includes displaying a detail page of the image-text content in response to a user's slide operation on the last of the multiple pictures, while a user's slide operation on a picture other than the last of the multiple pictures is for switching to displaying a picture adjacent to that picture.

[0009] In some embodiments, the display method further includes displaying image and text content in the media streaming in response to a user's return operation on the details page, and not displaying the details page in response to the user performing another slide operation on the picture before switching to other content other than image and text content in the media streaming.

[0010] In some embodiments, the predetermined operation includes a scaling operation.

[0011] In some embodiments, the predetermined operation includes a click operation.

[0012] In some embodiments, displaying image text content in media streaming includes stopping the automatic playback of a picture in response to a slide gesture on the picture, if the picture is playing automatically in the media streaming.

[0013] In some embodiments, the autoplay state of a picture on an image, text, or content detail page matches the last autoplay state of the picture before entering the detail page.

[0014] In some embodiments, displaying an image, text, or content detail page includes stopping the automatic playback of the picture in response to a slide gesture on the picture, if the picture is automatically playing on the image, text, or content detail page.

[0015] In some embodiments, the image-text content further includes background music, and the display method further includes continuing to play the background music when the picture's autoplay is stopped on the detail page of the image-text content.

[0016] In some embodiments, in media streaming, the aspect ratio of the picture in the image text content is smaller than a first ratio threshold.

[0017] In some embodiments, in image, text, or content, pictures larger than a first aspect ratio threshold are displayed after being cropped to the first aspect ratio threshold.

[0018] In some embodiments, in media streaming, the aspect ratio of a picture container for holding a picture is equal to a first ratio threshold, and the picture in the picture container is displayed after being adaptively scaled.

[0019] In some embodiments, in media streaming, picture containers for holding pictures are laid out in a ceiling-mounted manner on the media streaming interface.

[0020] In some embodiments, the omitted text includes text of a target length and an omitted text identifier, the omitted text identifier representing at least one of the following: the “See Details” prompt, the length of the omitted text, or the reading time of the omitted text.

[0021] In some embodiments, the target length is determined according to the aspect ratio of the picture.

[0022] In some embodiments, if the aspect ratio of at least one picture in the image text content is greater than a second ratio threshold, the target length is a first length; and if the aspect ratio of at least one picture in the image text content is less than or equal to the second ratio threshold, the target length is a second length, and the first length is greater than the second length.

[0023] According to a second aspect of some embodiments of the present disclosure, an image-text-content display device is provided, comprising a memory and a processor coupled to the memory and configured to perform any one of the above-described methods for displaying image-text-content based on instructions stored in the memory.

[0024] According to a third aspect of some embodiments of the present disclosure, a computer-readable storage medium is provided which stores a computer program that, when executed by a processor, enables a method of displaying any one of the aforementioned image, text, or content.

[0025] According to a fourth aspect of some embodiments of the present disclosure, a computer program product is provided that, when running on a computer, causes the computer to implement any one of the aforementioned methods for displaying image, text, or content.

[0026] According to a fifth aspect of some embodiments of the present disclosure, there is provided a computer program including instructions that, when executed by a processor, cause the processor to execute any one of the above-described methods for displaying image-text content.

[0027] Other features and advantages of the present disclosure will become apparent from the detailed description of exemplary embodiments of the present disclosure with reference to the following drawings.

Brief Description of the Drawings

[0028] To more clearly illustrate the technical solutions in the embodiments of the present disclosure or the technical solutions in the prior art, the following briefly introduces the drawings required for the description of the embodiments or the prior art. Needless to say, the drawings in the following description are only some embodiments of the present disclosure, and those skilled in the art can obtain other drawings based on these drawings without any creative effort. [Figure 1] It is a schematic diagram showing the flow of a method for displaying information according to some embodiments of the present disclosure. [Figure 2A] It is a schematic diagram exemplarily showing the interface layout of media streaming. [Figure 2B] It is a schematic diagram exemplarily showing the interface layout of media streaming. [Figure 3A] It is a schematic diagram exemplarily showing a page of image-text content. [Figure 3B] It is a schematic diagram exemplarily showing a detailed page of image-text content. [Figure 4] It is a schematic diagram showing the flow of an automatic playback control method according to some embodiments of the present disclosure. [Figure 5] It is a schematic block diagram showing a display device for image-text content according to some embodiments of the present disclosure. [Figure 6] It is a schematic block diagram showing a display device for image-text content according to some other embodiments of the present disclosure. [Figure 7]This is a schematic diagram illustrating an image-text-content display device according to some other embodiments of the present disclosure. [Modes for carrying out the invention]

[0029] The following will clearly and completely describe the technical concepts in the embodiments of this disclosure with reference to the drawings of the embodiments of this disclosure, although it is clear that the embodiments described are only a part of the embodiments of this disclosure and not all of them. The description of at least one exemplary embodiment below is, in fact, illustrative and should not be construed as any limitation on this disclosure or its application or use. All other embodiments that a person skilled in the art could obtain based on the embodiments of this disclosure without requiring special ingenuity are all within the scope of this disclosure.

[0030] Unless otherwise specified, the relative arrangements of components and steps, formulas, and numerical values ​​described in these embodiments do not limit the scope of this disclosure.

[0031] Furthermore, for the sake of clarity, it should be understood that the dimensions of each part shown in the drawings are not depicted in actual proportional relationships.

[0032] Techniques, methods, and apparatus known to those skilled in the art may not be discussed in detail, but where appropriate, such techniques, methods, and apparatus should be considered part of the specification.

[0033] In all the examples presented and considered herein, any specific values ​​should be interpreted as illustrative only, and not restrictive. Therefore, other examples of the exemplary embodiments may have different values.

[0034] Similar symbols and letters in the following drawings represent similar items. Therefore, once an item is defined in one drawing, it is not necessary to examine it further in subsequent drawings.

[0035] Media streaming contains a vast amount of media information, and users can switch between different media information using switching operations such as sliding up and sliding down. In media streaming, apart from the switching process, generally, one media content item is presented to the user at a time in order to maximize the information conveyed by each individual media content.

[0036] Current media streaming applications often contain a lot of short videos (videos with a duration shorter than a video length threshold, e.g., less than one minute) and image-text information with short text (text length shorter than a text length threshold), with less information containing a mix of long text and pictures. Therefore, such applications can help users quickly obtain a wider variety of information and broaden the reach of information dissemination.

[0037] Analysis of related technologies revealed that some users have a need for deeper information. Image text with long text (text length greater than the text length threshold) can well satisfy this user need. However, media streaming primarily displays pictures and cannot store large amounts of text.

[0038] In light of this, the technical challenge that this disclosure actually addresses is how to present image, text, and content in a way that allows users to conveniently and efficiently obtain long text information.

[0039] Figure 1 shows a schematic flowchart of an information display method according to several embodiments of the present disclosure. The methods of these embodiments may be performed by a terminal such as a mobile phone, tablet, or personal computer. As shown in Figure 1, the information display method of these embodiments includes steps S102 to S104.

[0040] In step S102, image-text content, including pictures and abbreviated text, is displayed during media streaming.

[0041] Image-text content refers to content in media streaming that includes both pictures and text. However, the complete information of such image-text content is too long to be fully displayed on the media streaming page.

[0042] Image text content may include one or more pictures. In some embodiments, if image text content includes multiple pictures, the multiple pictures are displayed one by one in the image text content, for example, by autoplay, or switched in response to user interaction.

[0043] In some embodiments, in media streaming, the aspect ratio of pictures in image, text, or content is smaller than a first aspect ratio threshold. For example, a picture with an aspect ratio smaller than the first aspect ratio threshold may be cropped and then displayed so that the cropped picture is equal to the first aspect ratio threshold. This can improve the consistency of picture display.

[0044] In some embodiments, in media streaming, the aspect ratio of the picture container for holding the picture is equal to the first ratio threshold, and the picture in the picture container is displayed after being adaptively scaled. After scaling, the top and bottom edges of the picture touch the top and bottom edges of the picture container, or the left and right edges of the picture touch the left and right edges of the picture container. This automatically maximizes the display of the picture in the picture container, displaying the largest possible picture to the user within a given layout. In some embodiments, the picture is centered within the picture container.

[0045] In some embodiments, pictures in image-text content are located in a picture container, which is positioned above the display interface for the image-text content, and is laid out in a way that is, for example, overhead in a media streaming interface. An overhead layout refers to a layout where the top edge of the picture container touches the top edge of the interface. This method allows for full utilization of screen space.

[0046] In some embodiments, if the interface has other controls near the top of the interface in addition to the picture container, these controls may be floated above the picture container so that they do not obstruct the display of the picture.

[0047] By displaying picture containers using a ceiling-mounted method, it is possible to achieve a "full-screen display" effect on part of the interface in some cases. Figures 2A and 2B illustrate the display effects of two pictures at different aspect ratios.

[0048] In Figures 2A and 2B, the media streaming interface 2 includes a picture container 20 laid out in the interface 2 in a ceiling-mounted manner. The interface also includes a "Follow" control 21 and a "Recommend" control 22. Some image-text content includes pictures 201 (as shown in Figure 2A) and 202 (as shown in Figure 2B), both of which are adaptively displayed in the picture container 20.

[0049] As shown in Figure 2B, the aspect ratio of picture 202 exactly matches that of picture container 20, or picture 202 is cropped because the aspect ratio of the original picture is larger than that of picture container 20, and the aspect ratio of the cropped picture 202 matches that of picture container 20. In this case, picture container 20 is filled with picture 202, and the upper half of interface 2 is also filled. Since picture container 20 is displayed in a ceiling-mounted manner, picture 202 is also displayed in a ceiling-mounted manner. The "Follow" control 21 and the "Recommend" control 22 float above picture 202. As a result, the upper half of interface 2 achieves a display effect similar to "full screen," that is, an effect that makes maximum use of the interface space, and also improves the amount of information provided to the user.

[0050] In some embodiments, in the preview interface, the omitted text is located in a text container and the picture container is located above the text container, although they may partially overlap. That is, the center of the picture container is higher than the center of the text container, and in some cases (for example, if the height of the picture is so great that it occupies most of the space in the interface), the omitted text may visually float above the picture.

[0051] Presenting information containing long texts in its entirety via media streaming significantly impacts the layout and interactivity of the media streaming. Therefore, for information containing long texts, only image-text content, including a picture and abbreviated text, is presented in the media streaming. If the user becomes further interested in the image-text content, they can access its details page to view the complete text.

[0052] In image-text-content, omitted text refers to the text remaining after removing parts of the complete text, and may be accompanied by several identifiers to indicate that it is omitted text, as necessary. For example, omitted text may include the text remaining after the removal of parts from the starting position of the complete text, or it may be one or more segments of text from the complete text as automatically determined by a natural language processing algorithm. The length of the omitted text may be determined according to a target length threshold, which may be in units of characters, lines, etc.

[0053] In some embodiments, the truncated text includes text of a target length and a truncated text identifier. This allows users to be prompted to view further details on a separate page when text display space in image-text content is limited.

[0054] To make it easier for users to distinguish them, abbreviated text identifiers may have a different style from other text content (e.g., whether they are bold or not, font, color, background, etc.). The target length text and the abbreviated text identifier may be separated by a symbol such as "..." or the abbreviated text identifier may be enclosed in parentheses.

[0055] In some embodiments, the omitted text identifier represents at least one of the following: the “View Details” prompt, the length of the omitted text, or the reading time of the omitted text.

[0056] The "See Details" prompt could be, for example, "more" or "see more," indicating that there is more abbreviated content, or "long text," indicating the attributes of the image, text, and content, prompting the user to view the details page further.

[0057] The length of omitted text refers to the length of the remaining text that is not displayed, and may be expressed in terms of characters, lines, etc. For example, if an image text content has a total of 1500 characters of text, and the omitted text includes 150 characters, then 1350 characters were omitted. Therefore, the omitted text identifier may be "1350 characters". This allows for accurate quantification of the length of the remaining text.

[0058] The reading time for omitted text refers to the time required to read the remaining text that is not displayed, and indicates how much time the user will need to finish reading the complete text. This time may be the average reading time of people, or it may be determined based on, for example, the correspondence between the number of characters and reading time in statistical data. For example, based on the correspondence, if it takes 40 seconds to read 120 characters, and 360 characters are omitted, the omitted text identifier may be "2 min read" or "2 minutes remaining to read". This allows for an intuitive display of the remaining amount of information in terms of time.

[0059] Those skilled in the art may use other types of abbreviated text identifiers as needed, which will not be described further here.

[0060] In some embodiments, in omitted text, the target length of the text is determined according to the aspect ratio of the picture. If the aspect ratio of the picture leaves more space in the current interface, the target length may be increased accordingly. This allows the length of the displayed text to be adaptively determined from the aspect ratio of the picture.

[0061] In some embodiments, if the aspect ratio of at least one picture in the image-text-content is greater than a second ratio threshold, the target length is a first length; and if the aspect ratio of at least one picture in the image-text-content is less than or equal to the second ratio threshold, the target length is a second length, and the first length is greater than the second length.

[0062] In some embodiments, media streaming also includes video content that includes both video and video text. This enriches the media types available for media streaming. Video text is displayed as a thumbnail or in full. For example, if the text exceeds a video text length threshold, truncated text is displayed by default. The full text is displayed when the user triggers an interactive control to view all content.

[0063] In some embodiments, if the aspect ratio of at least one picture in the image-text content is greater than a second aspect ratio threshold, the length of the truncated text is greater than the length of the truncated text in the video content. Images with a larger aspect ratio occupy less space in the height direction, allowing more text content to be displayed more clearly. In other words, in this case, image-text content can display more text than video content in media streaming. For example, image-text content in media streaming can display up to 8 lines, while text in video content displays 4 lines by default. This improves the efficiency of information transmission and also allows for differentiation between different content types.

[0064] In some examples, the second ratio threshold is greater than the first ratio threshold.

[0065] Step S104 accepts user actions on the picture in the image, text, and content.

[0066] In step S106, in response to a predetermined operation performed by the user on a picture in the image text content, a detail page of the image text content is displayed, containing both the picture and the complete text.

[0067] When a user performs a predetermined action on a picture within image, text, or content, they may have become interested in that content. Therefore, the predetermined action may trigger the display of a details page. Furthermore, because the picture covers a large area, the user's interaction becomes more convenient. The predetermined action may include one or more types of actions.

[0068] In some embodiments, the specified operation is generally an operation for viewing a picture, such as switching between pictures or scaling pictures. The following describes some specific operations as examples.

[0069] In some embodiments, a given operation includes a slide operation. In some embodiments, a slide operation has at least one of a target direction and a target distance. For example, in an application that switches pictures by sliding horizontally, the slide operation may be a horizontal slide. This "horizontal" does not have to be absolutely horizontal. For example, if the angle between the slide direction and the horizontal direction is within the target range, it may be considered horizontal. The target distance may refer to the distance of other slide operations or set as the distance of an independent slide operation. This distance may also be within a certain range.

[0070] In some embodiments, a slide operation among predetermined operations has slide information that is different from a slide operation for switching between different content in media streaming, and the slide information includes at least one of the slide direction and slide distance. This makes it distinguishable from the operation for switching content.

[0071] Slide gestures are typically used to switch between pictures. When a user attempts to view a picture other than the currently displayed one within an image / text content, it suggests they may be interested in that particular image / text content. Therefore, displaying a details page may be triggered.

[0072] In some embodiments, the range of action of a slide operation is the area covered by the currently displayed picture or the area covered by the picture container. The range of action refers, for example, to the entire touch area while the slide operation is being performed, or to the touch point from which the slide operation is initiated. Those skilled in the art may make other settings as needed, which are not described further here.

[0073] In some embodiments, the slide operation is performed on any one of the pictures. This improves the ease of accessing the detail page.

[0074] In some embodiments, a slide operation is performed on the last picture among several pictures, while slide operations on pictures other than the last picture do not trigger the display of a detail page, but instead switch to displaying an adjacent picture. This triggers the display of a detail page when the user confirms that they have obtained a relatively large amount of information about the image, text, and content, i.e., when they have developed a deep interest.

[0075] Given that slide operations are considered to be relatively frequent, and to reduce the probability of accidental operation, if a user enters a detail page via a slide operation, the first slide operation will no longer trigger the display of the detail page when the user returns to the media streaming. In some embodiments, in response to a user's return operation on the detail page, image text content is displayed in the media streaming, and in response to the user performing another slide operation on the picture before switching to other content other than image text content in the media streaming, the detail page may not be displayed, no feedback may be provided for the operation, or feedback may be provided to switch to an adjacent picture. If the user wishes to enter the detail page again, they may do so by other means. Also, if the user returns to the image text content after switching to other content in the media streaming, the slide operation may be used again to trigger the display of the detail page.

[0076] For example, in media streaming, if image text content A is displayed, and the user swipes across picture A to enter A's details page, and the user returns to image text content A in media streaming, and does not switch to the previous content B or the next content C, then swiping across picture A again will not enter A's details page. In this case, the swiping action can serve the purpose of switching pictures. If the user switches to B or C, the swiping action will allow the user to enter B or C's details page. If the user returns to A from B or C, swiping across picture A again will display A's details page. This reduces the probability of user error when the user has finished viewing the details page or has lost interest in the content.

[0077] This method of triggering the display of detail pages through a slide gesture is simple and easy for users to use, thus improving the interactivity of image, text, and content display.

[0078] In some embodiments, a given operation includes a scaling operation. When a user attempts to enlarge a picture, it indicates that the user is interested in the content. A reduction operation is usually performed after an enlargement operation, or a reduction operation may be performed due to improper operation when the user attempts to enlarge. Thus, a reduction operation can also indirectly reflect the user's interest.

[0079] The following illustrates two types of detection processes.

[0080] In some embodiments, the user first touches the screen with two fingers, then uses a pinch gesture to zoom in on the image, and finally, when the user stops touching the screen, the display of the details page is triggered.

[0081] In some embodiments, the user first touches the screen with two fingers, then pinches to zoom in on the image, then pinches to zoom out, and finally stops touching the screen, triggering the display of the details page.

[0082] In other words, after recognizing that the user has performed a scaling operation, the display of the details page may be triggered when the user stops touching the screen.

[0083] This method of triggering the display of detail pages through zooming in and out operations is relatively infrequent and reduces the probability of user errors, thus improving the interactivity of image, text, and content display.

[0084] In some embodiments, a predetermined operation includes a click operation. For example, when a user clicks on any one picture in image-text content, they may be taken to a details page of the image-text information.

[0085] This method of triggering the display of detail pages with a click is intuitive and easy for users to understand and operate, thus improving the interactivity of image, text, and content display.

[0086] Figures 3A and 3B are schematic diagrams illustrating the image, text, and content pages and detail pages. In Figure 3A, the image, text, and content page 31 includes a picture container 311 and a text container 312. Picture container 311 contains four pictures, and the second picture is currently displayed. Text container 312 contains abbreviated text and the abbreviated text identifier "Reads in 2 minutes". When the user performs a predetermined action on a picture, the detail page 32 shown in Figure 3B is displayed. On detail page 32, picture container 321 contains four pictures, and the second picture is currently displayed. Text container 322 contains the complete text.

[0087] The above embodiment realizes the provision of image and text content to users in media streaming, and displays abbreviated text in media streaming, and in response to a predetermined user action, displays a detailed page containing the complete text. As a result, if a user becomes interested in image and text content while browsing media streaming, they can conveniently and easily understand the complete information of the image and text content and obtain long text information conveniently and efficiently. Furthermore, the above embodiment expands the content types in media streaming while assuming that the impact on the overall architecture of media streaming is small.

[0088] In some embodiments, both in image-text content and on detail pages, pictures in image-text content may be automatically played. That is, pictures may be automatically displayed one by one in order according to their sequence. Some image-text content may have background music. In some embodiments of this disclosure, the automatic playback of pictures may be controlled in response to user interaction. The following describes an embodiment of a method for controlling the automatic playback of pictures with reference to Figure 4.

[0089] Figure 4 shows a schematic flowchart of an automatic regeneration control method according to several embodiments of the present disclosure. As shown in Figure 4, the automatic regeneration control method of the embodiment includes steps S402 to S404.

[0090] In step S402, image, text, and content are displayed to automatically play pictures during media streaming.

[0091] In step S404, the automatic playback of the picture is stopped in response to a slide operation on the picture.

[0092] If the user does not perform an action to slide through the pictures or perform any other action to stop the pictures from autoplaying, the pictures will continue to autoplay.

[0093] When entering a detail page, the system may decide whether to continue autoplaying the picture based on the last state of the picture in the image, text, or content prior to entering the detail page. This state refers to whether or not the picture is autoplaying. In other words, the autoplay state of the picture on the detail page of the image, text, or content will match the last autoplay state of the picture prior to entering the detail page.

[0094] For example, the embodiment may further include step S406 or S408.

[0095] In step S406, before entering the details page, if the autoplay of pictures in the image, text, or content is not disabled, the details page will be displayed to automatically play the pictures.

[0096] In step S408, the automatic playback of the picture is stopped in response to the operation to view the next picture.

[0097] If the user does not take any action to view the next picture, or takes any other action to stop the picture from autoplaying, the picture autoplay will continue.

[0098] For example, the embodiment may further include step S410.

[0099] In step S410, if automatic playback of pictures in image, text, or content has already been stopped before entering the details page, the details page will be displayed without automatically playing the pictures.

[0100] When returning from the details page to the media streaming image, text, or content interface, the state of whether or not a picture in the image, text, or content is automatically playing may remain consistent with the last state of the picture on the details page.

[0101] In some embodiments, background music continues playing on the detail page for image, text, or content even if the picture's autoplay is stopped. This allows music to continue playing regardless of whether autoplay has stopped or not.

[0102] The above-described autoplay control method ensures consistency in autoplay across media streaming and detail pages.

[0103] The following describes an embodiment of the image, text, and content display device of the present disclosure with reference to Figure 5.

[0104] Figure 5 is a schematic diagram showing an image-text-content display device according to some embodiments of the present disclosure. As shown in Figure 5, the display device 50 of the embodiment includes a first display module 510 configured to display image-text-content including a picture and abbreviated text in media streaming, a reception module 520 configured to receive user operations on the picture in the image-text-content, and a second display module 530 configured to display a detail page of the image-text-content including the picture and the complete text in response to a predetermined user operation on the picture in the image-text-content.

[0105] In some embodiments, the predetermined operation includes a sliding operation.

[0106] In some embodiments, a slide operation among predetermined operations has different slide information than a slide operation for switching between different content in media streaming, and the slide information includes at least one of a slide direction and a slide distance.

[0107] In some embodiments, the image-text content includes multiple pictures, and the second display module 530 is further configured to display a detail page of the image-text content in response to a user's slide operation on any one of the multiple pictures.

[0108] In some embodiments, the image-text content includes multiple pictures, and the second display module 530 is further configured to display a detail page of the image-text content in response to a user's slide operation on the last of the multiple pictures, while a user's slide operation on a picture other than the last of the multiple pictures switches to displaying a picture adjacent to that picture.

[0109] In some embodiments, the first display module 510 is further configured to display image text content in the media streaming in response to a user's return operation on the detail page, and to refrain from displaying the detail page in response to the user performing another slide operation on the picture before switching to other content other than image text content in the media streaming.

[0110] In some embodiments, the predetermined operation includes a scaling operation.

[0111] In some embodiments, the predetermined operation includes a click operation.

[0112] In some embodiments, the first display module 510 is further configured to stop the automatic playback of a picture in response to a slide operation on the picture when the picture is being played automatically during media streaming.

[0113] In some embodiments, the autoplay state of a picture on an image, text, or content detail page matches the last autoplay state of the picture before entering the detail page.

[0114] In some embodiments, the second display module 530 is further configured to stop the automatic playback of a picture in response to a slide operation on a picture when the picture is being played automatically on the detail page of the image, text, or content.

[0115] In some embodiments, the image-text content further includes background music, and the display device 50 further includes a music playback module 540 configured to continue playing the background music when the automatic playback of the picture is stopped on the detail page of the image-text content.

[0116] In some embodiments, in media streaming, the aspect ratio of the picture in the image text content is smaller than a first ratio threshold.

[0117] In some embodiments, in media streaming, the picture container for holding pictures is located at the top of the display interface.

[0118] In some embodiments, the omitted text includes text of a target length and an omitted text identifier, the omitted text identifier representing at least one of the following: the “See Details” prompt, the length of the omitted text, or the reading time of the omitted text.

[0119] In some embodiments, the target length is determined according to the aspect ratio of the picture.

[0120] In some embodiments, if the aspect ratio of at least one picture in the image text content is greater than a second ratio threshold, the target length is a first length; and if the aspect ratio of at least one picture in the image text content is less than or equal to the second ratio threshold, the target length is a second length, and the first length is greater than the second length.

[0121] Figure 6 is a schematic diagram showing an image-text-content display device according to several other embodiments of the present disclosure. As shown in Figure 6, the image-text-content display device 60 of the embodiment includes a memory 610 and a processor 620 coupled to the memory 610 and configured to perform the method of displaying image-text-content in any one of the embodiments described above based on instructions stored in the memory 610.

[0122] Here, memory 610 may include, for example, system memory, a fixed non-volatile storage medium, etc. System memory stores, for example, an operating system, applications, a boot loader, and other programs.

[0123] Figure 7 is a schematic diagram showing an image-text-content display device according to some other embodiments of the present disclosure. As shown in Figure 7, the image-text-content display device 70 of the embodiments includes a memory 710 and a processor 720, and may further include an input / output interface 730, a network interface 740, a storage interface 750, and the like. These interfaces 730, 740, 750, and the memory 710 and processor 720 may be connected, for example, via a bus 770. Here, the input / output interface 730 provides a connection interface to input / output devices such as a display, mouse, keyboard, and touch panel. The network interface 740 provides a connection interface to various network devices. The storage interface 750 provides a connection interface to external storage devices such as SD cards and USB memory.

[0124] Embodiments of the present disclosure further provide a computer-readable storage medium characterized in that it stores a computer program that, when executed by a processor, enables the display of any one of the aforementioned image, text, or content types.

[0125] As those skilled in the art will see, embodiments of the present disclosure may be provided as methods, systems, or computer program products. Accordingly, the present disclosure may take the form of complete hardware embodiments, complete software embodiments, or embodiments combining software and hardware. The present disclosure may also take the form of a computer program product implemented on one or more computer-usable non-temporary storage media (including, but not limited to, magnetic disk memory, CD-ROM, optical memory, etc.) containing computer-usable program code.

[0126] This disclosure has been described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of this disclosure. It should be understood that each flow and / or block in a flowchart and / or block diagram, and combinations of flows and / or blocks in a flowchart and / or block diagram, may be implemented by computer program instructions. By providing these computer program instructions to the processor of a general-purpose computer, a dedicated computer, an embedded processor, or other programmable data processing device, a machine can be generated, thereby generating a device for implementing one or more flows in a flowchart and / or one or more blocks in a block diagram.

[0127] These computer program instructions may be stored in computer-readable memory that can instruct a computer or other programmable data processing device to operate in a particular manner. The instructions stored in this computer-readable memory generate a product that includes an instruction unit that implements a specified function in one or more flows of a flowchart and / or one or more blocks of a block diagram.

[0128] These computer program instructions may be loaded into a computer or other programmable data processing device. By causing the computer or other programmable device to execute a series of operational steps and generate the processing to be performed by the computer, the instructions executed by the computer or other programmable device provide steps to perform a function specified in one or more flows of a flowchart and / or one or more blocks of a block diagram.

[0129] The foregoing describes only preferred embodiments of the Disclosure and is not intended to limit the Disclosure. Any amendments, equivalent substitutions, or improvements made within the spirit and principles of the Disclosure should be included within the scope of the claims of the Disclosure.

Claims

1. In media streaming, displaying image and text content, including pictures and abbreviated text, Accepting user operations on pictures in the aforementioned image text content, This includes displaying a detail page of the image text content, including the picture and the complete text, in response to a predetermined operation performed by the user on a picture in the image text content. How to display images, text, and content.

2. The display method according to claim 1, wherein the predetermined operation includes a sliding operation.

3. The display method according to claim 2, wherein the slide operation among the predetermined operations has slide information different from the slide operation for switching between different content in media streaming, and the slide information includes at least one of the slide direction and the slide distance.

4. The aforementioned image-text content includes multiple pictures, and in response to a predetermined operation on the pictures by the user, a detail page of the image-text content is displayed. The display method according to claim 2 or 3, further comprising displaying a detail page of the image text content in response to a slide operation performed by the user on any one of the plurality of pictures.

5. The aforementioned image-text content includes multiple pictures, and in response to a predetermined operation on the pictures by the user, a detail page of the image-text content is displayed. The display method according to any one of claims 2 to 4, comprising displaying a detail page of the image text content in response to a slide operation by the user on the last of the plurality of pictures, wherein a slide operation by the user on a picture other than the last of the plurality of pictures is for switching to the display of a picture adjacent to the picture.

6. In response to the user's return operation on the details page, the image and text content are displayed in the media streaming, The display method according to any one of claims 2 to 5, further comprising not displaying the details page in response to the user performing a slide operation on the picture again before the user switches to other content other than the image text content in the media streaming.

7. The display method according to any one of claims 1 to 6, wherein the predetermined operation includes a scaling operation.

8. The display method according to any one of claims 1 to 7, wherein the predetermined operation includes a click operation.

9. Displaying image and text content in the aforementioned media streaming is, The display method according to any one of claims 1 to 8, wherein, in media streaming, when the picture is played automatically, the automatic playback of the picture is stopped in response to a slide operation on the picture.

10. The display method according to any one of claims 1 to 9, wherein the autoplay state of the picture on the detail page of the image text content matches the last autoplay state of the picture before entering the detail page.

11. Displaying the details page for the aforementioned image, text, and content is: The display method according to claim 10, further comprising stopping the automatic playback of the picture in response to a slide operation on the picture when the picture is automatically played on the detail page of the image text content.

12. The aforementioned image text content further includes background music, and the aforementioned display method is The display method according to claim 11, further comprising continuing to play the background music if the autoplay of the picture is stopped on the detail page of the image text content.

13. The display method according to any one of claims 1 to 12, wherein in the media streaming, the aspect ratio of the picture in the image text content is smaller than a first ratio threshold.

14. The display method according to claim 13, wherein in the image text content, pictures larger than the first ratio threshold are displayed after being cropped to the first ratio threshold.

15. The display method according to claim 13, wherein, in the media streaming, the aspect ratio of the picture container for holding the picture is equal to the first ratio threshold, and the picture in the picture container is displayed after being adaptively scaled.

16. The display method according to any one of claims 1 to 15, wherein, in the media streaming, the picture container for holding the picture is laid out on the interface of the media streaming in a ceiling-mounted manner.

17. The display method according to any one of claims 1 to 16, wherein the omitted text includes text of a target length and an omitted text identifier, the omitted text identifier represents at least one of the following: the "View Details" prompt, the length of the omitted text, or the reading time of the omitted text.

18. The display method according to claim 17, wherein the target length is determined according to the aspect ratio of the picture.

19. If the aspect ratio of at least one picture of the image text content is greater than the second ratio threshold, the target length is the first length. The display method according to claim 18, wherein if the aspect ratio of at least one picture of the image text content is less than or equal to a second ratio threshold, the target length is the second length and the first length is greater than the second length.

20. Memory and A display device for image text content, comprising a processor coupled to the memory and configured to perform the method of displaying image text content according to any one of claims 1 to 19 based on instructions stored in the memory.

21. A computer-readable storage medium storing a computer program that, when executed by a processor, enables the display method of image text content according to any one of claims 1 to 19.

22. A computer program product that, when run on a computer, causes the computer to implement the method for displaying image, text, and content described in any one of claims 1 to 19.

23. A computer program that, when executed by a processor, includes instructions causing the processor to perform the method of displaying image text content described in any one of claims 1 to 19.

Images