CN113518233A - Cover display method and device, electronic equipment and storage medium - Google Patents

Cover display method and device, electronic equipment and storage medium Download PDF

Info

Publication number
CN113518233A
CN113518233A CN202110302903.5A CN202110302903A CN113518233A CN 113518233 A CN113518233 A CN 113518233A CN 202110302903 A CN202110302903 A CN 202110302903A CN 113518233 A CN113518233 A CN 113518233A
Authority
CN
China
Prior art keywords
cover
image
decoration
cover image
display interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110302903.5A
Other languages
Chinese (zh)
Inventor
许英俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Cubesili Information Technology Co Ltd
Original Assignee
Guangzhou Cubesili Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Cubesili Information Technology Co Ltd filed Critical Guangzhou Cubesili Information Technology Co Ltd
Priority to CN202110302903.5A priority Critical patent/CN113518233A/en
Publication of CN113518233A publication Critical patent/CN113518233A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21—Server components or server architectures
    • H04N21/218—Source of audio or video content, e.g. local disk arrays
    • H04N21/2187—Live feed
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

The application discloses a cover display method and device, electronic equipment and a storage medium, and relates to the technical field of internet live broadcast. The method comprises the following steps: when a display interface loads a cover image, acquiring a decoration cover image, wherein the decoration cover image is obtained by synthesizing the cover decoration item and the original cover image based on the relative position relationship between the cover decoration item and the original cover image, and the decoration cover image is displayed in the display interface. The cover display method provided by the application has the advantages that the content is richer and more attractive, the visual experience of a user can be improved, the user can be attracted quickly, the click feedback of the user is stimulated, and therefore the probability that the user obtains an object corresponding to a cover image is improved.

Description

