Card display method, device, electronic device, storage medium and program product

Abstract

The embodiments of the present disclosure disclose a card display method, an apparatus, an electronic device, a storage medium and a program product, the method including: receiving a display operation on a media content card corresponding to a target media content; and displaying the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used for displaying a target image corresponding to the target media content, the second area being used for displaying media content information of the target media content, and a background color of the second area being related to an image color of the target image.

Description

[Technical Field]

[0001] [CROSS-REFERENCE TO RELATED APPLICATIONS] This disclosure claims priority to Chinese Patent Application No. 202210323885.3, filed with the State Intellectual Property Office of the People's Republic of China on March 29, 2022, the entire contents of which are incorporated herein by reference.

[0002] [Technical field] TECHNICAL FIELD The present disclosure relates to the field of computer technology, for example, to a card display method, device, electronic device, storage medium, and program product. [Background technology]

[0003] Currently, users can quickly learn related information about a video through video cards, but the display mode of video cards in related technologies is too simple to meet users' needs. Summary of the Invention

[0004] The embodiments of the present disclosure disclose a card display method, device, electronic device, storage medium and program product, thereby enriching the display mode of the card.

[0005] According to a first aspect, an embodiment of the present disclosure provides a card display method, the method comprising: receiving a display operation on a media content card corresponding to the targeted media content; Displaying the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used to display a target image corresponding to the target media content, the second area being used to display media content information of the target media content, and a background color of the second area being related to an image color of the target image.

[0006] According to a second aspect, an embodiment of the present disclosure further provides a display device for a card, the device comprising: an operation receiving module configured to receive a display operation on a media content card corresponding to the targeted media content; a card display module configured to display the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used to display a target image corresponding to the target media content, the second area being used to display media content information of the target media content, and a background color of the second area being related to the image color of the target image.

[0007] According to a third aspect, an embodiment of the present disclosure provides an electronic device, the device comprising: a processor; a memory configured to store a program; When the program is executed by the processor, the processor implements the card display method described in the embodiments of the present disclosure.

[0008] According to a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium having a computer program stored on the computer-readable storage medium, the computer program implementing the card display method described in the embodiment of the present disclosure when executed by a processor.

[0009] According to a fifth aspect, an embodiment of the present disclosure further provides a computer program product, which, when executed by a computer, causes the computer to execute the card display method described in the embodiment of the present disclosure.

[0010] Throughout the drawings, the same or similar symbols refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and components are not necessarily drawn to scale. [Brief explanation of the drawings]

[0011] [Figure 1] 1 is a flow chart of a card display method provided by an embodiment of the present disclosure. [Figure 2] 1 is a schematic diagram of a display of a media card provided by an embodiment of the present disclosure. [Figure 3] 10 is a flowchart of another card display method provided by an embodiment of the present disclosure. [Figure 4] FIG. 2 is a structural block diagram of a card display device provided by an embodiment of the present disclosure. [Figure 5] 1 is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure; DETAILED DESCRIPTION OF THE INVENTION

[0012] Hereinafter, examples of the present disclosure will be described with reference to the drawings. It should be understood that the drawings illustrate some examples of the disclosure, but the present disclosure can be realized in various forms and should not be construed as being limited to the embodiments set forth herein. It should be noted that the drawings and examples of the present disclosure are for illustrative purposes only.

[0013] It should be understood that the steps described in the method embodiments of the present disclosure may be performed in a different order and / or in parallel, and that method embodiments may include additional steps and / or omit performing steps that are illustrated.

[0014] As used herein, the term "comprises" and variations thereof are open-ended inclusions, i.e., "including, but not limited to." The term "based on" means "based at least in part on." The term "in one embodiment" refers to "at least one embodiment," the term "another embodiment" refers to "at least one other embodiment," and the term "some embodiments" refers to "at least some embodiments." Relevant definitions of other terms are provided in the description below.

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

[0016] It should be noted that those skilled in the art will understand that the modifications "one" and "multiple" referred to in this disclosure are exemplary and should be understood as "one or more" unless the context clearly dictates otherwise.

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

