Content display method and related device

Abstract

The embodiments of the present application disclose a content display method and related devices, which can not only enrich the content that users can view simultaneously from the content dimension and content group dimension, but also simulate the form of real cards to display content to users, and provide users with a novel card-style switching operation method, thereby enriching the user's viewing content while improving the user's viewing and operation experience.

Description

Technical Field

[0001] The present application relates to the field of data processing, and in particular to a content display method and related devices. Background Art

[0002] Content platforms can provide users with playback services for various types of content. To improve playback efficiency, content platforms will provide users with a series of multiple contents for continuous playback. They can automatically play the next content after the user finishes watching the previous content, or respond to user operations to switch the currently playing content.

[0003] However, when watching content, users can only see the currently playing content and cannot know in advance what the next content will be. Especially when multiple contents are related, users have a greater need to know in advance what the subsequent content will be.

[0004] In related technologies, users can only switch the currently playing content or stop playing the content and watch it later. Either method will affect the user's content viewing, and the user's frequent operations will increase the response burden of the content platform. Summary of the Invention

[0005] In order to solve the above technical problems, the present application provides a content display method. While watching the selected content, the user can also see the identification or thumbnail display of other content associated with the content, and can freely switch between different content groups for viewing, thereby improving the user's content viewing experience.

[0006] The embodiments of this application disclose the following technical solutions:

[0007] In a first aspect, an embodiment of the present application discloses a content display method, the method comprising:

[0008] Obtaining playback parameters of a plurality of content groups to be displayed, wherein the plurality of content groups have content relevance;

[0009] Determining card units corresponding to the plurality of content groups respectively according to the playback parameters, wherein the determined plurality of card units include a content playback area and a content identification area, wherein the content playback area is used to play the selected content in the corresponding content group, and the content identification area is used to display identifications of the content in the corresponding content group;

[0010] Displaying the plurality of card units in a stacked manner in a terminal display area according to a card arrangement order determined based on the content relevance, wherein a first card unit containing the content selected for playback is displayed in full, and other card units in the plurality of card units except the first card unit are displayed in thumbnail form;

[0011] In response to the switching operation obtained in the first card unit, a second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed, wherein the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

[0012] In a second aspect, an embodiment of the present application discloses a content display device, comprising a first acquisition unit, a first determination unit, a first display unit, and a second display unit:

[0013] The first acquisition unit is configured to acquire playback parameters of a plurality of content groups to be displayed, wherein the plurality of content groups have content relevance;

[0014] The first determining unit is configured to determine card units corresponding to the plurality of content groups respectively according to the playback parameters, wherein the determined plurality of card units include a content playback area and a content identification area, wherein the content playback area is configured to play the selected content in the corresponding content group, and the content identification area is configured to display an identification of the content in the corresponding content group;

[0015] The first display unit is configured to display the plurality of card units in a stacked manner in a display area of ​​the terminal according to a card arrangement order determined based on the content relevance, wherein the first card unit containing the content selected for playback is displayed in full, and the other card units of the plurality of card units except the first card unit are displayed in thumbnail form;

[0016] The second display unit is used to fully display the second card unit and thumbnail display the first card unit in the terminal display area in response to the switching operation obtained in the first card unit, and the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

[0017] In a possible implementation, the apparatus further includes a second determining unit and a third determining unit:

[0018] the second determining unit is configured to, if it is determined based on the upward sliding operation that the switching operation is acquired, determine a card unit of the plurality of card units that is next to the first card unit in the card arrangement sequence as the second card unit;

[0019] The third determining unit is configured to determine, if the switching operation is determined to be acquired based on the downward sliding operation, a card unit that is above the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

[0020] In a possible implementation, the terminal display area is in a horizontal display state, and the second display unit is specifically configured to:

[0021] Obtaining a left sliding operation or a right sliding operation in the first card unit;

[0022] For the sliding operation being the left sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the left sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or,

[0023] For the sliding operation being the right sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the right sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

[0024] In a possible implementation, the apparatus further includes a fourth determining unit and a fifth determining unit:

[0025] the fourth determining unit is configured to, if the switching operation is determined to be acquired based on the left sliding operation, determine the card unit of the multiple card units that is next to the first card unit in the card arrangement sequence as the second card unit;

[0026] The fifth determining unit is configured to determine, if the switching operation is determined to be acquired based on the right sliding operation, a card unit that is previous to the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

[0027] In a possible implementation, the apparatus further includes a second acquiring unit, a sixth determining unit, and a third displaying unit:

[0028] The second acquiring unit is configured to acquire a display width of a sub-display area in the terminal display area for displaying the other card units, wherein the display width is determined based on a display direction of the terminal display area;

[0029] The sixth determining unit is configured to determine the display quantity according to the display width and the display sub-width of the thumbnailed card unit;

[0030] The third display unit is used to display card units reaching the display quantity in thumbnails in the sub-display area.

[0031] In a possible implementation, the third display unit is specifically configured to:

[0032] If the first card unit has a previous card unit and a next card unit in the card arrangement sequence, at least the previous card unit and the next card unit are displayed in thumbnail form in the sub-display area.

[0033] In a possible implementation, the terminal display area further includes a card shortcut bar, in which card identifiers of the plurality of card units are displayed, and the apparatus further includes a third acquisition unit and a fourth display unit:

[0034] The third acquisition unit is configured to acquire, through the card shortcut bar, a selection operation for the card identifier corresponding to the third card unit;

[0035] The fourth display unit is configured to fully display the third card unit and thumbnail display the first card unit in the terminal display area according to the selection operation.

[0036] In a possible implementation, the fourth card unit is a card unit displayed in thumbnail form, and the apparatus further includes a fourth obtaining unit and a fifth displaying unit:

[0037] The fourth obtaining unit is configured to obtain a preview operation for the fourth card unit;

[0038] The fifth display unit is configured to display a preview interface of the fourth card unit in the terminal display area according to the preview operation, wherein the preview interface includes a content identification area of ​​the fourth card unit.

[0039] In a possible implementation, the device further includes a sixth display unit, a fifth acquisition unit, and an execution unit:

[0040] The sixth display unit is configured to display a plurality of contents via the terminal display area;

[0041] The fifth acquiring unit is configured to acquire a selection operation on a target content among the multiple contents;

[0042] The execution unit is configured to execute the operation of obtaining playback parameters of the multiple content groups to be displayed if it is determined that the target content is in the multiple content groups.

[0043] In a possible implementation, the apparatus further includes a sixth acquiring unit:

[0044] The sixth acquiring unit is configured to acquire content search results according to the content search request, where the content search results include the multiple contents.

[0045] In a possible implementation, the card unit further includes a card title, and the card title is used to identify the content theme of the corresponding content group. The second display unit is specifically configured to:

[0046] The card title of the first card unit is displayed, and the content playback area and content identification area of ​​the first card unit are hidden.

[0047] In a possible implementation, the first card unit that is fully displayed also displays the total playback time, where the total playback time is used to identify the sum of the playback times of the content included in the first card unit.

[0048] In a third aspect, an embodiment of the present application discloses a computer device, comprising a processor and a memory:

[0049] The memory is used to store program code and transmit the program code to the processor;

[0050] The processor is used to execute the content display method described in any one of the first aspects according to the instructions in the program code.

[0051] In a fourth aspect, an embodiment of the present application discloses a computer-readable storage medium, wherein the computer-readable storage medium is used to store a computer program, and the computer program is used to execute the content display method described in any one of the first aspects.

[0052] In a fifth aspect, an embodiment of the present application discloses a computer program product comprising instructions, which, when executed on a computer, enables the computer to execute the content display method described in any one of the first aspects.