Cover display method and device, electronic equipment and storage medium
Technical Field
The present application relates to the field of internet live broadcast technologies, and in particular, to a cover display method and apparatus, an electronic device, and a storage medium.
Background
When the existing video content is displayed, in order to enable a user to quickly acquire the video content so that the user can select the video content of interest to watch, a cover page is usually added to the video content to be displayed. For example, for live video content displayed in a live broadcast room by a main broadcast, the live video content can be displayed in a live broadcast platform in a cover page mode, and a user can enter the corresponding live broadcast room to watch live video by clicking the cover page.
However, the existing cover page has single content and poor user visual experience, and is not enough to attract users quickly.
Disclosure of Invention
In view of the above, embodiments of the present application provide a cover display method, an apparatus, an electronic device and a storage medium to solve the above problems.
In a first aspect, an embodiment of the present application provides a cover display method, including: acquiring a decorative cover image when a cover image is loaded on a display interface, wherein the decorative cover image is obtained by synthesizing a cover decorative item and an original cover image based on the relative position relationship between the cover decorative item and the original cover image; displaying the decorative cover image in the display interface.
In a second aspect, an embodiment of the present application provides a cover display device, including: the device comprises an acquisition module and a display module. The acquisition module is used for acquiring a decorative cover image when a cover image is loaded on a display interface, wherein the decorative cover image is obtained by synthesizing a cover decorative item and an original cover image based on the relative position relationship between the cover decorative item and the original cover image; and the display module is used for displaying the decorative cover image in the display interface.
In a third aspect, an embodiment of the present application provides an electronic device, including a processor and a memory; one or more programs are stored in the memory and configured to be executed by the processor to implement the methods described above.
In a fourth aspect, the present application provides a computer-readable storage medium having program code stored therein, where the program code executes the method described above when executed by a processor.
In a fifth aspect, embodiments of the present application provide a computer program product or a computer program comprising computer instructions stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the above-described method.
According to the cover display method and device, the electronic device and the storage medium, when the cover image is loaded on the display interface, the decorative cover image is obtained by synthesizing the cover decoration item and the original cover image based on the relative position relationship between the cover decoration item and the original cover image, and then the decorative cover image is displayed on the display interface. Because what show at the display interface utilizes the relative position relation between cover decoration item and the original cover image, carry out the decoration cover image that synthetic processing obtained to cover decoration item and original cover image, the content is abundanter pleasing to the eye, can improve user's visual experience, attracts the user fast, amazing user's click feedback to improve the probability that the user acquireed the object that the cover image corresponds.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is a schematic diagram illustrating an application environment according to an embodiment of the present application;
FIG. 2 is a flow chart illustrating a cover displaying method according to an embodiment of the present application;
fig. 3 is a schematic diagram illustrating a display interface of a home page of a live video client according to an embodiment of the present application;
FIG. 4 is a flow chart illustrating another cover display method according to an embodiment of the present application;
FIG. 5 is a flow chart illustrating another cover display method according to an embodiment of the present application;
fig. 6 is a schematic diagram illustrating a home page display interface of another live video client according to an embodiment of the present application;
FIG. 7 is a flowchart illustrating one implementation of S340 in a cover display method as set forth in the embodiment of FIG. 5;
fig. 8 is a schematic diagram illustrating a home page display interface of another live video client according to an embodiment of the present application;
FIG. 9 is a flow chart illustrating another cover display method according to an embodiment of the present application;
FIG. 10 is a flow chart illustrating another cover display method according to an embodiment of the present application;
FIG. 11 is a flowchart illustrating one embodiment of S510 in a cover display method as set forth in the embodiment of FIG. 10;
FIG. 12 is a flow chart illustrating another cover display method according to an embodiment of the present application;
FIG. 13 is a flow chart illustrating another cover display method according to an embodiment of the present application;
FIG. 14 is a block diagram of a cover display device according to an embodiment of the present application;
fig. 15 is a block diagram showing a configuration of an electronic apparatus for executing a cover displaying method according to an embodiment of the present application;
fig. 16 shows a storage unit for storing or carrying program codes for implementing the cover page display method according to the embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
When the existing video content is displayed, in order to enable a user to quickly acquire the video content so that the user can select the video content of interest to watch, a cover page is usually added to the video content to be displayed. For example, for live video content displayed in a live broadcast room by a main broadcast, the live video content can be displayed in a live broadcast platform in a cover page mode, and a user can enter the corresponding live broadcast room to watch live video by clicking the cover page. For another example, for various video contents on demand or recorded broadcast, the video contents are also displayed in the form of a cover page on the video platform or recorded broadcast platform, and the user can view the corresponding video contents by clicking the cover page.
However, the existing cover is usually a frame of picture in the video content or a GIF moving picture captured in the video content, and some cover may display static information such as LOGO. The existing cover page is single in content, the visual experience of a user is poor, the user cannot be attracted fast enough, the click feedback of the user is poor, and the viewing effect of video content is poor.
Therefore, in view of the above problems, the inventors have long studied and proposed a cover display method, an apparatus, an electronic device, and a storage medium according to the present application, in which when a cover image is loaded on a display interface, a decoration cover image obtained by synthesizing a cover decoration item and an original cover image based on a relative positional relationship between the cover decoration item and the original cover image is obtained, and then the decoration cover image is displayed on the display interface.
In the mode, the display interface displays the decoration cover image obtained by utilizing the relative position relation between the cover decoration item and the original cover image and synthesizing the cover decoration item and the original cover image, so that the content is richer and more attractive, the visual experience of a user can be improved, the user is quickly attracted, the click feedback of the user is stimulated, and the probability that the user acquires the object corresponding to the cover image is improved.
For the convenience of describing the scheme of the present application in detail, an application environment in the embodiment of the present application is described below with reference to the accompanying drawings.
Referring to fig. 1, an application environment schematic diagram of a cover display method according to an embodiment of the present application is shown in fig. 1, where the application environment can be understood as a network system 10 according to an embodiment of the present application, and the network system 10 includes: a server 11 and a client 12.
The server 11 may be a server (network access server), a server cluster (cloud server) composed of a plurality of servers, or a cloud computing center (database server). The client 12 may be any device with communication and storage functions, including but not limited to a PC (Personal Computer), a PDA (tablet), a smart tv, a smart phone, a smart wearable device, or other smart communication device with network connection functions.
It should be noted that the method in the embodiment of the present application may be applied to a network platform having a cover display scene, such as a live video platform, a video on demand platform, a video recording and playing platform, and a music playing platform. For convenience of understanding and explanation, the following embodiments mainly use a live video platform as an example to describe in detail the cover display method in the present application. However, it can be understood that the cover display method of the present application is not limited to the live video platform, that is, the live video platform does not constitute a limitation on the technical solution provided by the embodiment of the present invention.
By way of example, a live video platform may operate on a network system 10 as shown in fig. 1. The server in the network system 10 may be one server 11, or may be a server cluster composed of a plurality of servers 11 (only one server is shown in the figure). Optionally, the client 12 in the network system 10 may be a client of an instant messaging application or a social network application, and the client may be an application client (such as a video playing application in a mobile phone APP), or may be a web page client (such as a live webcast platform), which is not limited herein. The server 11 may establish a communication connection with the client 12 through a network, which may be a wireless network or a wired network. The user may log in the client 12 or the internet using the registered user account, and the client 12 may have a front cover display interface in which the user viewing the live video may obtain a front cover of the live video content.
Embodiments of the present application will be described in detail below with reference to the accompanying drawings.
Referring to fig. 2, fig. 2 is a flowchart illustrating a cover page displaying method according to an embodiment of the present application, where the method is applied to a client, and the method may include the following steps:
s110, when a cover image is loaded on the display interface, obtaining a decoration cover image, wherein the decoration cover image is obtained by synthesizing the cover decoration item and the original cover image based on the relative position relation between the cover decoration item and the original cover image.
The display interface may be understood as an interface in the client that displays content. There are many cases in which the cover image is loaded on the display interface.
As shown in fig. 3, in the live video client, the user opens the home page of the live video client, the display interface presents the entry of the live broadcast room in the form of a cover image, and the user can enter the corresponding live broadcast room by clicking the entry of the live broadcast room. Therefore, optionally, each time the user opens the live video client front page, the cover image may be loaded on the display interface.
In addition, considering that a user can slide or turn pages of the home page content when the home page of the live video client is opened, wherein the sliding includes sliding upwards, sliding downwards, sliding leftwards, sliding rightwards and the like, after the home page content is slid or turned, the live broadcast room can be replaced, and thus the displayed cover image is replaced, therefore, optionally, the cover image is already displayed in the live video platform opened by the user, and after the user sends a sliding instruction or a page turning instruction to slide or turn pages of the cover image displayed on the display interface, the cover image can be loaded on the display interface formed after the sliding or the display interface formed after the page turning.
In addition, under the condition that a user opens any page of the video live broadcast client, the page can be a page loaded with a cover image or a page not loaded with the cover image, and a corresponding live broadcast room can be searched by adopting a search control provided in the page.
The original cover image refers to a cover image that is not processed by the cover decoration item, and may be, for example, one frame of picture in the video content, a GIF moving picture captured in the video content, or one frame of picture freely set by the user.
The cover decoration item can be understood as an additional decoration item added on the basis of the original cover image so as to improve the visual viewing experience of a user when the cover is displayed. Alternatively, the cover decoration item may include a cover frame skin, a cover decoration animation, and the like. For example, the cover frame skin may be crown element skin, valentine's day element skin, spring festival element skin, and the like. The cover decoration animation can be love animation, clap animation, firework animation and the like.
The decoration cover image is a cover image obtained by synthesizing the cover decoration item and the original cover image based on the relative positional relationship between the cover decoration item and the original cover image.
The relative position relationship between the cover decoration item and the original cover image refers to the position relationship of the cover decoration item relative to the original cover image when the decoration cover image is displayed.
For example, when the cover decoration item corresponding to the original cover image is the cover frame skin, the processed decoration cover image is displayed with the cover frame skin being displayed around the original cover image, and in this case, the relative positional relationship between the cover decoration item and the original cover image is that the cover decoration item is located around the original cover image.
For another example, when the cover decoration item corresponding to the original cover image is a cover decoration animation, and the processed decoration cover image is displayed, the cover decoration animation may be displayed in an overlapping manner on the original cover image and located at any position of the original cover image, for example, at the middle, upper left corner, lower right corner, and the like of the area where the original cover image is located, in this case, the relative positional relationship between the cover decoration item and the original cover image is that the cover decoration item is located at any position on the original cover image. It should be noted that the position of the cover decoration item on the original cover image can be set as desired.
In this embodiment, when the front cover image is loaded on the display interface, the client can obtain the front cover decoration image.
There are various ways to synthesize the cover decoration item and the original cover image to obtain the decoration cover image based on the relative position relationship between the cover decoration item and the original cover image.
As one mode, the cover decoration item and the original cover image may be subjected to a synthesizing process by an image fusion mode to obtain a decoration cover image. The image fusion is a process of fusing two images into a whole image. And the decoration cover image obtained by the image fusion mode can be realized at a client or a server.
When the decoration cover image obtained by the image fusion mode is realized in the server, the client can directly obtain the synthesized decoration cover image from the server. In this case, the server may store the relative positional relationship between the cover decoration item, the original cover image, the cover decoration item, and the original cover image in advance, then perform image fusion processing on the cover decoration item and the original cover image at the position indicated by the relative positional relationship according to the relative positional relationship between the cover decoration item and the original cover image to obtain the decoration cover image, and finally, when the client loads the cover image on the display interface, the client may directly obtain the decoration cover image obtained through the synthesis processing from the server.
When the decoration cover image synthesized in the image fusion mode is realized at the client, the client can locally acquire the synthesized decoration cover image. The client side can obtain the relative position relation of the cover decoration item, the original cover image, the cover decoration item and the original cover image from the server, and then the client side can perform image fusion processing on the cover decoration item and the original cover image according to the relative position relation of the cover decoration item and the original cover image to obtain the decoration cover image.
Alternatively, the cover decoration item and the original cover image may be combined by image stitching on the display interface to obtain the decoration cover image. The image splicing in the display interface means that two images are rendered and spliced in the same page when the page is rendered, at the moment, the two spliced images are displayed as one image when the display interface displays, and the two images are not really fused into a whole image. In this case, the client may obtain the synthesized decoration cover image locally, that is, the client may first obtain the relative positional relationship between the cover decoration item, the original cover image, the cover decoration item, and the original cover image from the server, and then image-splice the original cover image and the cover decoration item in the display interface according to the relative positional relationship between the cover decoration item and the original cover image at the client, so as to obtain the decoration cover image.
In some embodiments, when the cover decoration item and the original cover image are processed based on the relative positional relationship between the cover decoration item and the original cover image, one type of cover decoration item may be used alone, for example, the cover frame skin alone, or the cover decoration animation alone, and a plurality of types of cover decoration items may be used simultaneously, for example, the cover frame skin and the cover decoration animation simultaneously.
The entrance of the live broadcast room, that is, the shape of the display of the cover image may be a bean curd shape as shown in fig. 3, or may be another shape such as a circle or a triangle.
It can be understood that when the client displays the terminal interface, the client may display the terminal interface in a full screen manner or in a small window manner, and therefore, the display interface in the embodiment of the present application may be a display interface of a whole display screen of the terminal or a local display interface of a display screen in the terminal.
And S120, displaying the decorative cover image in the display interface.
After the decoration cover image is acquired, the acquired decoration cover image may be displayed in a display interface.
With continued reference to fig. 3, in a specific application scenario, when a user opens a home page of a live video client on an electronic device (configured with the live video client), 4 decoration cover images are displayed in a display interface 20 of the client, where the displayed cover image 21 is a decoration cover image obtained by synthesizing a cover frame skin and an original cover image, the cover image 22 is a decoration cover image obtained by processing and decorating a cover decoration animation and an original cover image, the cover image 23 is a decoration cover image obtained by synthesizing a cover frame skin, a cover decoration animation and an original cover image, and the cover image 24 is not processed and is thus displayed as an original cover image.
According to the cover display method, when a cover image is loaded on a display interface, a decoration cover image is obtained first, the decoration cover image is obtained by synthesizing the cover decoration item and the original cover image based on the relative position relation between the cover decoration item and the original cover image, and then the decoration cover image is displayed on the display interface. Therefore, by the mode, the decoration cover image obtained by synthesizing the cover decoration item and the original cover image is displayed on the display interface by utilizing the relative position relation between the cover decoration item and the original cover image, so that the content is richer and more attractive, the visual experience of a user can be improved, the click feedback of the user is stimulated, and the probability that the user acquires the object corresponding to the cover image is improved.
Referring to fig. 4, fig. 4 is a flowchart illustrating a cover page display method according to another embodiment of the present application, which can be applied to a viewer client, and the method can include the following steps:
s210, when the cover image is loaded on the display interface, a cover loading request is sent to the server, so that the server responds to the cover loading request to obtain an original cover image and a target cover decoration item corresponding to a target object identifier, wherein the target object identifier is determined by the server according to an object identifier selection rule.
The object identifier is an identifier corresponding to the content to be played. For example, for a live video scene, the content to be played is live content in a live video room, and at this time, the object identifier may be a main broadcast identifier or a live room identifier. For another example, for a video-on-demand scene, it may be a certain on-demand short video content, and the object identifier is a video identifier.
In this embodiment, in order to subsequently be able to splice the original cover image and the target cover decoration item in the display interface based on the relative position relationship between the original cover image and the target cover decoration item, the decoration cover image is obtained. When the cover image is loaded on the display interface, the viewer client may send a cover loading request to the server, and it can be understood that after receiving the cover loading request, the server needs to determine which target object identifiers need to be displayed on the display interface of the viewer client, and then returns the original cover image and the target cover decoration items corresponding to the target object identifiers to the viewer client in response to the cover loading request.
Alternatively, the server may determine the target object identifier according to the set object identifier selection rule, so as to determine which cover pages corresponding to the contents to be played back are returned to the viewer client in response to the cover page loading request.
And the target object identification selection rules are different under different cover loading requests. For example, for a cover loading request initiated by a user opening a viewer client top page, it is desirable to present the cover of each anchor to the user according to the popularity of the anchor, and therefore, in this case, the target object identification may be determined according to the popularity value of each object. For another example, when a user searches for a cover page loading request initiated by a certain anchor using the viewer client search control, at this time, the user wants to display a cover page corresponding to the anchor searched by the user, and therefore, in this case, the target object identifier may be determined according to the anchor identifier input by the user.
It is understood that, in this embodiment, in order to obtain the original cover image and the target cover decoration item corresponding to the target object identifier in response to the cover loading request, the server may store the association relationship among the object identifier, the original cover image and the cover decoration item in advance.
S220, receiving the original cover image and the target cover decoration item returned by the server.
After the server obtains the original cover image and the target cover decoration item corresponding to the target object identifier, the server can send the obtained original cover image and the target cover decoration item to the viewer client, so that the viewer client can receive the original cover image and the target cover decoration item returned by the server.
And S230, performing image splicing on the original cover image and the target cover decoration item in a display interface based on the relative position relationship between the original cover image and the target cover decoration item to obtain a decoration cover image.
In this embodiment, the relative positional relationship between the original cover image and the target cover decoration item may be stored in advance in the viewer client. Therefore, after the audience client side acquires the original cover image and the target cover decoration item, the relative position relation between the original cover image and the target cover decoration item which are pre-stored locally can be acquired, so that the original cover image and the target cover decoration item are subjected to image splicing in a display interface based on the relative position relation between the original cover image and the target cover decoration item, and the decoration cover image is acquired.
In this embodiment, the original cover image and the target cover decoration item are subjected to image stitching on the display interface, and when the obtained decoration cover image is displayed on the display interface, the visual effect is an image, whereas the decoration cover image is obtained by respectively rendering the original cover image and the cover decoration item on the display interface. Therefore, when the decoration cover image is displayed in the display interface, the original cover image and the cover decoration item can be respectively displayed in the display interface according to the relative position relation between the original cover image and the cover decoration item.
And S240, displaying the decorative cover image in the display interface.
According to the cover display method, after the original cover image and the target cover decoration item returned by the server are received, the original cover image and the target cover decoration item can be subjected to image splicing in the display interface based on the relative position relation between the original cover image and the target cover decoration item, the decoration cover image is obtained and displayed, and the decoration cover image is obtained only by the image splicing in the display interface without fusion processing of the cover decoration item and the original cover image, so that the process of obtaining the decoration cover image is simplified, and the cover display efficiency is improved.
Referring to fig. 5, fig. 5 is a flowchart illustrating a cover page displaying method according to another embodiment of the present application, where the method can be applied to a client, and the method can include the following steps:
s310, when a cover image is loaded on the display interface, obtaining a decoration cover image, wherein the decoration cover image is obtained by decorating an original cover image by using a cover decoration item.
And S320, displaying the decorative cover image in the display interface.
S330, responding to the display interface sliding instruction, enabling the decorative cover image to slide along with the display interface to obtain the display interface after sliding.
The display interface sliding instruction refers to an instruction for sliding a currently displayed display interface. Alternatively, the display interface sliding instruction may be generated based on a touch operation of the user on the display interface of the client. The touch operation may be direct touch by a finger, or touch by operating an external device such as a mouse. Optionally, the display interface sliding instruction may also be generated based on a voice control instruction of the user to the client. For example, the user may input a voice control instruction such as "please slide the display interface downward", "please slide downward", and the electronic device may generate a corresponding display interface sliding instruction after detecting the voice control instruction.
It can be understood that the number of the video live broadcast rooms capable of being displayed in the display interface is limited, and the number of the video live broadcast rooms is relatively large, so that all the video live broadcast rooms cannot be displayed in the display interface at one time, and when the video live broadcast room which is preferred by a user does not exist in the currently displayed display interface, the user can slide the currently displayed display interface by inputting a display interface sliding instruction, so that the slid display interface is obtained, the decorative cover image displayed in the display interface can also slide along with the display interface, and the cover image of other live broadcast rooms is loaded in the slid display interface.
It can be understood that when the decorative cover image displayed on the display interface slides along the display interface, various sliding results can be obtained.
As a result of the sliding, some of the decorative cover images displayed on the display interface before the sliding may be completely slid out of the display screen of the client, and these decorative cover images cannot be displayed on the display interface after the sliding.
As another sliding result, some of the decoration cover images displayed on the display interface before sliding may be partially slid out of the display screen range of the client, and some of the decoration cover images may not be slid out of the display screen range of the client.
Referring to fig. 6, fig. 6 is a schematic view showing a display effect of a display interface, and fig. 6 is a display interface obtained by sliding the decorative cover image along with the display interface on the basis of fig. 3. As shown in fig. 6, in the display interface after the sliding, the cover image 21 and the cover image 22 have completely slid out of the display interface and are no longer displayed in the display interface, the cover image 23 and the cover image 24 are partially slid out of the display interface, the cover image 23 and the cover image 24 that are not slid out of the display interface can be displayed in the display interface after the sliding, and in addition, other cover images 25, 26, 27 and 28 are newly displayed in the display interface after the sliding.
And S340, when the situation that the decorative front cover image in the display interface after sliding meets the display condition is detected, displaying the front cover decorative image meeting the display condition on the display interface after sliding.
As an embodiment, detecting whether the decoration cover image in the display interface after sliding meets the display condition may be performed according to the size of the actual display area of the decoration cover in the display interface after sliding and the size of the area to be displayed of the decoration cover image, in this case, as shown in fig. 7, when detecting that the decoration cover image in the display interface after sliding meets the display condition, the method may specifically include the following steps:
and S341, acquiring an actual display area corresponding to the decorative cover image in the display interface after sliding.
The actual display area corresponding to the decorative cover image can be understood as an actual display area of the decorative cover image in the display interface after sliding, and the actual display area corresponds to a size. With continued reference to FIG. 6, in the display interface after the slide, the actual display area of the decorative cover image 23 and the actual display area of the decorative cover image 24 are shown.
And S342, when the ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image meets a preset proportion threshold, displaying the decoration cover image in the actual display area.
The size of the area to be displayed of the decoration cover image may be understood as the size of the area that should be displayed when the decoration cover image is normally displayed in the display interface.
It is understood that the ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image may represent the display integrity of the decoration cover image when the display interface is displayed after sliding, for example, a larger ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image indicates that the decoration cover image is displayed more completely in the display interface after sliding, and a smaller ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image indicates that the decoration cover image is displayed more incompletely in the display interface after sliding.
In addition, it is considered that if the decorative cover image is displayed completely in the display interface after sliding, the display duration of the decorative cover image can be prolonged in the sliding process of the display interface, and the visual experience of the user is improved, and if the cover image is displayed incompletely in the display interface after sliding, the decorative cover image may present incomplete decorative item information, so that the meaning of adding the decorative cover item is not large, and not only can good visual experience be brought, but also the visual experience of the user can be influenced. Therefore, based on the consideration of improving the user visual experience, a ratio threshold may be preset, so that the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image may be compared, if the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image satisfies the preset ratio threshold, for example, when the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image is greater than the preset ratio threshold, the decorative cover image may be continuously displayed in the actual display area, otherwise, when the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image is less than or equal to the preset ratio threshold, the original cover image is displayed in the actual display area.
With continued reference to fig. 6, in fig. 6, when the ratio of the size of the actual display area of the cover decoration image 23 and the cover decoration image 24 to the size of the area to be displayed of the decoration cover image is greater than the preset ratio threshold, the decoration cover image 23 and the decoration cover image 24 are continuously displayed in the actual display area.
Referring to fig. 8, fig. 8 is a schematic view showing another display effect of the display interface, and fig. 8 is a display interface obtained by continuously sliding the decorative cover image along with the display interface on the basis of fig. 6. As shown in fig. 8, in the display interface after the sliding, the actual display areas of the cover image 23 and the cover image 24 are further reduced, and at this time, the ratio of the size of the cover image 23 and the cover image 2 in the actual display area to the size of the area to be displayed of the decorated cover image is smaller than the preset ratio threshold, and therefore, in fig. 8, the original cover image 23 and the original cover image 24 are displayed in the actual display area.
It should be noted that the preset ratio threshold may be set according to the decoration position of the cover decoration item in the original cover image. For example, a relatively small scale threshold may be set when the cover decoration item is located in a position that is below the original cover image, and a relatively large scale threshold may be set when the cover decoration item is located in a position that is above the original cover image. In addition, in some embodiments, the preset proportion threshold may also be set to 100%, in which case, if the decoration cover image is not completely displayed in the display interface after the sliding, the decoration cover image is not displayed, and only the corresponding original cover image is displayed.
According to the cover display method, the decorative cover image slides along the display interface in response to the display interface sliding instruction, after the display interface after sliding is obtained, whether the decorative cover image in the display interface after sliding meets the display condition can be detected, the cover decorative image meeting the display condition is continuously displayed on the display interface after sliding when the condition is met, the display duration of the decorative cover image can be prolonged, and the visual experience of a user is further improved.
In addition, in order to further improve the display effect of the decorated cover image and improve the visual experience of the user, in some embodiments, please refer to fig. 9, where fig. 9 is a flowchart illustrating a cover display method according to another embodiment of the present application, where the method may be applied to a client, and the method may include the following steps:
s410, when a cover image is loaded on the display interface, a decoration cover image is obtained, and the decoration cover image is obtained by decorating an original cover image by using a cover decoration item.
And S420, displaying the decorative cover image in the display interface.
And S430, responding to the display interface sliding instruction, and enabling the decorative cover image to slide along with the display interface to obtain the display interface after sliding.
S440, acquiring an actual display area corresponding to the decoration cover image in the display interface after sliding.
S450, when the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image meets a preset proportion threshold, zooming the decorative cover image according to the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image to obtain the zoomed decorative cover image.
It can be understood that, when only the part of the cover image which is not slid out of the display interface is displayed on the display interface after sliding, a certain cover image cannot be completely displayed, so that complete cover information cannot be brought, and a user cannot quickly know live video content, therefore, in order to be capable of quickly knowing the live video content in the sliding process of the display interface, the decorative cover image can be zoomed according to the ratio of the size of an actual display area to the size of an area to be displayed of the decorative cover image, thereby ensuring the integrity of the information in the cover image.
And S460, displaying the zoomed decorative cover image in the actual display area.
According to the cover display method, the zoomed decorative cover image can be completely displayed in the corresponding actual display area, so that the integrity of information in the decorative cover image can be ensured, and a user can quickly know live video content through the decorative cover image in the sliding process of a display interface. In addition, because the ratio of the size of the actual display area and the size of the area to be displayed of the decoration cover image meets the preset proportion threshold value, the decoration cover image is zoomed, the zoomed decoration cover image is obtained, and the image is displayed in the actual display area, therefore, the minimum size of the display area can be controlled through the preset proportion threshold value, thereby avoiding the display area being too small, the zoomed decoration cover image size is smaller, leading to the unclear decoration cover image, the problem that the user cannot clearly see the information in the cover image is solved, and further improving the visual experience of the user.
As can be seen from the foregoing, the number of the cover images displayed in the display interface may be multiple, for example, M, and considering that the cover decoration items of the cover decoration images are various in style, if all the cover images are decoration cover images, the display interface may be designed to be eight-door, and the visual viewing experience of the user is reduced, so that the cover decoration images displayed in the display interface can be limited, and the visual experience of the user is improved. Referring to fig. 10, fig. 10 is a flowchart illustrating a cover displaying method according to another embodiment of the present application, where the method may be applied to a client, and the number of cover images loaded in a display interface in the method is M, and the method may include the following steps:
s510, when a cover image is loaded on a display interface, determining N first target cover images from M cover images based on a target cover image selection rule, wherein M, N are positive integers, and N is smaller than or equal to M.
In this embodiment, N first target cover images may be determined from M cover images using a target cover image selection rule, so that only the decorative cover images corresponding to the selected N first target cover images are displayed, and the decorative cover images corresponding to the remaining second cover images in the M cover images are not displayed.
It should be noted that, the function of limiting the cover decoration image displayed in the display interface may be selected by the user at the client, when the function of limiting the cover decoration image displayed in the display interface is selected to be started, the cover decoration image displayed in the display interface is limited, and when the function of limiting the cover decoration image displayed in the display interface is selected to be closed by the user, the cover decoration image displayed in the display interface is not limited.
As an embodiment, as shown in fig. 11, the determining N first target cover images from M cover images based on the target cover image selection rule may specifically include the following steps:
s511, acquiring the heat value of the object corresponding to each of the M cover images.
The object corresponding to the cover image may be understood as content to be played corresponding to the cover image, for example, for a live video scene, the content may be live broadcast in a live video broadcast room corresponding to the cover image. For another example, for a video-on-demand scene, the video-on-demand content corresponding to the cover image may be used, and for a music playing scene, the music content to be played corresponding to the cover image may be used.
The heat value can be understood as data which can reflect the popularity of the video content, such as the click number, the like, the praise number, the watching number and the like corresponding to the video content.
S512, determining N first target cover images from the M cover images according to the heat value.
As can be seen from the foregoing, the popularity value may reflect the popularity of the video content, and therefore, the N first target cover images may be determined from the M cover images according to the popularity value.
There are various ways to determine the N first target cover images from the M cover images based on the magnitude of the heat value.
Optionally, the cover image corresponding to the partial head video live broadcast room with the maximum heat value and the partial tail video live broadcast room with the minimum heat value may be selected and determined as the first target cover image. Therefore, the hot video live broadcast room and the cold video live broadcast room can be considered simultaneously in the display interface, and rich recommendation effect is brought to users.
Optionally, cover images with the popularity value ranked in the middle N live video rooms may be selected and determined as the first target cover image.
In this embodiment, the first target cover image is determined according to the heat value of the object corresponding to the cover image, so that the popularity of the video content can be considered, and the actual watching requirement of the user can be better met.
Alternatively, the first target cover can be determined according to the credibility of the object corresponding to the cover image.
For video live broadcast rooms in a video live broadcast platform, some video live broadcast rooms may possibly carry out some illegal video live broadcasts for the purpose of eyeballing or earning privacies, so that illegal behaviors of the video live broadcast rooms can be recorded, the more the illegal behaviors are, the lower the reputation is, otherwise, the higher the reputation is, the credibility of each video live broadcast room can be counted, and cover images corresponding to N video live broadcast rooms with front-ranked credibility can be preferentially selected as first target cover images when the first target cover images are determined.
S520, obtaining decoration cover images corresponding to the N first target cover images, wherein the decoration cover images are obtained by decorating original cover images by cover decoration items.
After the N first target cover images are determined, the decoration cover images corresponding to the N first target cover images may be acquired.
S530, displaying decoration cover images corresponding to the N first target cover images in the display interface.
And S540, displaying the original cover image corresponding to the second target cover image in the display interface, wherein the second target cover image is the cover image left after removing the N first target cover images from the M cover images.
According to the cover display method, the decorative cover image corresponding to the first target cover image is displayed, the original cover image corresponding to the second target cover image is displayed, the number of the decorative cover images can be controlled, accordingly, the display interface is prevented from being designed into a five-door or eight-door mode, and the visual viewing experience of a user is improved.
In addition, considering that a large number of cover decoration images dynamically change at the same time, which may cause a disorder of a display interface and result in a poor aesthetic property of the display interface, referring to fig. 12, in order to improve a visual experience of a user, fig. 12 is a flowchart illustrating a cover display method according to another embodiment of the present application, where the method may be applied to a client, and a cover decoration item in the method includes a cover decoration animation, where the method may include the following steps:
s610, when a cover image is loaded on the display interface, obtaining a decoration cover image, wherein the decoration cover image is obtained by decorating an original cover image by using a cover decoration item.
S620, the decoration cover image is statically displayed in the display interface.
In this embodiment, in order to avoid simultaneous dynamic changes of a large number of cover decoration images, after the cover decoration images are obtained, the decoration cover animation may be statically displayed in the display interface, so that the aesthetic property of the display interface may be ensured.
S630, responding to the click command aiming at the decoration cover image, dynamically displaying the cover decoration animation in the cover decoration image in the display interface, and displaying the display interface of the object corresponding to the decoration cover image after dynamically displaying the cover decoration animation.
The click command for the decorative cover image can be generated by clicking any point in the area where the cover decorative image is located. Similarly, the click operation may be a finger touch click, a mouse click, a voice control click, or the like.
The display interface of the object corresponding to the cover image may be understood as a video content display interface corresponding to the cover image, for example, for a video live broadcast scene, the display interface may be a video live broadcast room interface corresponding to the cover image. For another example, in the video-on-demand scene, the video-on-demand scene may be an on-demand video content playing interface corresponding to the cover image.
In this embodiment, the cover decoration animation may not be directly and dynamically displayed in the display interface, but when the user needs to view the cover decoration animation in the cover decoration image, the user may click any point in the area where the cover decoration image is located first, at this time, the client may generate a click instruction for decorating the cover image, and then, the cover decoration animation selected by the click instruction is dynamically displayed in the display interface. In addition, after the cover decoration animation is dynamically displayed in the display interface, the display interface of the object corresponding to the decoration cover image can be displayed.
According to the cover display method, under the condition that the cover decoration item comprises the cover decoration animation, the decoration cover image cannot be directly and dynamically displayed in the display interface, the decoration cover image is firstly displayed statically, and then the clicked cover decoration animation in the decoration cover image is displayed dynamically after a user initiates a click instruction. Therefore, the cover decoration animation in the cover decoration image corresponding to the click command initiated by the user can be dynamically displayed in the display interface, the problem that the display interface is poor in attractiveness due to the fact that the display interface is disordered due to the fact that the cover decoration animation in a large number of cover decoration images dynamically changes at the same time is avoided, and the visual experience of the user is further improved.
Referring to fig. 13, fig. 13 is a flowchart illustrating a cover page display method according to another embodiment of the present application, where the method can be applied to a live broadcast system, where the live broadcast system includes a main broadcast client, a server, and a viewer client, and the method includes the following steps:
s710, the anchor client displays the available cover art items.
The anchor clicks the 'personal center' option in the anchor client, so that the anchor client can view the own cover decoration item list, and the anchor client displays the own available cover decoration item list which comprises the available cover decoration items.
The available cover decoration items can unlock the cover decoration items belonging to the available cover decoration items through actions such as grades, vermicelli quantity, anchor task completion degree or purchase.
S720, the anchor client sends a target cover decoration item selection request to the server, and the target cover decoration item selection request comprises a target cover decoration item identifier.
The anchor may select any of the available cover decoration items in the anchor client as a target cover decoration item, thereby generating a target cover decoration item selection request. For example: when the anchor selects the love animation, the anchor client sends a target cover decoration item selection request to the server at the moment, and tells the server that the anchor selects the love animation in the cover decoration items at present.
S730, the server responds to the target cover decoration item selection request, and establishes an association relation among the anchor identification, the original cover image and the target cover decoration item corresponding to the anchor client.
After receiving a target cover decoration item selection request sent by a anchor client, the server can record an anchor identifier corresponding to the anchor client, and then establish an association relationship among the anchor identifier, an original cover image and a target cover decoration item.
When the server stores the association relationship among the anchor logo, the original cover image and the target cover decoration item, the target cover decoration item may be stored in a form of a URL (Uniform Resource Locator) link, for example, for a target cover decoration item being a love animation, it may be stored as animUrl http:// yy.com/love.svga, and for a target cover decoration item being a crown skin, it may be stored as skinnurl:// yy.com/brown.png, and for a target cover decoration item being a love animation, it may also be stored as clickl:// yy.com/brown.svga.
S740, the viewer client sends a cover loading request to the server, where the cover loading request includes the anchor identification.
When the viewer client loads the cover image on the display interface, for example, when a certain main broadcast is searched through the search control, a cover loading request may be sent to the server, where the cover loading request includes the main broadcast identifier.
For example, when the viewer user enters the live client front page, a cover loading request may be sent to the server, so as to pull the information such as the home page anchor original cover image, anchor rating, anchor Logo, and parameters such as animUrl, skinnurl, clickUrl.
In addition, in some embodiments, the cover loading request sent by the viewer client may also not carry the anchor identifier, but the server determines the corresponding anchor identifier according to the anchor identifier selection rule corresponding to the cover loading request.
And S750, the server responds to a cover loading request sent by the audience client and sends the original cover image and the target cover decoration item corresponding to the anchor identification to the audience client.
After receiving the cover loading request, the server may send the original cover image and the target cover decoration item corresponding to the anchor identifier to the viewer client in response to the cover loading request sent by the viewer client.
For example, the server may send information such as an original cover page image, a anchor rating, an anchor Logo, and the like corresponding to the anchor identifier, and parameters such as animUrl, skinnurl, clickUrl, and the like corresponding to the anchor identifier to the viewer client.
And S760, the audience client side carries out image splicing on the original cover image and the target cover decoration item in the display interface based on the relative position relation between the original cover image and the target cover decoration item to obtain a decoration cover image.
S770, the audience client displays the decorative cover image in the display interface.
And the audience client pre-embeds the position of the cover frame skin, the position of the cover decoration animation and the processing of a click event in the middle of the frame of the original cover image and the original cover image in advance, plays the original cover image and plays the animation spliced in the original cover image through url when judging that animUrl has a value, and the animation is played circularly for infinite times. And when the skinUrl is judged, playing the original cover image and loading and splicing the cover frame skin around the original cover image through url. When the clickUrl is judged to have a value, when a user clicks to enter the live broadcast room, the original cover image and the cover decoration animation spliced in the original cover image are played through url playing, and after the cover decoration animation is executed in the original cover image, a click event is executed again to enter the live broadcast room.
According to the cover display method, when the cover image is loaded on the display interface, the decorative cover image is obtained firstly, the decorative cover image is obtained by decorating the original cover image through the cover decoration item, and then the decorative cover image is displayed on the display interface. Therefore, by the mode, the decorative cover image decorated by the cover decoration item is displayed on the display interface, the content is richer and more attractive, the visual experience of a user can be improved, the user can be attracted quickly, the click feedback of the user is stimulated, and therefore the probability that the user acquires the object corresponding to the cover image is improved.
It should be noted that the present application provides some specific examples of the above embodiments, and on the premise of not conflicting with each other, the examples of the embodiments can be arbitrarily combined to form a new cover display method. It should be understood that a new cover display method formed by any combination of examples is within the scope of the present application.
Referring to fig. 14, fig. 14 is a block diagram of a cover display device 800 according to an embodiment of the present application, where the cover display device 800 may include: an acquisition module 810 and a display module 820.
The obtaining module 810 is configured to obtain a decoration cover image when the cover image is loaded on the display interface, where the decoration cover image is obtained by performing synthesis processing on a cover decoration item and an original cover image based on a relative position relationship between the cover decoration item and the original cover image.
And a display module 820 for displaying the decoration cover image in the display interface.
As an embodiment, the obtaining module 810 is further configured to send a cover loading request to a server when a cover image is loaded on a display interface, so that the server obtains an original cover image and a target cover decoration item corresponding to a target object identifier in response to the cover loading request, where the target object identifier is determined by the server according to an object identifier selection rule; receiving the original cover image and the target cover decoration item returned by the server; splicing the original cover image and the target cover decoration item based on the relative position relationship between the original cover image and the target cover decoration item to obtain the decoration cover image
In one embodiment, the number of cover images loaded in the display interface is M, in which case, the obtaining module 810 is further configured to determine N first target cover images from the M cover images based on the target cover image selection rule, M, N being positive integers, where N is less than or equal to M; acquiring decoration cover images corresponding to the N first target cover images; in this case, the display module 820 is further configured to display the decoration cover image corresponding to each of the N first target cover images in the display interface, and display the original cover image corresponding to the second target cover image in the display interface, where the second target cover image is a cover image left by removing the N first target cover images from the M cover images. In this case, the obtaining module 810 is further configured to obtain the heat values of the objects corresponding to the M cover images; n first target cover images are determined from the M cover images based on the magnitude of the heat value.
As an embodiment, the cover decoration item includes a cover decoration animation, in which case the display module 820 is further configured to statically display a decoration cover image in the display interface; and responding to a click command for decorating the cover decoration image, dynamically displaying the cover decoration animation in the cover decoration image, and displaying a display interface of an object corresponding to the decoration cover image after the cover decoration animation is dynamically displayed.
As an embodiment, the apparatus 800 further includes a response module, configured to respond to a display interface sliding instruction, so that the decorative cover image slides along the display interface to obtain a slid display interface. In this case, the display module 820 is further configured to display the cover decoration image satisfying the display condition on the display interface after the sliding when detecting that the decoration cover image in the display interface after the sliding satisfies the display condition.
As an embodiment, the display module 820 is further configured to obtain an actual display area corresponding to the decoration cover image in the display interface after the sliding; and when the ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image meets a preset proportion threshold, displaying the decoration cover image in the actual display area.
As an embodiment, the display module 820 is further configured to scale the decoration cover image according to a ratio of the size of the actual display area to the size of the area to be displayed of the decoration cover image, so as to obtain a scaled decoration cover image; displaying the zoomed decoration cover image in the actual display area.
The application provides a cover display device, when showing interface loading cover image, acquire earlier and decorate cover image, decorate cover image and decorate original cover image and decorate and obtain with cover decoration item, show again in showing interface and decorate cover image. Therefore, by the mode, the decorative cover image decorated by the cover decoration item is displayed on the display interface, the content is richer and more attractive, the visual experience of a user can be improved, the user can be attracted quickly, the click feedback of the user is stimulated, and therefore the probability that the user acquires the object corresponding to the cover image is improved.
It should be noted that the device embodiment and the method embodiment in the present application correspond to each other, and specific principles in the device embodiment may refer to the contents in the method embodiment, which is not described herein again.
An electronic device provided by the present application will be described below with reference to fig. 15.
Referring to fig. 15, based on the cover displaying method, another electronic device 200 including a processor 104 capable of executing the cover displaying method is provided in the embodiment of the present application, and the electronic device 200 may be a smart phone, a tablet computer, a portable computer, or the like. Electronic device 200 also includes memory 104, network module 106, and screen 108. The memory 104 stores programs that can execute the content of the foregoing embodiments, and the processor 102 can execute the programs stored in the memory 104.
Processor 102 may include, among other things, one or more cores for processing data and a message matrix unit. The processor 102 interfaces with various components throughout the electronic device 200 using various interfaces and circuitry to perform various functions of the electronic device 200 and process data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 104 and invoking data stored in the memory 104. Alternatively, the processor 102 may be implemented in hardware using at least one of Digital Signal Processing (DSP), Field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA). The processor 102 may integrate one or more of a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a modem, and the like. Wherein, the CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing display content; the modem is used to handle wireless communications. It is understood that the modem may not be integrated into the processor 102, but may be implemented by a communication chip.
The Memory 104 may include a Random Access Memory (RAM) or a Read-Only Memory (Read-Only Memory). The memory 104 may be used to store instructions, programs, code sets, or instruction sets. The memory 104 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like. The storage data area may also store data created by the terminal 100 in use, such as a phonebook, audio-video data, chat log data, and the like.
The network module 106 is configured to receive and transmit electromagnetic waves, and achieve interconversion between the electromagnetic waves and the electrical signals, so as to communicate with a communication network or other devices, for example, an audio playing device. The network module 106 may include various existing circuit elements for performing these functions, such as an antenna, a radio frequency transceiver, a digital signal processor, an encryption/decryption chip, a Subscriber Identity Module (SIM) card, memory, and so forth. The network module 106 may communicate with various networks such as the internet, an intranet, a wireless network, or with other devices via a wireless network. The wireless network may comprise a cellular telephone network, a wireless local area network, or a metropolitan area network. For example, the network module 106 may interact with a base station.
The screen 108 may display interface content and may also be used to respond to touch gestures.
It should be noted that, in order to implement more functions, the electronic device 200 may also protect more devices, for example, may also protect a structured light sensor for acquiring face information or may also protect a camera for acquiring an iris.
Referring to fig. 16, a block diagram of a computer-readable storage medium according to an embodiment of the present application is shown. The computer readable medium 1100 has stored therein a program code that can be called by a processor to execute the method described in the above method embodiments.
The computer-readable storage medium 1100 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read only memory), an EPROM, a hard disk, or a ROM. Alternatively, the computer-readable storage medium 1100 includes a non-volatile computer-readable storage medium. The computer readable storage medium 1100 has storage space for program code 1110 for performing any of the method steps of the method described above. The program code can be read from or written to one or more computer program products. The program code 1110 may be compressed, for example, in a suitable form.
Based on the cover page display method described above, according to an aspect of an embodiment of the present application, there is provided a computer program product or a computer program including computer instructions stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the method provided in the various alternative implementations described above.
To sum up, according to the cover display method, device, electronic device, storage medium, and computer program product or computer program provided in the embodiments of the present application, when a cover image is loaded on a display interface, a decorative cover image is obtained by first obtaining the decorative cover image, where the decorative cover image is obtained by decorating an original cover image with a cover decoration item, and then displaying the decorative cover image in the display interface. Therefore, by the mode, the decorative cover image decorated by the cover decoration item is displayed on the display interface, the content is richer and more attractive, the visual experience of a user can be improved, the user can be attracted quickly, the click feedback of the user is stimulated, and therefore the probability that the user acquires the object corresponding to the cover image is improved.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not necessarily depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.