[0018] 1 is a flow chart of a card display method provided by an embodiment of the present disclosure. The method may be performed by a card display device, which may be implemented by software and / or hardware and may be located in an electronic device, such as a mobile phone or a tablet computer. The card display method provided by an embodiment of the present disclosure is suitable for a scenario in which media content cards are personalized and displayed. As shown in FIG. 1, the card display method provided by this embodiment may include:

[0019] S101, receiving a display operation on a media content card corresponding to a target media content.

[0020] The display device may perform any operation that instructs a client to display media content cards of at least one target media content, such as switching from another page to a page where media content cards are displayed (e.g., a video list page displaying a video list in the form of video cards), or an operation that instructs an electronic device to display a media content card on a predetermined page. The target media content can be understood as media content corresponding to the currently displayed media content card, and the media content may be video, audio, etc. Correspondingly, the media content card may be a video card, an audio card, etc. corresponding to the target media content.

[0021] Illustratively, a user can perform a display operation on a media content card according to needs, and the client can correspondingly receive the user's display operation and use the media content corresponding to the media content card corresponding to the display operation as the target media content.

[0022] S102: In response to the display operation, display the media content card, wherein the media content card includes a first area and a second area, the first area is used to display a target image corresponding to the target media content, the second area is used to display media content information of the target media content, and a background color of the second area is related to the image color of the target image.

[0023] In this embodiment, as shown in FIG. 2 , a media content card is provided with a first area 20 and a second area 21. The first area 20 may be used to display a display image corresponding to the media content in which the media content card is located. The target image may be understood as an image related to the target media content, such as an image included in the target media content, a cover of the target media content, or an image generated based on the target media content. The second area 21 may be used to display media content information of the target media content, such as the name of the target media content and the username of the poster of the target media content, and may further be used to display interaction controls for the target media content, such as a “like” control, a comment control, and / or a “favorite” control for the target media content.

[0024] Illustratively, when a display operation corresponding to a media content card of a target media content is received, in response to the display operation, the media content card of the target media content can be displayed, a target image corresponding to the target media content can be displayed in a first area of ​​the media content card, a color associated with the target image can be used as a background color of a second area in the media content card, and media content information of the target media content can be displayed in the second area.

[0025] In this embodiment, the background color of the second area of ​​the media content card can be set to a color related to the color of the target image displayed in the first area, thereby effectively integrating the target image into the media content card, avoiding the situation where the color change between the first area and the second area is too abrupt, and improving the display effect of the media content card. Furthermore, when different video images are displayed in the first area, the second area can be displayed in different colors, and / or different media content cards can be displayed in different colors, but each media content card is not set to a fixed color. For example, when media content cards for multiple media contents are displayed on a page, if the target images displayed on each media content card are different, the background color of the second area of ​​each media content card will be different, and as a result, each media content card will be displayed in a different color, thereby enriching the display mode of the media content card and realizing personalized display of the media content card.

[0026] The display method provided by this embodiment includes receiving a display operation on a media content card corresponding to a target media content, and displaying the media content card of the target media content in response to the display operation, the media content card including a first area and a second area, the first area being used to display a target image corresponding to the target media content, the second area being used to display media content information of the target media content, and the background color of the second area being related to the image color of the target image. By using the above technical solution, this embodiment uses the color related to the image displayed in the first area of ​​the media content card as the background color of the second area of ​​the media content card, which can enrich the display mode of the media content card and realize personalized display of the media content card, and further improve the integration degree of the image displayed in the first area and improve the display effect of the media content card.

[0027] 3 is a flowchart of another card display method provided by an embodiment of the present disclosure. The solution in this embodiment can be combined with one or more selectable solutions in the above embodiments.

[0028] Optionally, before displaying the media content card, the method includes determining a first color and a second color in the target image, and determining a background color of the second area based on the first color and the second color.

[0029] Optionally, the card display method provided by this embodiment further includes using a third color associated with the target image as a background color and displaying a target identifier of the target media content in a third area of ​​the media content card.

[0030] Optionally, the card display method provided by this embodiment may further include: switching the target image displayed in the first area when a predetermined switching condition is met, and updating the background color of the second area and the background color of the third area based on the target image after the switching.