[0053] It can be seen from the above technical solution that when displaying content, the playback parameters of multiple content groups to be displayed can be obtained, and the multiple content groups have content relevance. According to the playback parameters, the card units corresponding to the multiple content groups can be determined, and each card unit has a content playback area for playing the selected content, and a content identification area for displaying the identification of other content in the same content group, so that the user can obtain information about other related content while watching the selected content. In the terminal display area, the card arrangement order of multiple card units can be determined based on the content relevance, and then the multiple card units are stacked and displayed according to the card arrangement order, wherein the first card unit where the content selected for playback is located is fully displayed, and the other card units are thumbnailed, so that the user can roughly understand the overall information of other content groups while watching the content group where the selected content is located. When the user wants to switch to the content in other content groups for playback, since the present application displays the content in a card stacking manner, the present application can provide the user with a content group switching method that fits the card display format. The user can simulate the switching card method to perform the switching operation in the first card unit. At this time, the second card unit that the user wants to watch can be fully displayed in the terminal display area and the first card unit can be displayed in thumbnail form. The second card unit is the adjacent card unit of the first card unit in the card arrangement order. Through the above technical solution, the user can freely switch the content group he wants to watch through the novel card operation form. At the same time, when watching the selected content, he can see other content information in the same content group and thumbnail information of other content groups, which increases the richness of the information that the user can browse and improves the user's content viewing experience and operation experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0054] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0055] Figure 1 A schematic diagram of a content display method in an actual application scenario provided by an embodiment of the present application;

[0056] Figure 2 A flowchart of a content display method provided in an embodiment of the present application;

[0057] Figure 3 A schematic diagram of a content display method provided in an embodiment of the present application;

[0058] Figure 4A schematic diagram of a content display method provided in an embodiment of the present application;

[0059] Figure 5 A schematic diagram of a content display method provided in an embodiment of the present application;

[0060] Figure 6 A schematic diagram of a content display method provided in an embodiment of the present application;

[0061] Figure 7 A schematic diagram of a content display method provided in an embodiment of the present application;

[0062] Figure 8 A schematic diagram of a content display method provided in an embodiment of the present application;

[0063] Figure 9 A schematic diagram of a content display method provided in an embodiment of the present application;

[0064] Figure 10 A schematic diagram of a content display method provided in an embodiment of the present application;

[0065] Figure 11 A schematic diagram of a content display method in an actual application scenario provided by an embodiment of the present application;

[0066] Figure 12 A structural block diagram of a content display device provided in an embodiment of the present application;

[0067] Figure 13 A structural diagram of a terminal device provided in an embodiment of the present application;

[0068] Figure 14 A structural diagram of a server provided in an embodiment of the present application. DETAILED DESCRIPTION

[0069] The embodiments of the present application are described below with reference to the accompanying drawings.

[0070] On content platforms in related technologies, when users watch content, the selected content is usually displayed full-screen in the terminal display area. Users can only see the current content and cannot see related information of other content associated with the selected content. As a result, the content that users can watch is limited and multiple related content cannot be displayed to users, resulting in a poor content viewing experience for users.

[0071] In order to solve the above technical problems, the present application provides a content display method. While watching the selected content, the user can also see the identification or thumbnail display of other content associated with the content, and can freely switch between different content groups for viewing, thereby improving the user's content viewing experience.

[0072] The content display method provided in the embodiments of the present application can be implemented by a computer device, which can be a terminal device or a server, wherein the server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. Terminal devices include but are not limited to mobile phones, computers, intelligent voice interaction devices, smart home appliances, car terminals, etc. The terminal device and the server can be directly or indirectly connected via wired or wireless communication, which is not limited in this application.

[0073] In order to facilitate understanding of the technical solution provided by the embodiment of the present application, a content display method provided by the embodiment of the present application will be introduced below in combination with an actual application scenario.

[0074] See also Figure 1 , Figure 1 This is a schematic diagram of a content display method in an actual application scenario provided by an embodiment of the present application. In this actual application scenario, the processing device is the terminal device 101.

[0075] When displaying content, Figure 1 As shown, the terminal device 101 can first obtain the playback parameters of N content groups to be displayed. The N content groups have content relevance. For example, in this actual application scenario, the N content groups can correspond to multiple links in a certain event. The terminal device 101 can determine the card units corresponding to the N content groups according to the playback parameters, and then display multiple card units in a stacked manner in the terminal display area in a manner that simulates real cards according to the card arrangement order determined based on the content relevance. Figure 1 As shown, the terminal display area of ​​the terminal device 101 includes a card unit corresponding to the fully displayed content group 1 and multiple other thumbnail displayed card units. The fully displayed card unit includes a content playback area and a content identification area. The content playback area is used to play the selected content 01 in the content group 1, and the other unselected content in the content group 1 is displayed in the form of an identifier in the content identification area. Therefore, in the content dimension, when viewing the content 01, the user can also see the relevant information of other content in the same content group; in the content group dimension, the user can view the fully displayed card unit corresponding to the current content group while learning the relevant information of other content groups through the thumbnail displayed card units corresponding to other content groups.

[0076] When the user wants to switch to the content in other content groups for viewing, Figure 1 As shown, the switching operation can be performed in the card unit corresponding to the content group 1 in a manner similar to moving a real card, for example, Figure 1Swipe upward with your finger to select the card corresponding to content group 1. The adjacent card, which was originally displayed in thumbnail form, will now be fully displayed in the terminal display area, and the card corresponding to content group 1, which was originally fully displayed, will be displayed in thumbnail form, thereby switching the displayed card. In this way, the terminal device 101 can provide users with a content group switching method that simulates the feel of real card operation, improving operational efficiency while enhancing the user's content viewing experience.

[0077] Next, a content display method provided in an embodiment of the present application will be introduced with reference to the accompanying drawings.

[0078] S201: Acquire playback parameters of multiple content groups to be displayed.

[0079] Among them, the content group is a collection of multiple contents, and the content refers to the content that can be played to the user, such as short videos, movie videos, TV series videos, etc. In order to be able to display relatively rich content information to the user at the same time, the processing device can first obtain the playback parameters of multiple content groups to be displayed, and the playback parameters are used to play the contents in the multiple content groups on the terminal device. In order to improve the user's content viewing experience, when the user wants to watch multiple contents continuously, the processing device can provide the user with multiple contents with content relevance, thereby providing the user with a more coherent and complete content viewing experience. That is, among the contents corresponding to the playback parameters obtained by the processing device, not only do multiple contents in the same content group have strong content relevance, but multiple content groups can also have content relevance. For example, multiple content groups can be multiple links of a certain event, and multiple contents in a single content group can be specific details in the link, etc.

[0080] S202: Determine card units corresponding to the plurality of content groups according to the playback parameters.

[0081] In order to provide users with a more novel content viewing experience, in an embodiment of the present application, the processing device can display a variety of content to users in the form of simulated real cards.

[0082] First, the processing device can determine the card units corresponding to the multiple content groups according to the playback parameters. The card unit is a virtual content display unit that simulates the form of a real card in the embodiment of the present application, for example Figure 1 The card unit corresponding to the content group 1 shown in . The determined multiple card units include a content playback area and a content identification area. The content playback area is used to play the selected content in the corresponding content group, and the content identification area is used to display the identification of the content in the corresponding content group. The identification of the content can reflect the relevant information to be displayed by the content to a certain extent. For example, in Figure 1In the card unit corresponding to Content Group 1 shown, the content playback area is used to play the selected content 01, while the content identification area includes the titles of Content 02, Content 03, and Content 04, which briefly introduce the relevant information of the corresponding content. Therefore, this card-based content display method can not only provide users with a more novel content viewing experience, but also enable users to roughly understand the relevant information of other content in the same content group while watching the currently selected content, broadening their viewing perspective on the content dimension.