Claims (12)

1. A cover display method, comprising:
acquiring a decorative cover image when a cover image is loaded on a display interface, wherein the decorative cover image is obtained by synthesizing a cover decorative item and an original cover image based on the relative position relationship between the cover decorative item and the original cover image;
displaying the decorative cover image in the display interface.
2. The method of claim 1, wherein acquiring the decoration cover image while loading the cover image on the display interface comprises:
when a cover image is loaded on a display interface, sending a cover loading request to a server so that the server responds to the cover loading request to obtain an original cover image and a target cover decoration item corresponding to a target object identifier, wherein the target object identifier is determined by the server according to an object identifier selection rule;
receiving the original cover image and the target cover decoration item returned by the server;
and based on the relative position relation between the original cover image and the target cover decoration item, carrying out image splicing on the original cover image and the target cover decoration item in the display interface to obtain the decoration cover image.
3. The method of claim 1 or 2, further comprising, after displaying the decorative cover image in the display interface:
responding to a display interface sliding instruction, and enabling the decorative cover image to slide along with the display interface to obtain a slid display interface;
when detecting that the decorative cover image in the display interface after sliding meets the display condition, displaying the cover decorative image meeting the display condition on the display interface after sliding.
4. The method of claim 3, wherein the displaying the cover decoration image meeting the display condition on the display interface after the sliding when detecting that the decoration cover image in the display interface after the sliding meets the display condition comprises:
acquiring an actual display area corresponding to the decorative cover image in the display interface after sliding;
and when the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image meets a preset proportion threshold value, displaying the decorative cover image in the actual display area.
5. The method of claim 4, wherein said displaying the decorative cover image in the actual display area comprises:
zooming the decorative cover image according to the ratio of the size of the actual display area to the size of the area to be displayed of the decorative cover image to obtain a zoomed decorative cover image;
displaying the zoomed decoration cover image in the actual display area.
6. The method of claim 1, wherein the cover decoration item comprises a cover decoration animation, the displaying the decoration cover image in a display interface comprising:
statically displaying the decorative cover image in the display interface;
responding to a click command aiming at the decorative cover image, dynamically displaying a cover decoration animation in the cover decoration image, and displaying a display interface of an object corresponding to the decorative cover image after dynamically displaying the cover decoration animation.
7. The method of claim 1, wherein the number of cover images loaded in the display interface is M, and the obtaining of the decoration cover image comprises:
determining N first target cover images from the M cover images based on a target cover image selection rule, M, N being positive integers with N being less than or equal to M;
acquiring decoration cover images corresponding to the N first target cover images;
the displaying the decoration cover image in a display interface includes:
and displaying the decoration cover images corresponding to the N first target cover images in the display interface.
8. The method of claim 7, further comprising:
and displaying an original cover image corresponding to a second target cover image in the display interface, wherein the second target cover image is a cover image left by removing the N first target cover images in the M cover images.
9. The method of claim 7, wherein determining N first target cover images from the M cover images based on a target cover image selection rule comprises:
acquiring the heat value of an object corresponding to each of the M cover images;
determining the N first target cover images from the M cover images according to the magnitude of the heat value.
10. A cover display device, the device comprising:
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a decorative cover image when a cover image is loaded on a display interface, and the decorative cover image is obtained by decorating an original cover image by using a cover decoration item;
and the display module is used for displaying the decorative cover image in the display interface.
11. An electronic device comprising a processor and a memory; one or more programs are stored in the memory and configured to be executed by the processor to implement the method of any of claims 1-9.
12. A computer-readable storage medium, having program code stored therein, wherein the program code when executed by a processor performs the method of any of claims 1-9.
CN202110302903.5A 2021-03-22 2021-03-22 Cover display method and device, electronic equipment and storage medium Pending CN113518233A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110302903.5A CN113518233A (en) 2021-03-22 2021-03-22 Cover display method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110302903.5A CN113518233A (en) 2021-03-22 2021-03-22 Cover display method and device, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
CN113518233A true CN113518233A (en) 2021-10-19