[0031] As shown in FIG. 3, the card display method provided by this embodiment may include:

[0032] S201, receiving a display operation on a media content card corresponding to a target media content.

[0033] S202, in response to the display operation, determine a first color, a second color, and a third color in the target image.

[0034] The first color and the second color are different colors in the target image, and the third color and the first color or the second color can be the same or different colors in the target image, for example, the third color and the first color or the second color are different colors in the target image, thereby improving the personalization degree of the media content image.

[0035] For example, the first color, the second color, and the third color in the target image may be determined based on the proportion of each color in the target image, or color information on the first color, the second color, and the third color may be received from the server and the first color, the second color, and the third color may be determined based on the received color information. The color information of one color (e.g., the first color, the second color, or the third color) may be the RGB (Red, Green, Blue) value of the color, and the proportion of one color may be understood as the proportion of pixels displayed as that color in the target image among all pixels.

[0036] In one embodiment, before determining the first color and the second color in the target image, the method further includes obtaining a color from the target image whose proportion satisfies a first predetermined condition as the first color, and obtaining a color from the target image whose proportion satisfies a second predetermined condition as the second color, based on the proportion of each color in the target image.

[0037] In the above embodiment, the first color may be a color in the target image whose proportion satisfies a first predetermined condition, and the second color may be a color in the target image whose proportion satisfies a second predetermined condition. For example, the first color may be one of the colors in the target image whose proportion is greater than a predetermined threshold, and the second color may be one of the colors in the target image whose proportion is less than another predetermined threshold. Alternatively, when the colors in the target image are sorted from greatest to smallest according to their proportion, the first color may be one of the first m (m is a positive integer) colors in the sorted result (e.g., the color with the largest proportion), and the second color may be one of the last n (n is a positive integer) colors in the sorted result (e.g., the color with the smallest proportion). This situation will be described below as an example.

[0038] For example, after the client receives the target image sent from the server, or before the server sends the target image to the client, the first color and the second color can be determined based on the target image, for example, by sorting the colors in the target image from largest to smallest according to the proportion of the colors, and based on the sorting result, obtaining one color whose proportion meets a first predetermined condition as the first color, and obtaining one color whose proportion meets a second predetermined condition as the second color.

[0039] In one embodiment, the third color may be a color in the target image whose proportion satisfies a third predetermined condition (e.g., a color whose proportion is greater than or less than a predetermined threshold, or a color whose order in a proportion sort satisfies a predetermined condition, etc.). In this case, before displaying the category identifier of the target media content in the media content, the method may further include a second color acquisition module configured to acquire a color from the target image whose proportion satisfies the third predetermined condition as a third color based on the proportion of each color in the target image.

[0040] Exemplarily, after the client receives the target image sent from the server, or before the server sends the target image to the client, the target image can be determined as a third color based on the target image, for example, by sorting each color in the target image from largest to smallest or smallest to largest according to the color proportion, and based on the sorting result, obtaining one color whose proportion meets a third predetermined condition as the third color, for example, obtaining a color whose proportion is larger or smaller than that of the first color and adjacent to the first color in the sorting result as the third color, and obtaining the qth (q is a positive integer) color in the sorting result as the third color.

[0041] In this embodiment, the client or server can determine the first color, the second color, and the third color in the target image according to the proportion of each color in the target image. For example, when the server determines the first color, the second color, and the third color in the target image according to the proportion of each color in the target image and sends the target image to the client, it can send color information of the determined first color, the second color, and the third color to the client, thereby reducing the amount of calculation of the client and avoiding affecting the performance of the client.

[0042] S203: determining a background color of the second area based on the first color and the second color;

[0043] In this embodiment, the background color of the second area can be determined based on the first color and the second color in the target image displayed in the first area, for example, by neutralizing the first color and the second color according to a predetermined weight and using the color obtained by neutralization as the background color of the second area, or by using the first color as the background color of a part of a sub-area in the second area and the second color as the background color of another part of a sub-area in the second area.