[0083] S203: Displaying a plurality of card units in a stacked manner in the terminal display area according to a card arrangement order determined based on content relevance.

[0084] In addition to broadening the information richness at the content level, the processing device can also present richer information to users at the content group level. It is understandable that, because the multiple content groups acquired by the processing device are related to each other, providing users with more information at the content group level can also provide users with a clearer and more detailed understanding of the content they are currently viewing and the surrounding information, thereby improving their content viewing experience.

[0085] Based on this, in an embodiment of the present application, the processing device can simultaneously display multiple card units in the terminal display area according to the card arrangement order determined based on the content relevance. The terminal display area refers to the display area corresponding to the terminal device used to display the content, such as a mobile phone screen, a computer screen, etc. Displaying through this card arrangement order can provide users with a smoother and more reasonable content viewing experience, and improve the continuity of users' viewing of content. Since the present application displays the content in the content group in the form of simulated cards, when displaying multiple card units corresponding to multiple content groups, the processing device can also simulate the display of real card stacking. Among them, the first card unit where the content selected for playback is located is fully displayed, and the other card units except the first card unit in the multiple card units are displayed in thumbnails, such as in Figure 1 In the example, the card unit corresponding to content group 1 is fully displayed in the terminal display area, and the card units corresponding to other content groups such as content group 2 and content group 3 can be stacked and displayed below the card unit of content group 1 in a similar way to real card stacking, with each card unit only revealing part of the content group title. Figure 3 As shown, multiple virtual card units can be displayed in a way that simulates the stacking of real cards. Through this display format, users can view the content of the current content group while also viewing the content of other content groups, thereby increasing the amount of information that users can view simultaneously in terms of content groups.

[0086] S204: In response to the switching operation obtained in the first card unit, the second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed.

[0087] By displaying content in the manner of simulating real cards, not only can more content information be displayed to users at the same time, but also the user can be given an operating experience similar to that of real cards.

[0088] For example, when a user has finished browsing the content in the first card unit currently displayed, they may want to switch to another content group to watch. In a real scenario, if a user wants to switch to a different card, they can perform a switching operation such as sliding the currently selected card to move the card away. Therefore, in this application, in order to simulate the operating feel of a real card, the processing device can provide the user with an operation method based on the card unit.

[0089] If the user wants to switch to other card units for viewing, the user can perform a switching operation in the first card unit, and the switching operation is used to switch different card units, such as pressing and holding the first card unit to slide, etc. In response to the switching operation obtained in the first card unit, in order to ensure the user's content viewing experience, the processing device can push other content groups with associated relationships to the user for viewing. For example, since the card arrangement order is determined based on the content relevance, the second card unit adjacent to the first card unit in the card arrangement order theoretically has a higher content relevance with the first card unit in terms of content. Based on this, the processing device can fully display the second card unit in the terminal display area and display the first card unit in thumbnails, thereby simulating the sense of switching between real cards and giving users a novel and realistic operating experience. For example, if Figure 4 As shown, when the user slides up in the card unit corresponding to the current content group, the card unit corresponding to the next content group will move up and be fully displayed, and the card unit corresponding to the current content group will sink and be displayed in thumbnail form above the card unit corresponding to the next content group.

[0090] It can be seen from the above technical solution that when displaying content, the playback parameters of multiple content groups to be displayed can be obtained, and the multiple content groups have content relevance. According to the playback parameters, the card units corresponding to the multiple content groups can be determined, and each card unit has a content playback area for playing the selected content, and a content identification area for displaying the identification of other content in the same content group, so that the user can obtain information about other related content while watching the selected content. In the terminal display area, the card arrangement order of multiple card units can be determined based on the content relevance, and then the multiple card units are stacked and displayed according to the card arrangement order, wherein the first card unit where the content selected for playback is located is fully displayed, and the other card units are thumbnailed, so that the user can roughly understand the overall information of other content groups while watching the content group where the selected content is located. When the user wants to switch to the content in other content groups for playback, since the present application displays the content in a card stacking manner, the present application can provide the user with a content group switching method that fits the card display format. The user can simulate the switching card method to perform the switching operation in the first card unit. At this time, the second card unit that the user wants to watch can be fully displayed in the terminal display area and the first card unit can be displayed in thumbnail form. The second card unit is the adjacent card unit of the first card unit in the card arrangement order. Through the above technical solution, the user can freely switch the content group he wants to watch through the novel card operation form. At the same time, when watching the selected content, he can see other content information in the same content group and thumbnail information of other content groups, which increases the richness of the information that the user can browse and improves the user's content viewing experience and operation experience.

[0091] The switching operation performed by the user in the first card unit may include multiple types. Specifically, in a possible implementation, in order to be more consistent with the operation mode of a real card, the processing device may provide the user with a switching mode of sliding operation.

[0092] The processing device can obtain a sliding operation in the first card unit, and the sliding operation is used to adjust the identification displayed in the content identification area, that is, the user can first select content from other unplayed content in the content group corresponding to the first card unit through a sliding operation. Figure 1 In the interface of the terminal device 101 shown, due to the limited display area of ​​the content identification area, when content group 1 also contains content 04 and content 05, they may not be directly displayed in the content identification area. The user can slide the content up to the content identification area for selection.

[0093] It is understandable that when the user continues to slide after sliding to the last content in the content group, it means that the user does not want to select content in the content group to watch at this time, but wants to switch to other content groups to watch. Therefore, if the logo of the last content in the sliding direction is displayed in the content identification area of ​​the first card unit based on the sliding operation, and the additional sliding distance meets the switching threshold, it means that the user has a more obvious intention to switch content groups. At this time, the processing device can determine to obtain the switching operation, and then fully display the second card unit and thumbnail the first card unit in the terminal display area according to the switching operation. Among them, the additional sliding distance refers to the distance the user continues to slide after the logo of the last content is displayed in the content identification area. The size of this distance can reflect the user's intention to switch content groups. The switching threshold is used to determine whether the user wants to switch content groups.

[0094] Among them, in terms of sliding operation dimension, the processing device can also provide users with multiple sliding methods for users to operate flexibly. For example, in one possible implementation method, the terminal display area is in a vertical screen display state. In this display state, the thumbnail display card unit is located above or below the fully displayed card unit, and the logos of multiple contents in the content identification area are arranged in an up and down manner. At the same time, in this display state, the order that is more in line with the user's viewing habits is usually to watch from top to bottom, so the first content corresponding to the content identification area can be set as the content corresponding to the top logo, and the last content can be set as the content corresponding to the bottom logo.

[0095] In this display state, the processing device can obtain an upward activity operation or a downward sliding operation in the first card unit. The sliding operation is an upward sliding operation. If the identifier of the last content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the upward sliding operation, and the additional sliding distance meets the switching threshold, it means that the user has a clear intention to switch content groups. At this time, the processing device can determine to obtain the switching operation. Among them, the arrangement order refers to the arrangement order of multiple content identifiers in the content identification area. In the vertical screen display state, the arrangement order is arranged from top to bottom, that is, the bottom identifier that can be displayed in the content identification area is the identifier of the last content, and the top identifier that can be displayed is the identifier of the first content. When sliding upward, when the identifier of the last content is displayed, it means that it has slid to the bottom and cannot continue to slide up to select among the multiple content identifiers.

[0096] For a downward sliding operation, if the logo of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the downward sliding operation, and the additional sliding distance meets the switching threshold, it means that the slide has reached the top logo and it is impossible to continue sliding down to select among the multiple content logos. At this time, if the additional sliding distance meets the switching threshold, it can be determined that the user has a clear intention to switch content groups, and the processing device can determine to obtain the switching operation.