Family

ID=78061998

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110302903.5A Pending CN113518233A (en) 2021-03-22 2021-03-22 Cover display method and device, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN113518233A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114827643A (en) * 2021-12-29 2022-07-29 广州方硅信息技术有限公司 Live broadcast room approach method and device based on cover wiping drawing and computer equipment
CN115065838A (en) * 2022-05-31 2022-09-16 广州方硅信息技术有限公司 Live broadcast room cover interaction method, system and device and electronic equipment

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105159639A (en) * 2015-08-21 2015-12-16 小米科技有限责任公司 Audio cover displaying method and apparatus
CN106293723A (en) * 2016-08-03 2017-01-04 北京金山安全软件有限公司 Method, device and equipment for manufacturing live broadcast cover
CN106998477A (en) * 2017-04-05 2017-08-01 腾讯科技（深圳）有限公司 The front cover display methods and device of live video
CN107577514A (en) * 2017-09-20 2018-01-12 广州市千钧网络科技有限公司 A kind of irregular figure layer cuts joining method and system
CN109413483A (en) * 2018-11-29 2019-03-01 北京字节跳动网络技术有限公司 Method for previewing, device, equipment and the medium of live content
CN109525853A (en) * 2018-11-29 2019-03-26 北京字节跳动网络技术有限公司 Direct broadcasting room cover methods of exhibiting, device, terminal, server and readable medium
CN109547819A (en) * 2018-11-23 2019-03-29 广州虎牙信息科技有限公司 List methods of exhibiting, device and electronic equipment is broadcast live
CN109640188A (en) * 2018-12-28 2019-04-16 北京微播视界科技有限公司 Video previewing method, device, electronic equipment and computer readable storage medium
CN110276723A (en) * 2018-03-13 2019-09-24 腾讯科技（深圳）有限公司 A kind of head portrait pendant generation method, device and relevant device
CN111935505A (en) * 2020-07-29 2020-11-13 广州华多网络科技有限公司 Video cover generation method, device, equipment and storage medium

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105159639A (en) * 2015-08-21 2015-12-16 小米科技有限责任公司 Audio cover displaying method and apparatus
CN106293723A (en) * 2016-08-03 2017-01-04 北京金山安全软件有限公司 Method, device and equipment for manufacturing live broadcast cover
CN106998477A (en) * 2017-04-05 2017-08-01 腾讯科技（深圳）有限公司 The front cover display methods and device of live video
CN107577514A (en) * 2017-09-20 2018-01-12 广州市千钧网络科技有限公司 A kind of irregular figure layer cuts joining method and system
CN110276723A (en) * 2018-03-13 2019-09-24 腾讯科技（深圳）有限公司 A kind of head portrait pendant generation method, device and relevant device
CN109547819A (en) * 2018-11-23 2019-03-29 广州虎牙信息科技有限公司 List methods of exhibiting, device and electronic equipment is broadcast live
CN109413483A (en) * 2018-11-29 2019-03-01 北京字节跳动网络技术有限公司 Method for previewing, device, equipment and the medium of live content
CN109525853A (en) * 2018-11-29 2019-03-26 北京字节跳动网络技术有限公司 Direct broadcasting room cover methods of exhibiting, device, terminal, server and readable medium
CN109640188A (en) * 2018-12-28 2019-04-16 北京微播视界科技有限公司 Video previewing method, device, electronic equipment and computer readable storage medium
CN111935505A (en) * 2020-07-29 2020-11-13 广州华多网络科技有限公司 Video cover generation method, device, equipment and storage medium

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114827643A (en) * 2021-12-29 2022-07-29 广州方硅信息技术有限公司 Live broadcast room approach method and device based on cover wiping drawing and computer equipment
CN114827643B (en) * 2021-12-29 2024-03-12 广州方硅信息技术有限公司 Live broadcasting room approach method and device based on cover wiping drawing and computer equipment
CN115065838A (en) * 2022-05-31 2022-09-16 广州方硅信息技术有限公司 Live broadcast room cover interaction method, system and device and electronic equipment