[0044] To improve the display effect of the second region, optionally, a background color to be displayed by each pixel in the second region is determined based on the first color and the second color in a two-color gradation form, for example, one color of the first color and the second color can be used as the background color to be displayed by a pixel at one vertex (e.g., the upper left vertex) or one boundary (e.g., the left boundary or the upper boundary) of the second region, and another color of the first color and the second color can be used as the background color to be displayed by a pixel at another vertex (e.g., the lower right vertex) or another boundary (e.g., the right boundary or the lower boundary) of the second region, and the background color of the position where each pixel is located in the second region is determined by a gradation method from one color to another. In this case, optionally, determining the background color of the second region based on the first color and the second color includes performing a two-color gradation based on the first color and the second color to obtain the background color of the second region.

[0045] S204: Display the media content card, using a third color associated with the target image as a background color, and displaying a target identifier of the target media content in a third area of ​​the media content card, wherein the media content card includes a first area and a second area, the first area being used to display a target image corresponding to the target media content, and the second area being used to display media content information of the target media content.

[0046] In this embodiment, as shown in Fig. 2, a third area 22 may be provided on the media content card. The third area 22 may be used to display the target identifier of the targeted media content, i.e., the third area 22 may be the area where the target identifier of the targeted media content is located. The third area 22 may be located inside or outside the first area 20 or the second area 21. The target identifier may be used to identify corresponding information of the targeted media content, for example, the target identifier may be the category identifier of the media content category to which the targeted media content belongs. The media content category may include, for example, games, lifestyle, knowledge, finance, entertainment, etc.

[0047] Illustratively, as shown in FIG. 2 , after determining the background color of the second area, a media content card of the target media content can be displayed, where the target card is displayed in the first area 20 of the media content card, using the determined background color of the second area 21 as the background color, media content information of the target media content is displayed in the second area 21 of the media content card, using a third color related to the target image as the background color, and a target identifier of the target media content is displayed in the third area 22 of the media content card.

[0048] S205: if a predetermined switching condition is satisfied, the target image displayed in the first area is switched, and the background color of the second area and the background color of the third area are updated based on the target image after the switching.

[0049] In this embodiment, when the target image displayed in the first area of ​​the media content card changes, the background color of the second and third areas of the media content card can be automatically updated based on the changed target image, thereby enhancing the display mode of the media content card.

[0050] For example, when the current condition satisfies a predetermined switching condition, the target image displayed in the first area can be switched, and a first color, a second color, and a third color in the switched target image can be determined according to the proportion of each color in the switched target image, the background color of the second area can be updated based on the first color and the second color, and the background color of the third area can be updated to the third color. The predetermined switching condition can be flexibly set, and can be, for example, set as receiving a trigger operation to switch the target image displayed in the first area, or the display time length of the target image currently displayed in the first area reaches a predetermined time length (e.g., 10 seconds, 30 seconds, etc.).

[0051] It should be noted that in this embodiment, after determining the background color of the second area or the third area, it can also be determined whether the colors of the media content information displayed in the second area and the target identifier displayed in the third area and the background color of the corresponding area are similar. If so, a transparent shell with a color that is significantly different from the color of the media content information or target identifier can be added between the media content information or target identifier and the background color of the corresponding area, or the color of the media content information or target identifier can be updated to a color that is significantly different from the background color of the corresponding area, thereby ensuring the readability of the media content information or target identifier.

[0052] In the card display method provided by this embodiment, the background color of the second area of ​​the media content card is determined based on the first color and the second color in the target image, and the third color in the target image is used as the background color of the third area of ​​the media content card, thereby enriching the display mode of the media content card and improving the user experience.

[0053] 4 is a structural block diagram of a card display device provided by an embodiment of the present disclosure. The device may be implemented by software and / or hardware and may be located in an electronic device, such as a mobile phone or a tablet computer, and may display a media content card by executing the card display method. As shown in FIG. 4, the card display method provided by this embodiment may include an operation receiving module 401 and a card display module 402.

[0054] The operation receiving module 401 is configured to receive a display operation on a media content card corresponding to the targeted media content.

[0055] The card display module 402 is configured to display the media content card in response to the display operation, the media content card including a first area and a second area, the first area is used to display a target image corresponding to the target media content, the second area is used to display media content information of the target media content, and a background color of the second area is related to the image color of the target image.

[0056] In the card display device provided by this embodiment, an operation receiving module receives a display operation for a media content card corresponding to a target media content, and a card display module displays the media content card of the target media content in response to the display operation, the media content card including a first area and a second area, the first area is used to display a target image corresponding to the target media content, the second area is used to display media content information of the target media content, and the background color of the second area is related to the image color of the target image. By using the above technical solution, this embodiment uses the color related to the image displayed in the first area of ​​the media content card as the background color of the second area of ​​the media content card, which can enrich the display mode of the media content card and realize personalized display of the media content card, and further improve the integration degree of the image displayed in the first area and improve the display effect of the media content card.

[0057] The card display device provided by this embodiment may further include a color determination module configured to determine a first color and a second color in the target image before displaying the media content card, and a background color determination module configured to determine a background color of the second area based on the first color and the second color.

[0058] In the above solution, the background color determination module can be configured to determine the background color of the second area by the following method: perform a two-color gradation based on the first color and the second color to obtain the background color of the second area.

[0059] The card display method provided by this embodiment may further include a first color acquisition module configured to, before determining the first color and the second color in the target image, acquire a color from the target image whose proportion satisfies a first predetermined condition as the first color based on the proportion of each color in the target image, and acquire a color from the target image whose proportion satisfies a second predetermined condition as the second color.

[0060] The card display module 402 may be further configured to display a target identifier of the targeted media content in a third region of the media content card using a third color associated with the target image as a background color.

[0061] The card display device provided by this embodiment may further include a second color acquisition module configured to acquire a color from the target image whose proportion satisfies a third predetermined condition as a third color based on the proportion of each color in the target image before displaying the category identifier of the target media content in the media content.

[0062] The display device provided by this embodiment may further include a background color update module configured to switch the target image displayed in the first area in response to satisfying a predetermined switching condition, and update the background color of the second area and the background color of the third area based on the target image after the switching.

[0063] The card display device provided by the embodiments of the present disclosure can execute the card display method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the card display method. For technical details not described in detail in this embodiment, please refer to the card display method provided by any embodiment of the present disclosure.

[0064] 5, which illustrates a structural schematic diagram of an electronic device (e.g., a terminal device) 500 for implementing an embodiment of the present disclosure. Terminal devices according to the embodiment of the present disclosure may include mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (Portable Android Devices, PADs), portable multimedia players (Portable Media Players, PMPs), and in-vehicle terminals (e.g., in-vehicle navigation terminals), as well as fixed terminals such as digital televisions (i.e., digital TVs) and desktop computers. The electronic device illustrated in FIG. 5 is merely an example.

[0065] 5, electronic device 500 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 501, which can perform various appropriate operations and processes based on programs stored in read-only memory (ROM) 502 or programs loaded from storage device 508 into random access memory (RAM) 503. RAM 503 stores various programs and data necessary for the operation of electronic device 500. Processing unit 501, ROM 502, and RAM 503 are interconnected via bus 504. Input / output (I / O) interface 505 is also connected to bus 504.

[0066] Typically, devices such as input devices 506 including a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc., output devices 507 including a liquid crystal display (LCD), speaker, vibrator, etc., storage devices 508 including magnetic tape, hard disk, etc., and communication devices 509 may be connected to the I / O interface 505. The communication devices 509 may enable the electronic device 500 to communicate and exchange data with other devices wirelessly or via wires. While FIG. 5 illustrates the electronic device 500 with a variety of devices, it should be understood that not all of the devices shown are required to be implemented or available. Instead, more or fewer devices may be implemented or provided.

[0067] In one embodiment, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as a computer software program. For example, an embodiment of the present disclosure may include a computer program product, which may include a computer program carried on a non-transitory computer-readable medium, the computer program including program code for performing the methods illustrated in the flowcharts. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 509, or installed from the memory 508, or installed from the ROM 502. When the computer program is executed by the processing device 501, the above-described functions defined in the methods according to the embodiment of the present disclosure are performed.

[0068] It should be noted that the computer-readable medium of the present disclosure may be a computer-readable signal medium, a computer-readable storage medium, or a combination of the two. The computer-readable storage medium may be, for example, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination thereof. The computer-readable storage medium may include an electrical connection with at least one lead, a portable computer floppy disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (Electronic Programmable Read Only Memory (EPROM) or flash memory), an optical fiber, a portable compact disc-read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be a tangible medium that contains or stores a program used by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code. Such a propagated data signal can take many forms, including an electromagnetic signal, an optical signal, or a suitable combination thereof. A computer-readable signal medium can be any computer-readable medium, other than a computer-readable storage medium, that can transmit, propagate, or carry a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied in a computer-readable medium can be transmitted using any suitable medium, including wire, fiber optic cable, radio frequency (RF), or the like, or a suitable combination thereof.

[0069] In some embodiments, clients and servers may communicate using any now known or later developed network protocol, such as HyperText Transfer Protocol (HTTP), and may communicate digital data in any form or medium (e.g., communications network) interconnection. Examples of communications networks include local area networks (LANs), wide area networks (WANs), international networks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any now known or later developed networks.

[0070] The computer-readable medium may be included in the electronic device, or may exist independently of the electronic device.

[0071] At least one program is carried on the computer-readable medium, and when the at least one program is executed by the electronic device, the electronic device receives a display operation on a media content card corresponding to target media content, and displays the media content card in response to the display operation, the media content card including a first area and a second area, the first area is used to display a target image corresponding to the target media content, the second area is used to display media content information of the target media content, and a background color of the second area is related to the image color of the target image.

[0072] Computer program code for carrying out the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, etc., as well as conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may execute entirely on the user's computer, partially on the user's computer as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In situations involving remote computers, the remote computer may be connected to the user's computer via any type of network, such as a local area network (LAN) or wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet Service Provider).

[0073] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or portion of code, which includes at least one executable instruction for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions shown in the blocks may be executed in an order different from that shown in the drawings. For example, two blocks shown one after the other may actually be executed substantially in parallel or may be executed in the reverse order, depending on the functionality involved. Furthermore, each block of the block diagrams and / or block diagrams, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented by a dedicated hardware-based system that performs the specified functions or operations, or by a combination of specialized hardware and computer instructions.

[0074] The units included in the embodiments of the present disclosure may be implemented in software or hardware, and the names of modules do not limit the units themselves in certain circumstances.

[0075] The functionality described herein may be performed, at least in part, by at least one hardware logic component. For example, examples of types of hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0076] In the context of this disclosure, a machine-readable medium may be a tangible medium that contains or can store a program used by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine signal medium or a machine-readable storage medium. A machine-readable medium includes an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination thereof. A machine-readable storage medium may include at least one wire-based electrical connection, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof.

[0077] According to one or more embodiments of the present disclosure, Example 1 provides a card display method, the method comprising: receiving a display operation on a media content card corresponding to the targeted media content; Displaying the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used to display a target image corresponding to the target media content, the second area being used to display media content information of the target media content, and a background color of the second area being related to an image color of the target image.

[0078] According to one or more embodiments of the present disclosure, Example 2 is based on the method of Example 1, wherein before displaying the media content card, the method further comprises: determining a first color and a second color in the target image; and determining a background color of the second region based on the first color and the second color.

[0079] According to one or more embodiments of the present disclosure, Example 3 is based on the method of Example 2, and determining a background color of the second region based on the first color and the second color includes: and performing a two-color gradation based on the first color and the second color to obtain a background color of the second region.

[0080] According to one or more embodiments of the present disclosure, Example 4 is based on the method of Example 2, wherein before determining the first color and the second color in the target image, the method further comprises: The method further includes obtaining, based on the proportion of each color in the target image, a color from the target image whose proportion satisfies a first predetermined condition as a first color, and obtaining, from the target image, a color from the target image whose proportion satisfies a second predetermined condition as a second color.

[0081] According to one or more embodiments of the present disclosure, Example 5 is based on the method of any one of Examples 1 to 4, the method comprising: The method further includes displaying a target identifier of the targeted media content in a third area of ​​the media content card using a third color associated with the target image as a background color.

[0082] According to one or more embodiments of the present disclosure, Example 6 is based on the method of Example 5, wherein before displaying a category identifier of the target media content on the media content card, the method further comprises: The method further includes acquiring, as a third color, a color from the target image whose proportion satisfies a third predetermined condition based on the proportion of each color in the target image.

[0083] According to one or more embodiments of the present disclosure, Example 7 is based on the method of Example 5, the method comprising: The method further includes switching the target image displayed in the first area in response to a predetermined switching condition being satisfied, and updating the background color of the second area and the background color of the third area based on the target image after the switching.

[0084] According to one or more embodiments of the present disclosure, Example 8 provides a display device for a card, the device comprising: an operation receiving module configured to receive a display operation on a media content card corresponding to the targeted media content; a card display module configured to display the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used to display a target image corresponding to the target media content, the second area being used to display media content information of the target media content, and a background color of the second area being related to the image color of the target image.

[0085] According to one or more embodiments of the present disclosure, Example 9 provides an electronic device, the electronic device comprising: a processor; a memory configured to store a program; When the program is executed by the processor, the processor implements the card display method described in any one of Examples 1 to 7.

[0086] According to one or more embodiments of the present disclosure, Example 10 provides a computer-readable storage medium having a computer program stored therein, the computer program implementing the card display method described in any one of Examples 1 to 7 when executed by a processor.

[0087] According to one or more embodiments of the present disclosure, Example 11 provides a computer program product, which, when executed on a computer, causes the computer to implement the card display method described in any one of Examples 1 to 7.

Claims

1. A method for displaying a card, comprising: Receiving a display action on a media content card corresponding to the targeted media content; A card display method comprising: displaying the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used for displaying a target image corresponding to the target media content, the second area being used for displaying media content information of the target media content, and a background color of the second area being related to an image color of the target image.

2. Prior to displaying the media content card, the method further comprises: determining a first color and a second color in the target image; The method for displaying cards according to claim 1 , further comprising: determining a background color of the second area based on the first color and the second color.

3. Determining a background color of the second region based on the first color and the second color includes: The method for displaying a card according to claim 2 , further comprising: performing a two-color gradation based on the first color and the second color to obtain a background color of the second area.

4. Prior to determining a first color and a second color in the target image, the method further comprises:

3. The card display method according to claim 2, further comprising: acquiring a color from the target image whose proportion satisfies a first predetermined condition as a first color based on the proportion of each color among the plurality of colors in the target image; and acquiring a color from the target image whose proportion satisfies a second predetermined condition as a second color.

5. The method comprises: The method of any one of claims 1 to 4, further comprising: displaying a target identifier of the target media content in a third area of ​​the media content card using a third color associated with the target image as a background color.

6. Prior to displaying a category identifier of the targeted media content on the media content card, the method further comprises: The method of claim 5 , further comprising obtaining a color from the target image whose proportion satisfies a third predetermined condition as a third color based on a proportion of each color among the plurality of colors in the target image.

7. The method comprises:

6. The method of claim 5, further comprising: switching the target image displayed in the first area in response to a predetermined switching condition being satisfied; and updating a background color of the second area and a background color of the third area based on the switched target image.

8. A card display device, comprising: an operation receiving module configured to receive a display operation on a media content card corresponding to the targeted media content; a card display module configured to display the media content card in response to the display operation, the media content card including a first area and a second area, the first area being used for displaying a target image corresponding to the target media content, the second area being used for displaying media content information of the target media content, and a background color of the second area being related to an image color of the target image.

9. An electronic device, A processor; a memory communicatively connected to the processor; An electronic device in which a computer program that can be executed by the processor is stored in the memory, and when the computer program is executed by the processor, the processor can execute the card display method described in any one of claims 1 to 7.

10. A computer readable storage medium having stored therein computer instructions, the computer instructions being used when executed to enable a processor to implement a method for displaying cards according to any one of claims 1 to 7.

11. A computer program product, the computer program product comprising a computer program, which when executed by a processor implements the method for displaying cards according to any one of claims 1 to 7.

Images