[0097] Furthermore, in the vertical screen display state, the usual display order is from top to bottom. Therefore, when the user swipes up, it is likely that the user wants to see the next card unit of the currently expanded card unit, and when the user swipes down, it is likely that the user wants to see the previous card unit of the currently expanded card unit. Based on this, in order to improve the logic and rationality of the operation and meet the user's operation needs as much as possible, in one possible implementation, if the acquisition of the switching operation is determined based on the upward swipe operation, the processing device can determine the next card unit of the multiple card units that is the first card unit in the card arrangement order as the second card unit; if the acquisition of the switching operation is determined based on the downward swipe operation, the processing device can determine the previous card unit of the multiple card units that is the first card unit in the card arrangement order as the second card unit.

[0098] like Figure 5 As shown, when the user swipes upward in the currently fully displayed card unit, the content identification area will first slide upward until the identification of the last content 05 of the content group corresponding to the card unit is displayed. At this time, the distance the user swipes upward is distance A, which is the sliding distance used to move the content identification and can be counted as additional sliding distance. Then, when the user continues to swipe upward, for example, swiping upward by distance B, this distance B is the additional sliding distance. At this time, the processing device can determine whether distance B meets the switching threshold. If so, the card unit corresponding to content group 2 can be fully displayed, and the card unit of content group 1 that was originally fully displayed can be displayed in thumbnail form.

[0099] In another possible implementation, the terminal display area can be in a horizontal display state, in which the thumbnail displayed card unit is located to the left or right of the fully displayed card unit, and the identifiers of multiple contents in the content identification area are arranged in a left-right manner.

[0100] In this display state, the user can slide left and right in the first card unit to switch between different card units. Among them, the viewing habit that is more in line with the user is usually to watch from left to right. Therefore, in the horizontal screen display state, the first content corresponding to the content identification area can be set to be the content corresponding to the leftmost identification, and the last content can be set to be the content corresponding to the rightmost identification. For example, the processing device can obtain a left sliding operation or a right sliding operation in the content identification area of ​​the first card unit. If the sliding operation is a left sliding operation, if the identification of the last content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the left sliding operation, and the additional sliding distance meets the switching threshold, it can be determined that the switching operation is obtained.

[0101] Alternatively, if the sliding operation is a right sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the right sliding operation, and the additional sliding distance meets the switching threshold, it can also be determined that the switching operation is obtained.

[0102] Similarly, in this display state, to meet the user's viewing habits, the card unit adjacent to the left of the currently fully displayed card unit can be set as the previous card unit, and the card unit adjacent to the right can be set as the next card unit. If the acquisition of the switching operation is determined based on a left swipe operation, the processing device can determine the next card unit of the multiple card units that is the first card unit in the card arrangement sequence as the second card unit; if the acquisition of the switching operation is determined based on a right swipe operation, the processing device can determine the previous card unit of the multiple card units that is the first card unit in the card arrangement sequence as the second card unit, so as to maximize the fit with the user's operation intention.

[0103] It should be noted that the above-mentioned vertical screen display state and horizontal screen display state are mainly reflected in the display method of the card unit and the supported user operation method, and have no direct relationship with whether the terminal for display is placed in horizontal or vertical orientation.

[0104] Furthermore, in order to more reasonably display multiple content groups to the user, in a possible implementation, the processing device may display the content based on a specific size of the terminal display area.

[0105] The processing device can obtain the display width of the sub-display area in the terminal display area for displaying other card units. The display width refers to the length of the sub-display area in the direction of the card arrangement order. For example, when the card arrangement order is up and down, the display width can refer to the height of the sub-display area; when the card arrangement order is left and right, the display width can refer to the width of the sub-display area.

[0106] The processing device can determine the number of card units to be displayed based on the display width and the display sub-width of the thumbnailed card units. The display sub-width refers to the length of the card units occupied by the thumbnailed card units in the sub-display area in the direction of the card arrangement sequence. Therefore, in order to comprehensively and reasonably display multiple thumbnailed card units, the processing device can thumbnail display the card units that reach the display number in the sub-display area. This ensures that the thumbnailed card units in the sub-display area are not incomplete or have a large amount of blank space, providing users with a more optimized viewing and operating experience.

[0107] At the same time, to provide users with a more comprehensive understanding of the associated information related to the current content while viewing it, in one possible implementation, if the first card unit has a previous card unit and a next card unit in the card arrangement order, this indicates that the content group corresponding to the first card unit has adjacent content groups in terms of content relevance. In this case, to provide users with a more complete content viewing experience, the processing device may display at least the previous card unit and the next card unit in thumbnail form in the sub-display area. This ensures that while viewing the current content group, the user can also see the content information of adjacent content groups that are more closely associated with the current content group.

[0108] In addition to the above-mentioned sliding operation to switch card units, the processing device can also provide the user with a function of switching card units by clicking or other selection operations. In one possible implementation, the user can directly click on the thumbnail displayed card unit to switch to the card unit for content viewing. Figure 6 As shown, the user can directly click on the card unit corresponding to the thumbnail displayed content group 3, and the card unit will directly move up and be fully displayed in the terminal display area, and the content in the content group 3 can be directly played.

[0109] In another possible implementation, in order to make it easier for users to directly switch to the card unit corresponding to the content group they want to watch, the terminal display area may also include a card shortcut bar, which displays card identifiers of multiple card units. The card identifier is used to switch the currently fully displayed card unit to the card unit corresponding to the card identifier.

[0110] When the user wants to switch to the third card unit among multiple card units for viewing, the user can perform a selection operation on the card identifier corresponding to the third card unit in the card shortcut bar. The selection operation is used to select the card identifier, for example, clicking the card identifier, long pressing the card identifier, etc. The third card unit can be any other card unit among the multiple card units except the first card unit.

[0111] After the processing device obtains a selection operation for the card identifier corresponding to the third card unit through the card shortcut bar, it can fully display the third card unit in the terminal display area and display the first card unit in thumbnail form based on the selection operation. Thus, in this way, even if the thumbnail of the third card unit is not displayed in the current terminal display area, the user can quickly switch to the third card unit for viewing without having to perform a lengthy switching operation, thereby improving operational efficiency and enhancing the user's operating experience.

[0112] like Figure 7 As shown, there is a card identification area above the terminal display area, including card identifications corresponding to 6 card units. When the user clicks the card identification corresponding to card unit 3, the card unit 3 that was originally in a thumbnail display state will move up directly for full display, and the card unit 1 that was originally fully displayed will be changed to a thumbnail display state.

[0113] In one possible implementation, in order to enable a user to more clearly understand the content in other content groups while watching the currently playing content, the processing device can provide the user with a content preview function. For example, the user can perform a preview operation on the fourth card unit, and the fourth card unit can be any card unit displayed in thumbnail form. After obtaining the preview operation for the fourth card unit, the processing device can display a preview interface of the fourth card unit in the terminal display area based on the preview operation. The preview interface includes the content identification area of ​​the fourth card unit, and the display of the preview interface does not interrupt the playback of the currently playing content. Thus, without interrupting the viewing of the content in the currently displayed card unit, the user can simultaneously see what content is included in other card units, allowing the user to more freely and flexibly select content from other content groups to watch. At the same time, the user can also better view the currently playing content in combination with other content with content relevance.

[0114] like Figure 8 As shown, when the user is watching the content of content group 1, if he wants to preview the content in content group 3, he can long press the card unit corresponding to the thumbnail displayed content group 3, and the processing device can display the preview interface corresponding to the card unit. The preview interface includes the identifiers of multiple contents of the content group corresponding to the card unit, so that the user can further understand what content is included in the content group.

[0115] In addition to supporting multiple user operations for the content display format of this application, the processing device can also provide users with multiple ways to enter the interface displayed in this application. For example, in one possible implementation, the display of the card unit format can be triggered based on the user's selection operation on the content.

[0116] First, the processing device can display multiple contents through the terminal display area. The multiple contents can be displayed to the user on the content recommendation interface or content homepage in the terminal display area. When the user wants to select the target content to watch, the processing device can obtain the selection operation for the target content among the multiple contents. If it is determined that the target content is in the above-mentioned multiple content groups, the processing device can execute the operation of obtaining the playback parameters of the multiple content groups to be displayed, so as to not only display the target content to the user, but also display the relevant information of other multiple contents that are closely related to the target content to the user at the same time, bringing a richer content viewing experience.

[0117] Furthermore, there are multiple ways to trigger the display of the aforementioned multiple contents. In one possible implementation, the multiple contents may be displayed based on a user's search for content. The processing device may obtain content search results based on a content search request, where the content search request is used to request content that the user wants to view. The content search results may include the aforementioned multiple contents. That is, the processing device may display multiple contents based on the user's viewing intent as indicated by the search operation, thereby providing the user with a better content viewing experience.

[0118] As mentioned above, the present application can simultaneously display content information of multiple content groups to the user in the form of card units in the content group dimension. In one possible implementation, the card unit also includes a card title, which is used to identify the content theme of the corresponding content group, that is, the user can understand the content information of the content group corresponding to the card unit through the card title. Thus, when the first card unit is thumbnailed, the processing device can display the card title of the first card unit, hide the content playback area and content identification area of ​​the first card unit, so that the thumbnailed first card unit only needs to occupy a smaller part of the terminal display area to display the card title, so that the user can more clearly know the content information corresponding to the content group in the first card unit. For example, Figure 9 As shown, the card units corresponding to content groups 1 to 4 all have corresponding card titles. Among them, for the thumbnail displayed card units, only a small part is needed to display the card titles corresponding to these three card units, so that users can understand the relevant content information corresponding to these three content groups.

[0119] Furthermore, in order to enable users to reasonably arrange the viewing of contents in multiple content groups, in a possible implementation, the processing device may display the total playback time in the first card unit that is fully displayed. The total playback time is used to identify the sum of the playback time of the contents included in the first card unit, such as Figure 10Thus, when viewing the content in the first card unit, the user can determine whether he or she has enough time to view all the content in the content group based on the total playback time, thereby being able to arrange his or her content viewing plan more reasonably.

[0120] In order to facilitate understanding of the technical solution provided by the embodiment of the present application, the following will introduce a content display method provided by the embodiment of the present application in combination with an actual application scenario. Figure 11 , Figure 11 This is a schematic diagram of a content display method in an actual application scenario provided by an embodiment of the present application. In this actual application scenario, the processing device can be composed of a terminal device and a background, the content is a video, and the content group is a video collection.

[0121] First, when resources are released, content producers need to annotate video resources, which generates two new fields: the video collection field, which indicates which collection the video belongs to, and the position field, which indicates the video's position within the collection, that is, the position of the content in the content group. When a user views a video from another interface that contains these two fields and clicks on the entry corresponding to the video, the terminal initiator sends a command to the backend, which pulls the video and collection list corresponding to the entry, and then pulls the video resource. The terminal device will enter the video collection playback page and automatically play the video in the collection pulled by the backend.

[0122] When displaying video content, the terminal device needs to obtain the current screen display height and display the "previous card title," "current card title," and "current card content" in order from top to bottom. Define the card label as having a height of a. Display at least three card titles from the bottom to top of the screen, i.e., a*3. Subtract the height of the displayed content from the current screen height to obtain the display height of the complete card video list.

[0123] Then the user slides up and down. The terminal needs to determine whether the user has slid to the bottom of the current video list. Once it has slid to the bottom, there will be a slight feedback to tell the user that the content of the video collection has ended. At this time, if the user continues to slide down, the card unit corresponding to the next video collection will be fully expanded.

[0124] To achieve this effect, the area in the card that can be scrolled up and down needs to be written as a scrollable view area (scroll-view). At the same time, it is necessary to detect whether the elements in this area have reached the last position. When the user scrolls to the last element, a function is triggered. In this function, it is necessary to judge the upward sliding distance of the user. The upward sliding action is divided into long distance and short distance. Let the upward sliding distance be h, and m be the demarcation constant for long distance or short distance of the upward sliding action. If: 0 < h ≤ m, a rebound effect is triggered, that is, after the user releases the hand, the scroll-view rebounds to the initial position. If: m < h < the maximum height that Card 2 rises, Card 2 rises to a position a below Card 1, and at the same time, the data in Card 2 is loaded.

[0125] The code implementation is as follows

[0126]

[0127]

[0128] Based on a content display method described in the above embodiments, an embodiment of the present application further provides a content display device. Refer to Figure 12 , Figure 12 which is a structural block diagram of a content display device 1200 provided by an embodiment of the present application. The device includes a first acquisition unit 1201, a first determination unit 1202, a first display unit 1203, and a second display unit 1204:

[0129] The first acquisition unit 1201 is configured to acquire playback parameters of multiple content groups to be displayed, and there is content relevance between the multiple content groups;

[0130] The first determination unit 1202 is configured to determine card units corresponding to the multiple content groups according to the playback parameters. The determined multiple card units include a content playback area and a content identification area. The content playback area is used to play the selected content in the corresponding content group, and the content identification area is used to display the identification of the content in the corresponding content group;

[0131] The first display unit 1203 is configured to stack and display the multiple card units in a terminal display area according to a card arrangement order determined based on the content relevance. Among them, the first card unit where the selected and played content is located is completely displayed, and other card units except the first card unit among the multiple card units are displayed in a thumbnail manner;

[0132] The second display unit 1204 is used to fully display the second card unit and thumbnail display the first card unit in the terminal display area in response to the switching operation obtained in the first card unit, and the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

[0133] In a possible implementation, the second display unit 1204 is specifically configured to:

[0134] Acquire a sliding operation in the first card unit, where the sliding operation is used to adjust a logo displayed in a content logo area;

[0135] If, based on the sliding operation, the identifier of the last content in the sliding direction is displayed in the content identifier area of ​​the first card unit, and the additional sliding distance meets the switching threshold, determining that the switching operation is obtained;

[0136] The second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed according to the switching operation.

[0137] In a possible implementation, the terminal display area is in a vertical display state, and the second display unit 1204 is specifically configured to:

[0138] Obtaining an upward sliding operation or a downward sliding operation in the first card unit;

[0139] For the sliding operation being the upward sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the upward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or,

[0140] For the sliding operation being the downward sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the downward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

[0141] In a possible implementation, the apparatus further includes a second determining unit and a third determining unit:

[0142] the second determining unit is configured to, if it is determined based on the upward sliding operation that the switching operation is acquired, determine a card unit of the plurality of card units that is next to the first card unit in the card arrangement sequence as the second card unit;

[0143] The third determining unit is configured to determine, if the switching operation is determined to be acquired based on the downward sliding operation, a card unit that is above the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

[0144] In a possible implementation, the terminal display area is in a horizontal display state, and the second display unit 1204 is specifically configured to:

[0145] Obtaining a left sliding operation or a right sliding operation in the first card unit;

[0146] For the sliding operation being the left sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the left sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or,

[0147] For the sliding operation being the right sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the right sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

[0148] In a possible implementation, the apparatus further includes a fourth determining unit and a fifth determining unit:

[0149] the fourth determining unit is configured to, if the switching operation is determined to be acquired based on the left sliding operation, determine the card unit of the multiple card units that is next to the first card unit in the card arrangement sequence as the second card unit;

[0150] The fifth determining unit is configured to determine, if the switching operation is determined to be acquired based on the right sliding operation, a card unit that is previous to the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

[0151] In a possible implementation, the apparatus further includes a second acquiring unit, a sixth determining unit, and a third displaying unit:

[0152] The second acquiring unit is configured to acquire a display width of a sub-display area in the terminal display area for displaying the other card units, wherein the display width is determined based on a display direction of the terminal display area;

[0153] The sixth determining unit is configured to determine the display quantity according to the display width and the display sub-width of the thumbnailed card unit;

[0154] The third display unit is used to display card units reaching the display quantity in thumbnails in the sub-display area.

[0155] In a possible implementation, the third display unit is specifically configured to:

[0156] If the first card unit has a previous card unit and a next card unit in the card arrangement sequence, at least the previous card unit and the next card unit are displayed in thumbnail form in the sub-display area.

[0157] In a possible implementation, the terminal display area further includes a card shortcut bar, in which card identifiers of the plurality of card units are displayed, and the apparatus further includes a third acquisition unit and a fourth display unit:

[0158] The third acquisition unit is configured to acquire, through the card shortcut bar, a selection operation for the card identifier corresponding to the third card unit;

[0159] The fourth display unit is configured to fully display the third card unit and thumbnail display the first card unit in the terminal display area according to the selection operation.

[0160] In a possible implementation, the fourth card unit is a card unit displayed in thumbnail form, and the apparatus further includes a fourth obtaining unit and a fifth displaying unit:

[0161] The fourth obtaining unit is configured to obtain a preview operation for the fourth card unit;

[0162] The fifth display unit is configured to display a preview interface of the fourth card unit in the terminal display area according to the preview operation, wherein the preview interface includes a content identification area of ​​the fourth card unit.

[0163] In a possible implementation, the device further includes a sixth display unit, a fifth acquisition unit, and an execution unit:

[0164] The sixth display unit is configured to display a plurality of contents via the terminal display area;

[0165] The fifth acquiring unit is configured to acquire a selection operation on a target content among the multiple contents;

[0166] The execution unit is configured to execute the operation of obtaining playback parameters of the multiple content groups to be displayed if it is determined that the target content is in the multiple content groups.

[0167] In a possible implementation, the apparatus further includes a sixth acquiring unit:

[0168] The sixth acquiring unit is configured to acquire content search results according to the content search request, where the content search results include the multiple contents.

[0169] In a possible implementation, the card unit further includes a card title, and the card title is used to identify the content theme of the corresponding content group. The second display unit 1204 is specifically used to:

[0170] The card title of the first card unit is displayed, and the content playback area and content identification area of ​​the first card unit are hidden.

[0171] In a possible implementation, the first card unit that is fully displayed also displays the total playback time, where the total playback time is used to identify the sum of the playback times of the content included in the first card unit.

[0172] It is understandable that in the specific implementation of this application, related data such as user information (such as search information) is involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0173] The present application also provides a computer device, which is the aforementioned computer device and may include a terminal device or a server. The aforementioned content display device may be configured in the computer device. The computer device is described below with reference to the accompanying drawings.

[0174] If the computer device is a terminal device, see Figure 13 As shown, the embodiment of the present application provides a terminal device, taking a mobile phone as an example:

[0175] Figure 13 The block diagram shows a partial structure of a mobile phone related to the terminal device provided in the embodiment of the present application. Figure 13 The mobile phone includes components such as a radio frequency (RF) circuit 1410, a memory 1420, an input unit 1430, a display unit 1440, a sensor 1450, an audio circuit 1460, a wireless fidelity (WiFi) module 1470, a processor 1480, and a power supply 1490. Those skilled in the art will understand that Figure 13 The mobile phone structure shown in the figure does not constitute a limitation to the mobile phone, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0176] The following combination Figure 13 A detailed introduction to the various components of a mobile phone:

[0177] The RF circuit 1410 can be used to receive and send signals during information transmission or calls. Specifically, it receives downlink information from the base station and sends it to the processor 1480 for processing. In addition, it sends uplink data to the base station. Typically, the RF circuit 1410 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier (LNA), a duplexer, etc. In addition, the RF circuit 1410 can also communicate with the network and other devices via wireless communication. The above-mentioned wireless communication can use any communication standard or protocol, including but not limited to Global System of Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, Short Messaging Service (SMS), etc.

[0178] Memory 1420 can be used to store software programs and modules. Processor 1480 executes the various functional applications and data processing of the mobile phone by running the software programs and modules stored in memory 1420. Memory 1420 may mainly include a program storage area and a data storage area. The program storage area may store an operating system and at least one application required for a function (such as a sound playback function, an image playback function, etc.); the data storage area may store data created based on the use of the mobile phone (such as audio data, a phone book, etc.). In addition, memory 1420 may include high-speed random access memory and non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device.

[0179] The input unit 1430 can be used to receive input digital or character information, and to generate key signal input related to the user settings and function control of the mobile phone. Specifically, the input unit 1430 may include a touch panel 1431 and other input devices 1432. The touch panel 1431, also known as a touch screen, can collect user touch operations on or near it (such as operations performed by the user using a finger, stylus, or any other suitable object or accessory on or near the touch panel 1431) and drive the corresponding connection device according to a pre-set program. Optionally, the touch panel 1431 may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch direction and detects the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device and converts it into touch point coordinates, which are then sent to the processor 1480. It can also receive commands sent by the processor 1480 and execute them. In addition, the touch panel 1431 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch panel 1431, the input unit 1430 may further include other input devices 1432. Specifically, the other input devices 1432 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, power keys, etc.), a trackball, a mouse, and a joystick.

[0180] The display unit 1440 can be used to display information input by the user or information provided to the user and various menus of the mobile phone. The display unit 1440 may include a display panel 1441. Optionally, the display panel 1441 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. Further, the touch panel 1431 may cover the display panel 1441. When the touch panel 1431 detects a touch operation on or near it, it is transmitted to the processor 1480 to determine the type of touch event. Subsequently, the processor 1480 provides corresponding visual output on the display panel 1441 according to the type of touch event. Although in Figure 13 In the embodiment, the touch panel 1431 and the display panel 1441 are used as two independent components to realize the input and output functions of the mobile phone, but in some embodiments, the touch panel 1431 and the display panel 1441 can be integrated to realize the input and output functions of the mobile phone.

[0181] The mobile phone may also include at least one sensor 1450, such as a light sensor, motion sensor, or other sensor. An audio circuit 1460, a speaker 1461, and a microphone 1462 provide an audio interface between the user and the mobile phone. The audio circuit 1460 can convert received audio data into electrical signals and transmit them to the speaker 1461, which then converts the signals into sound signals for output. Furthermore, the microphone 1462 converts the collected sound signals into electrical signals, which are then received by the audio circuit 1460 and converted into audio data. The audio data is then processed by the processor 1480 and transmitted to, for example, another mobile phone via the RF circuit 1410, or the audio data is output to the memory 1420 for further processing.

[0182] WiFi is a short-range wireless transmission technology. The mobile phone can help users send and receive emails, browse the web and access streaming media through the WiFi module 1470. It provides users with wireless broadband Internet access. Figure 13 A WiFi module 1470 is shown, but it is understandable that it is not an essential component of the mobile phone and can be omitted as needed without changing the essence of the invention.

[0183] Processor 1480 is the control center of the phone, connecting all parts of the phone using various interfaces and circuits. It executes software programs and / or modules stored in memory 1420 and accesses data stored in memory 1420 to perform various phone functions and process data. Optionally, processor 1480 may include one or more processing units. Preferably, processor 1480 integrates an application processor and a modem processor. The application processor primarily handles the operating system, user interface, and application programs, while the modem processor primarily handles wireless communications. It is understood that the modem processor may not be integrated into processor 1480.

[0184] The mobile phone also includes a power supply 1490 (such as a battery) for supplying power to various components. Preferably, the power supply can be logically connected to the processor 1480 through a power management system, thereby realizing functions such as charging, discharging, and power consumption management through the power management system.

[0185] Although not shown, the mobile phone may also include a camera, a Bluetooth module, etc., which will not be described in detail here.

[0186] In this embodiment, the processor 1480 included in the terminal device further has the following functions:

[0187] Obtaining playback parameters of a plurality of content groups to be displayed, wherein the plurality of content groups have content relevance;

[0188] Determining card units corresponding to the plurality of content groups respectively according to the playback parameters, wherein the determined plurality of card units include a content playback area and a content identification area, wherein the content playback area is used to play the selected content in the corresponding content group, and the content identification area is used to display identifications of the content in the corresponding content group;

[0189] Displaying the plurality of card units in a stacked manner in a terminal display area according to a card arrangement order determined based on the content relevance, wherein a first card unit containing the content selected for playback is displayed in full, and other card units in the plurality of card units except the first card unit are displayed in thumbnail form;

[0190] In response to the switching operation obtained in the first card unit, a second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed, wherein the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

[0191] If the computer device is a server, this embodiment of the application also provides a server, see Figure 14 As shown, Figure 14 The structural diagram of the server 1500 provided in the embodiment of the present application, the server 1500 may have relatively large differences due to different configurations or performances, and may include one or more central processing units (CPUs) 1522 (for example, one or more processors) and a memory 1532, and one or more storage media 1530 (for example, one or more mass storage devices) for storing application programs 1542 or data 1544. Among them, the memory 1532 and the storage medium 1530 can be temporary storage or permanent storage. The program stored in the storage medium 1530 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations on the server. Furthermore, the central processing unit 1522 can be configured to communicate with the storage medium 1530 to execute a series of instruction operations in the storage medium 1530 on the server 1500.

[0192] The server 1500 may also include one or more power supplies 1526, one or more wired or wireless network interfaces 1550, one or more input and output interfaces 1558, and / or one or more operating systems 1541, such as Windows Server 2003. TM , Mac OS X TM , Unix TM ,Linux TM , FreeBSD TM etc.

[0193] The steps performed by the server in the above embodiment can be based on Figure 14 The server structure shown.

[0194] In addition, an embodiment of the present application further provides a storage medium, which is used to store a computer program, and the computer program is used to execute the content display method provided by the above embodiment.

[0195] An embodiment of the present application further provides a computer program product including instructions, which, when executed on a computer, enables the computer to execute the content display method provided in the above embodiment.

[0196] Those skilled in the art will understand that all or part of the steps of implementing the above-mentioned method embodiment can be completed by hardware related to program instructions, and the above-mentioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps of the above-mentioned method embodiment; and the above-mentioned storage medium can be at least one of the following media: read-only memory (English: Read-only Memory, abbreviated: ROM), RAM, magnetic disk or optical disk, etc., various media that can store program codes.

[0197] It should be noted that the various embodiments in this specification are described in a progressive manner, and the same or similar parts between the various embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device and system embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiments. The device and system embodiments described above are merely schematic, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the scheme of this embodiment. A person of ordinary skill in the art can understand and implement it without expending creative work.

[0198] The above is only one specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily thought of by a person skilled in the art within the technical scope disclosed in the present application should be included in the scope of protection of the present application. Moreover, based on the implementation methods provided in the above aspects, the present application can also be further combined to provide more implementation methods. Therefore, the scope of protection of the present application should be based on the scope of protection of the claims.

Claims

1. A content display method, characterized in that: The method comprises: Obtaining playback parameters of a plurality of content groups to be displayed, wherein the plurality of content groups have content relevance; Determining card units corresponding to the plurality of content groups respectively according to the playback parameters, wherein the determined plurality of card units include a content playback area and a content identification area; The plurality of card units are displayed in a stacked manner in a terminal display area according to a card arrangement order determined based on the content relevance, wherein a first card unit containing the content selected for playback is fully displayed, and the other card units except the first card unit are displayed in thumbnail form. The terminal display area includes a card unit corresponding to the fully displayed content group and a plurality of other thumbnail displayed card units. The fully displayed card unit includes the content playback area and the content identification area. The content playback area is used to play the content selected for playback in the content group. Other content in the content group that is not selected for playback is displayed in the content identification area in the form of an identifier. The other plurality of thumbnail displayed card units display part of the content group title. In response to the switching operation obtained in the first card unit, a second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed, wherein the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

2. The method according to claim 1, characterized in that The step of displaying the second card unit in its entirety and the first card unit in a thumbnail format in the terminal display area in response to the switching operation obtained in the first card unit includes: Acquire a sliding operation in the first card unit, where the sliding operation is used to adjust a logo displayed in a content logo area; If, based on the sliding operation, the identifier of the last content in the sliding direction is displayed in the content identifier area of ​​the first card unit, and the additional sliding distance meets the switching threshold, determining that the switching operation is obtained; The second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed according to the switching operation.

3. The method according to claim 2, characterized in that The terminal display area is in a vertical screen display state, and obtaining a sliding operation in the first card unit includes: Obtaining an upward sliding operation or a downward sliding operation in the first card unit; If the identification of the last content in the sliding direction is displayed in the content identification area of ​​the first card unit based on the sliding operation, and the additional sliding distance meets the switching threshold, determining to obtain the switching operation includes: For the sliding operation being the upward sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the upward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or, For the sliding operation being the downward sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the downward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

4. The method according to claim 3, characterized in that The method further comprises: If the switching operation is determined to be acquired based on the upward sliding operation, the card unit that is next to the first card unit in the card arrangement order is determined to be the second card unit; If the switching operation is determined to be acquired based on the downward sliding operation, the card unit that is above the first card unit in the card arrangement sequence of the multiple card units is determined as the second card unit.

5. The method according to claim 2, characterized in that The terminal display area is in a horizontal display state, and obtaining a sliding operation in the first card unit includes: Obtaining a left sliding operation or a right sliding operation in the first card unit; If the identification of the last content in the sliding direction is displayed in the content identification area of ​​the first card unit based on the sliding operation, and the additional sliding distance meets the switching threshold, determining to obtain the switching operation includes: For the sliding operation being the left sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the left sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or, For the sliding operation being the right sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the right sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

6. The method according to claim 5, characterized in that The method further comprises: If the switching operation is determined to be acquired based on the left sliding operation, the card unit that is next to the first card unit in the card arrangement sequence is determined to be the second card unit; If the switching operation is determined to be acquired based on the right sliding operation, the card unit that is above the first card unit in the card arrangement sequence of the multiple card units is determined to be the second card unit.

7. The method according to claim 1, characterized in that The method further comprises: Acquire a display width of a sub-display area in the terminal display area for displaying the other card units, wherein the display width is determined based on a display direction of the terminal display area; Determining the display quantity according to the display width and the display sub-width of the card unit to be displayed in thumbnail form; The card units reaching the display quantity are thumbnail displayed in the sub-display area.

8. The method according to claim 7, characterized in that The thumbnail displaying of the card units reaching the display quantity in the sub-display area includes: If the first card unit has a previous card unit and a next card unit in the card arrangement sequence, at least the previous card unit and the next card unit are displayed in thumbnail form in the sub-display area.

9. The method according to claim 1, characterized in that The terminal display area further includes a card shortcut bar, wherein the card shortcut bar displays card identifiers of the plurality of card units. Before fully displaying the second card unit and thumbnail displaying the first card unit in the terminal display area, the method further includes: Obtaining a selection operation for the card identifier corresponding to the third card unit through the card shortcut bar; According to the selection operation, the third card unit is fully displayed in the terminal display area and the first card unit is thumbnailed.

10. The method according to claim 1, characterized in that The fourth card unit is a card unit displayed in thumbnail form, and the method further includes: Obtaining a preview operation for the fourth card unit; A preview interface of the fourth card unit is displayed in the terminal display area according to the preview operation, and the preview interface includes a content identification area of ​​the fourth card unit.

11. The method according to claim 1, characterized in that The method further comprises: Displaying multiple contents in the terminal display area; Obtaining a selection operation for a target content among the multiple contents; If it is determined that the target content is in the multiple content groups, the operation of obtaining playback parameters of the multiple content groups to be displayed is performed.

12. The method according to claim 11, characterized in that The method further comprises: A content search result is obtained according to the content search request, where the content search result includes the plurality of contents.

13. The method according to any one of claims 1 to 12, characterized in that: The card unit further includes a card title, and the card title is used to identify the content theme of the corresponding content group. The thumbnail display of the first card unit includes: The card title of the first card unit is displayed, and the content playback area and content identification area of ​​the first card unit are hidden.

14. The method according to any one of claims 1 to 12, characterized in that: The first card unit that is fully displayed also displays the total playback time, and the total playback time is used to identify the sum of the playback time of the content included in the first card unit.

15. A content display device, characterized in that: The device includes a first acquisition unit, a first determination unit, a first display unit, and a second display unit: The first acquisition unit is configured to acquire playback parameters of a plurality of content groups to be displayed, wherein the plurality of content groups have content relevance; The first determining unit is configured to determine card units corresponding to the plurality of content groups respectively according to the playback parameters, wherein the determined plurality of card units include a content playback area and a content identification area; The first display unit is used to stack and display the multiple card units in a terminal display area according to a card arrangement order determined based on the content relevance, wherein the first card unit containing the content selected for playback is fully displayed, and the other card units except the first card unit are thumbnail displayed. The terminal display area includes a card unit corresponding to the fully displayed content group and a plurality of other thumbnail displayed card units. The fully displayed card unit includes the content playback area and the content identification area. The content playback area is used to play the content selected for playback in the content group. Other content in the content group that is not selected for playback will be displayed in the content identification area in the form of an identifier. The other plurality of thumbnail displayed card units display part of the content group title. The second display unit is used to fully display the second card unit and thumbnail display the first card unit in the terminal display area in response to the switching operation obtained in the first card unit, and the second card unit is an adjacent card unit to the first card unit in the card arrangement order.

16. The device according to claim 15, characterized in that The second display unit is specifically used for: Acquire a sliding operation in the first card unit, where the sliding operation is used to adjust a logo displayed in a content logo area; If, based on the sliding operation, the identifier of the last content in the sliding direction is displayed in the content identifier area of ​​the first card unit, and the additional sliding distance meets the switching threshold, determining that the switching operation is obtained; The second card unit is fully displayed in the terminal display area and the first card unit is thumbnailed according to the switching operation.

17. The device according to claim 16, characterized in that The terminal display area is in a vertical screen display state, and the second display unit is specifically used to: Obtaining an upward sliding operation or a downward sliding operation in the first card unit; For the sliding operation being the upward sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the upward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or, For the sliding operation being the downward sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the downward sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

18. The device according to claim 17, characterized in that The apparatus further includes a second determining unit and a third determining unit; the second determining unit is configured to, if it is determined based on the upward sliding operation that the switching operation is acquired, determine a card unit of the plurality of card units that is next to the first card unit in the card arrangement sequence as the second card unit; The third determining unit is configured to determine, if the switching operation is determined to be acquired based on the downward sliding operation, a card unit that is above the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

19. The device according to claim 16, characterized in that The terminal display area is in a horizontal display state, and the second display unit is specifically used to: Obtaining a left sliding operation or a right sliding operation in the first card unit; For the sliding operation being the left sliding operation, if the identifier of the last content in the arrangement order is displayed in the content identifier area of ​​the first card unit based on the left sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained; or, For the sliding operation being the right sliding operation, if the identification of the first content in the arrangement order is displayed in the content identification area of ​​the first card unit based on the right sliding operation, and the additional sliding distance meets the switching threshold, it is determined that the switching operation is obtained.

20. The device according to claim 19, characterized in that The apparatus further includes a fourth determining unit and a fifth determining unit; the fourth determining unit is configured to, if the switching operation is determined to be acquired based on the left sliding operation, determine the card unit of the multiple card units that is next to the first card unit in the card arrangement sequence as the second card unit; The fifth determining unit is configured to determine, if the switching operation is determined to be acquired based on the right sliding operation, a card unit that is previous to the first card unit in the card arrangement sequence among the multiple card units as the second card unit.

21. The device according to claim 15, characterized in that The device further includes a second acquiring unit, a sixth determining unit, and a third displaying unit; The second acquiring unit is configured to acquire a display width of a sub-display area in the terminal display area for displaying the other card units, wherein the display width is determined based on a display direction of the terminal display area; The sixth determining unit is configured to determine the display quantity according to the display width and the display sub-width of the thumbnailed card unit; The third display unit is used to display card units reaching the display quantity in thumbnails in the sub-display area.

22. The device according to claim 21, characterized in that The third display unit is specifically used for: If the first card unit has a previous card unit and a next card unit in the card arrangement sequence, at least the previous card unit and the next card unit are displayed in thumbnail form in the sub-display area.

23. The device according to claim 15, characterized in that The terminal display area further includes a card shortcut bar, in which card identifiers of the plurality of card units are displayed. The device further includes a third acquisition unit and a fourth display unit. The third acquisition unit is configured to acquire, through the card shortcut bar, a selection operation for the card identifier corresponding to the third card unit; The fourth display unit is configured to fully display the third card unit and thumbnail display the first card unit in the terminal display area according to the selection operation.

24. The device according to claim 15, characterized in that The fourth card unit is a card unit displayed in thumbnail form, and the device further includes a fourth obtaining unit and a fifth display unit; The fourth obtaining unit is configured to obtain a preview operation for the fourth card unit; The fifth display unit is configured to display a preview interface of the fourth card unit in the terminal display area according to the preview operation, wherein the preview interface includes a content identification area of ​​the fourth card unit.

25. The device according to claim 15, wherein The device further includes a sixth display unit, a fifth acquisition unit, and an execution unit; The sixth display unit is configured to display a plurality of contents via the terminal display area; The fifth acquiring unit is configured to acquire a selection operation on a target content among the multiple contents; The execution unit is configured to execute the operation of obtaining playback parameters of the multiple content groups to be displayed if it is determined that the target content is in the multiple content groups.

26. The device according to claim 25, characterized in that The apparatus further includes a sixth acquiring unit; The sixth acquiring unit is configured to acquire content search results according to the content search request, where the content search results include the multiple contents.

27. The device according to any one of claims 15 to 26, characterized in that The card unit further includes a card title, which is used to identify the content theme of the corresponding content group. The second display unit is specifically used to: The card title of the first card unit is displayed, and the content playback area and content identification area of ​​the first card unit are hidden.

28. The device according to any one of claims 15 to 26, characterized in that The first card unit that is fully displayed also displays the total playback time, and the total playback time is used to identify the sum of the playback time of the content included in the first card unit.

29. A computer device, characterized in that: The computer device includes a processor and a memory: The memory is used to store program code and transmit the program code to the processor; The processor is configured to execute the content display method according to any one of claims 1 to 14 according to the instructions in the program code.

30. A computer-readable storage medium, characterized in that The computer-readable storage medium is used to store a computer program, and the computer program is used to execute the content display method according to any one of claims 1 to 14.

31. A computer program product comprising instructions, which, when executed on a computer, enables the computer to execute the content presentation method according to any one of claims 1 to 14.

Images