Similar Documents

Publication Publication Date Title
US11601719B2 (en) Method for processing television screenshot, smart television, and storage medium
CN111212250B (en) Smart television and display method of graphical user interface of television picture screenshot
CN111405343A (en) Live broadcast interaction method and device, electronic equipment and storage medium
CN108174272B (en) Method and device for displaying interactive information in live broadcast, storage medium and electronic equipment
CN111246232A (en) Live broadcast interaction method and device, electronic equipment and storage medium
CN112905074B (en) Interactive interface display method, interactive interface generation method and device and electronic equipment
CN107592577B (en) Method and system for displaying bullet screen information, mobile terminal and smart television
CN111242682B (en) Article display method
CN111314730A (en) Virtual resource searching method, device, equipment and storage medium for live video
CN113518233A (en) Cover display method and device, electronic equipment and storage medium
CN111327916B (en) Live broadcast management method, device and equipment based on geographic object and storage medium
CN113518264A (en) Interaction method, device, terminal and storage medium
CN108521595A (en) Position method, apparatus and smart television are recommended in selection based on interactive voice
CN113573090A (en) Content display method, device and system in game live broadcast and storage medium
CN114302160B (en) Information display method, device, computer equipment and medium
CN113938696B (en) Live broadcast interaction method and system based on custom virtual gift and computer equipment
CN115190366A (en) Information display method and device, electronic equipment and computer readable medium
CN111382355A (en) Live broadcast management method, device and equipment based on geographic object and storage medium
CN108540851A (en) Position method, apparatus and smart television are recommended in selection based on interactive voice
KR20190061871A (en) Method for providing live streaming image with advertsiement image, electronic device and advertisement management server
CN113568551A (en) Picture saving method and device
CN116400997B (en) Method, device, equipment and storage medium for displaying multimedia resources
CN113382272B (en) Data playing method and device, electronic equipment and storage medium
CN114268809B (en) Public screen control method and device in live broadcasting room, computer equipment and medium
CN111079051B (en) Method and device for playing display content

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination