Information display method, device, electronic device and storage medium

Abstract

The present disclosure relates to an information display method, device, electronic device, and storage medium. The method includes: displaying a cover display page of a multimedia resource, wherein the cover display page displays a vector diagram composed of a plurality of cover layouts; displaying a first area of ​​the vector diagram on the screen of the terminal; and displaying a second area of ​​the vector diagram on the screen in response to a switching area browsing operation on the vector diagram; the second area is the area to which the switching area browsing operation switches. According to the technical solution provided by the present disclosure, cover browsing can be performed like an electronic map with arbitrary dragging and zooming switching area browsing operations, thereby improving the screening efficiency of cover browsing of multimedia resources.

Description

Technical Field

[0001] The present disclosure relates to the field of Internet application technology, and in particular to an information display method, device, electronic device, and storage medium. Background Art

[0002] With the development of Internet applications, Internet-based multimedia interactions have also attracted much attention. For example, more and more users are using multimedia applications such as short videos. In order to facilitate users to browse and select their favorite short videos, a page displaying short video covers will be set up, so that users can watch their favorite short videos by browsing and filtering covers. In related technologies, the page displaying short video covers generally displays one or two columns of covers, and provides up and down sliding to browse more covers. On the one hand, the displayed covers are not rich enough and the cover browsing is not flexible enough, resulting in low efficiency in multimedia resource screening. In addition, swiping left and right will cause switching to other pages, which is prone to page switching errors and poor browsing experience. Summary of the Invention

[0003] The present disclosure provides an information display method to at least solve the problem of improving the efficiency and user experience of browsing multimedia resource covers in the related art, so that cover browsing can be dragged and zoomed as easily as an electronic map. The technical solution of the present disclosure is as follows:

[0004] According to a first aspect of an embodiment of the present disclosure, there is provided an information display method, comprising:

[0005] Displaying a cover display page of a multimedia resource, wherein the cover display page displays a vector diagram consisting of a plurality of cover layouts; a first area of ​​the vector diagram is displayed on the screen of the terminal;

[0006] In response to a switching area browsing operation on the vector graph, a second area of ​​the vector graph is displayed on the screen; the second area is the area to which the switching area browsing operation switches.

[0007] In a possible implementation, the method further includes:

[0008] In response to a triggering operation on the first cover in the vector image, the first cover and associated covers are displayed on the screen, where the associated covers refer to covers that are associated with the position of the first cover in the arrangement layout in the vector image; the first cover is any cover displayed on the screen.

[0009] In one possible implementation, the arrangement layout is a column layout, the number of columns displaying covers on the screen is a first number of columns, and the first cover belongs to the first number of columns; and in response to a triggering operation on the first cover in the vector image, displaying the first cover and associated covers on the screen includes:

[0010] In response to a triggering operation on the first cover, the screen switches to displaying the first cover and the associated cover in a layout of a second number of columns, where the second number of columns is smaller than the first number of columns.

[0011] In a possible implementation, the method further includes:

[0012] The size of the cover in the second number column is enlarged to be larger than the size of the cover in the first number column, and when the enlarged size is greater than or equal to the preset size, multimedia detail information is displayed in the cover of the second number column.

[0013] In a possible implementation, the method further includes:

[0014] When the cover displayed on the screen is restored to the first number of columns, the multimedia detail information is hidden.

[0015] In one possible implementation, the first number of columns is three columns, and the second number of columns includes a first column where the first cover is located and a second column consisting of covers in the associated covers except the covers in the first column.

[0016] In a possible implementation, the method further includes:

[0017] In response to the triggering operation on the second cover, a multimedia playback page is entered, and multimedia resources corresponding to the second cover are played on the multimedia playback page; the second cover is the first cover or any of the associated covers.

[0018] In a possible implementation, the second area is at least one of the following:

[0019] In a case where the switching area browsing operation is a zoom-in operation, the second area is a sub-area of ​​the first area displayed on the screen after being enlarged;

[0020] In a case where the switching area browsing operation is a zoom-out operation, the second area includes the first area and an incremental area, and the incremental area is an area displayed on the screen by zooming out of the vector graph;

[0021] In a case where the switching area browsing operation is a drag operation, the second area is an area dragged into the screen in response to the drag operation on the vector image.

[0022] In a possible implementation, the method further includes:

[0023] In response to a triggering operation on the first cover in the vector diagram, a multimedia playback page is entered, and multimedia resources corresponding to the first cover are played on the multimedia playback page; the first cover is any one of the multiple covers.

[0024] In a possible implementation, in response to a triggering operation on the first cover in the vector image, displaying the first cover and associated covers on the screen includes:

[0025] In response to a triggering operation on the first cover in the vector image, the first cover and the associated cover are displayed on the screen, and the first cover is enlarged.

[0026] In one possible implementation, the area of ​​the cover in the vector diagram is positively correlated with the target matching degree, where the target matching degree refers to the matching degree between the cover and the target account; the target account is the account that triggers access to the cover display page.

[0027] According to a second aspect of an embodiment of the present disclosure, there is provided an information display device, comprising:

[0028] a cover display module configured to execute displaying a cover display page of a multimedia resource, wherein the cover display page displays a vector diagram consisting of a plurality of cover arrangements; a first area of ​​the vector diagram is displayed on a screen of the terminal;

[0029] The switching browsing module is configured to execute a switching area browsing operation on the vector diagram and display a second area of ​​the vector diagram on the screen; the second area is the area to which the switching area browsing operation switches.

[0030] In a possible implementation, the apparatus further includes:

[0031] The first cover trigger module is configured to display the first cover and the associated cover on the screen in response to a trigger operation on the first cover in the vector diagram, wherein the associated cover refers to a cover associated with the position of the first cover in the arrangement layout in the vector diagram; the first cover is any cover displayed on the screen.

[0032] In a possible implementation, the arrangement layout is a column layout, the number of columns displaying covers on the screen is a first number of columns, and the first cover belongs to the first number of columns; the first cover triggering module includes:

[0033] The first cover trigger unit is configured to execute a trigger operation on the first cover, switching the screen to display the first cover and the associated cover in a layout of a second number of columns, where the second number of columns is smaller than the first number of columns.

[0034] In one possible implementation, the cover trigger unit is further configured to enlarge the size of the cover in the second number column to be larger than the size of the cover in the first number column, and to display multimedia detail information in the cover of the second number column when the enlarged size is greater than or equal to the preset size.

[0035] In a possible implementation, the apparatus further includes:

[0036] The column number recovery module is configured to hide the multimedia detail information when the cover displayed on the screen is restored to the first number of columns.

[0037] In one possible implementation, the first number of columns is three columns, and the second number of columns includes a first column where the first cover is located and a second column consisting of covers in the associated covers except the covers in the first column.

[0038] In a possible implementation, the apparatus further includes:

[0039] The second cover trigger module is configured to enter the multimedia playback page in response to the trigger operation of the second cover, and play the multimedia resources corresponding to the second cover on the multimedia playback page; the second cover is the first cover or any of the associated covers.

[0040] In a possible implementation, the second area is at least one of the following:

[0041] In a case where the switching area browsing operation is a zoom-in operation, the second area is a sub-area of ​​the first area displayed on the screen after being enlarged;

[0042] In a case where the switching area browsing operation is a zoom-out operation, the second area includes the first area and an incremental area, and the incremental area is an area displayed on the screen by zooming out of the vector graph;

[0043] In a case where the switching area browsing operation is a drag operation, the second area is an area dragged into the screen in response to the drag operation on the vector image.

[0044] In a possible implementation, the apparatus further includes:

[0045] The third cover trigger module is configured to enter a multimedia playback page in response to a trigger operation on the first cover in the vector diagram, and play multimedia resources corresponding to the first cover on the multimedia playback page; the first cover is any one of the multiple covers.

[0046] In a possible implementation, the first cover triggering module includes:

[0047] The second cover triggering unit is configured to execute a triggering operation in response to the first cover in the vector image, display the first cover and the associated cover on the screen, and enlarge the first cover.

[0048] In one possible implementation, the area of ​​the cover in the vector diagram is positively correlated with the target matching degree, where the target matching degree refers to the matching degree between the cover and the target account; the target account is the account that triggers access to the cover display page.

[0049] According to a third aspect of an embodiment of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement a method as described in any one of the first aspects above.

[0050] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is capable of executing any method described in the first aspect of the embodiment of the present disclosure.

[0051] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, comprising computer instructions, which, when executed by a processor, enable a computer to execute any one of the methods according to the first aspect of the embodiment of the present disclosure.

[0052] The technical solutions provided by the embodiments of the present disclosure bring at least the following beneficial effects:

[0053] By displaying the cover display page of the multimedia resource, a vector diagram consisting of a plurality of covers arranged in a layout is displayed on the cover display page; the first area of ​​the vector diagram is displayed on the screen of the terminal. In this way, by setting a large number of covers to form an overall vector diagram, flexible display and browsing with arbitrary dragging and zooming like an electronic map is achieved, so that the number of browsable covers is not limited, which can improve the efficiency of screening multimedia resources; and in response to the switching area browsing operation of the vector diagram, the second area of ​​the vector diagram is displayed on the screen; the second area is the area to which the switching area browsing operation switches, so that the covers of different areas in the overall vector diagram can be switched and browsed on the cover display page, effectively avoiding the erroneous operation of page switching, and providing a better cover browsing experience for multimedia resources.

[0054] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0055] The accompanying drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute an improper limitation of the present disclosure.

[0056] Figure 1 It is a schematic diagram showing an application environment according to an exemplary embodiment.

[0057] Figure 2 The figure is a flowchart of an information display method according to an exemplary embodiment.

[0058] Figure 3 The figure is a schematic diagram of a cover display page according to an exemplary embodiment.

[0059] Figure 4 The figure is a schematic diagram showing switching of a vector diagram display when the switching area browsing operation is a drag operation according to an exemplary embodiment.

[0060] Figure 5 The diagram is a schematic diagram showing switching of a vector diagram display when the switching area browsing operation is a zoom operation according to an exemplary embodiment.

[0061] Figure 6 It is a schematic diagram showing a display of a triggered cover according to an exemplary embodiment.

[0062] Figure 7 It is a schematic diagram showing another trigger cover according to an exemplary embodiment.

[0063] Figure 8The figure is a block diagram of an information display device according to an exemplary embodiment.

[0064] Figure 9 The block diagram shows an electronic device for information presentation according to an exemplary embodiment.

[0065] Figure 10 The block diagram of an electronic device for information display is shown based on an exemplary embodiment. DETAILED DESCRIPTION

[0066] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0067] It should be noted that the terms "first," "second," and the like in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or precedence. It should be understood that the numbers used in this manner are interchangeable where appropriate so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure as detailed in the appended claims.

[0068] Artificial Intelligence (AI) is the theory, methods, techniques, and application systems that use digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use that knowledge to achieve optimal results. AI software technologies primarily encompass computer vision, speech processing, natural language processing, and machine learning / deep learning.

[0069] In recent years, with the research and progress of artificial intelligence technology, artificial intelligence technology has been widely used in many fields. The solutions provided in the embodiments of this application involve technologies such as machine learning / deep learning, which are specifically illustrated by the following embodiments.

[0070] See also Figure 1 , Figure 1 is a schematic diagram showing an application environment according to an exemplary embodiment. Figure 1 As shown, the application environment may include a server 01 and a terminal 02 .

[0071] In an optional embodiment, terminal 02 can be used for information display processing. Specifically, terminal 02 may include, but is not limited to, electronic devices such as smartphones, desktop computers, tablet computers, laptop computers, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, and smart wearable devices. Optionally, the operating system running on the electronic device may include, but is not limited to, Android, iOS, Linux, Windows, and the like.

[0072] In an optional embodiment, server 01 can be used to provide background support for information display. Specifically, server 01 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers. It can also be a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms.

[0073] In addition, it should be noted that Figure 1 What is shown is merely one application environment of the information display method provided by the present disclosure.

[0074] In the embodiments of this specification, the server 01 and the terminal 02 may be connected directly or indirectly via wired or wireless communication, and this application does not impose any limitation thereto.

[0075] It should be noted that the following figure shows a possible order of steps, which is not actually limited to this order. Some steps can be executed in parallel without relying on each other. The user information (including but not limited to user device information, user personal information, user behavior information, etc.) and data (including but not limited to data for display, data for training, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0076] Figure 2 This is a flow chart of an information display method according to an exemplary embodiment, which can be applied to a terminal. Figure 2 As shown, the following steps may be included.

[0077] In step S201, a cover display page of a multimedia resource is displayed, wherein a vector image consisting of a plurality of covers arranged in a layout is displayed on the cover display page.

[0078] In the embodiments of this specification, the cover display page may refer to a page for displaying the covers of multimedia resources, so that users can browse and filter the multimedia resources corresponding to their preferred covers. The multiple covers displayed in the cover display page can be a whole vector image like the map canvas of an electronic map. The multiple covers can be dragged or scaled as a whole without distortion; or they can be scaled locally without distortion. In one example, the cover can be a static cover or a dynamic cover, which is not limited in this disclosure; and the sizes of the multiple covers can be the same or different, and the shapes of the covers can be the same or different, which is not limited in this disclosure.

[0079] Among them, the first area in the vector image can be displayed on the screen of the terminal. Exemplarily, when entering the cover display page, or before performing a switch area browsing operation, the partial area of ​​the vector image displayed on the screen can be called the first area. Optionally, since there are a large number of covers in the vector image, when entering the cover display page, the area where the cover that matches the target account is located in the vector image can be displayed on the screen, that is, the cover in the first area can be the cover that matches the target account, for example, it can be a cover that meets the matching condition with the target account. Among them, the target account can refer to the account that triggers entry into the cover display page.

[0080] In one example, the arrangement layout may be a row-based layout or a random layout, and the present disclosure does not limit this, as long as each cover is not blocked and can be effectively displayed.

[0081] In another example, in order to continue the display method in existing multimedia applications, such as the display method in a single-column or double-column video stream in a short video application, the above arrangement layout can be set to a column layout, and the number of columns for displaying the cover on the screen can be a first number of columns. For example, the first number of columns can be three columns, such as Figure 3 In order to clearly display each cover and display as many covers as possible, select Figure 3 The three-column display method shown is based on the display test, which is the best display method that balances the visual experience and the number of covers displayed on the screen at one time. Based on this, the three-column display method can be the default display method. Optionally, the user can freely zoom to change the number of columns displayed on the screen. Figure 3For example, assuming the matching condition is the highest match, if cover 6 has the highest match with the target account, then cover 6 can be displayed in the center of the screen for easy browsing. Accordingly, the covers in the first area can be cover 6 and the covers surrounding cover 6. Alternatively, the matching condition can refer to the covers ranked in the top N by matching degree. In this way, the top N covers can be arranged and displayed from the center of the screen to the edge of the screen according to the matching degree. Covers with higher matching degrees are closer to the center of the screen, and covers with lower matching degrees are farther away from the center of the screen. The value of N can be an integer greater than or equal to 1.

[0082] In one example, the target account can enter a multimedia application, and in the multimedia application, the page navigation key can be used to switch pages, such as clicking Figure 3 Press the "Circle" page navigation key to enter the cover display page corresponding to the "Circle" to browse the covers of a large number of multimedia resources, so that you can filter the multimedia resources for viewing.

[0083] It should be noted that Figure 3 This is only an example of the cover display page and does not limit the present disclosure. The sizes of the multiple covers can be the same or different, the shapes of the multiple covers can be the same or different, and the arrangement and layout are not limited. As an example, the area of ​​each cover in the vector graph can be positively correlated with the target matching degree, and the target matching degree can refer to the matching degree between each cover and the target account; the target account is the account that triggers access to the cover display page. That is to say, when the sizes of the multiple covers (display size, that is, the area in the vector graph) are different, the sizes of the multiple covers can be set to be positively correlated with the target matching degree of the target account. For example, the higher the target matching degree, the larger the size of the cover, that is, the larger the area occupied in the vector graph, so that it is easier to be followed and browsed by the target account. By setting the area of ​​each cover in the vector graph to be positively correlated with the target matching degree, covers with higher matching degrees can be more easily noticed, thereby improving the cover browsing efficiency of multimedia resources.

[0084] In an optional embodiment, the above-mentioned target matching processing can be obtained based on a matching prediction model, and the matching prediction model can be obtained by supervised training of a preset machine learning model based on a large amount of sample training data. Each sample training data can include sample data and corresponding matching labels. The sample data can include sample cover and sample account. The matching label can be match or mismatch, and the present disclosure does not limit this.

[0085] In step S203, in response to the switching area browsing operation on the vector diagram, a second area of ​​the vector diagram is displayed on the screen; the second area is the area switched to by the switching area browsing operation.

[0086] In one example, the switching area browsing operation may include but is not limited to: zooming in, zooming out, dragging, etc., which are not limited in this disclosure. Figure 5 The zoom operation may include sliding two fingers toward each other, etc. The drag operation may include dragging the vector map in any direction, such as dragging to the left, dragging to the right, or for example Figure 4 Drag operations such as sliding to the lower left as shown. Figure 4 and Figure 5 As shown, when switching regions of a vector map, the cover browsing method based on the vector map allows unlimited dragging to browse the covers in the cover display page corresponding to the "circle" without accidentally switching to other pages. For example, in the prior art, a left or right swipe operation will switch to other pages corresponding to other navigation keys, while the embodiment of the present disclosure can still maintain the currently browsed cover display page without accidentally switching to other pages. The covers of different areas in the vector map can be browsed just like browsing different areas in an electronic map.

[0087] by Figure 4 For example, you can drag to the lower left on the screen, which constitutes a drag operation on the vector map. In response to the drag operation on the vector map, the second area of ​​the vector map can be displayed on the screen, that is, the area to which the drag operation is switched, for example, from Figure 4 The display of the left image switches to Figure 4 The picture on the right shows.

[0088] by Figure 5 For example, a zoom operation on the vector diagram can be performed on the screen. In response to the zoom operation on the vector diagram, a second area of ​​the vector diagram, that is, the area to which the zoom operation is switched, can be displayed on the screen. Figure 5 The display of the left image switches to Figure 5 In the picture on the right, the cover size is magnified.

[0089] For example, the second area may be at least one of the following: when the switching area browsing operation is a zoom operation, the second area may be a sub-area displayed on the screen after the first area is enlarged. Figure 5 As shown, Figure 5 The second area of ​​the screen showing the vector diagram on the right is Figure 5The left figure shows a partial area of ​​the first area of ​​the vector map displayed on the screen, i.e., a sub-area. Alternatively, when the switching area browsing operation is a zooming operation, the second area may include the first area and the incremental area, and the incremental area may be an area displayed on the screen incrementally by zooming out of the vector map. Alternatively, when the switching area browsing operation is a dragging operation, the second area may be an area dragged into the screen in response to the dragging operation on the vector map. Figure 4 As shown, after dragging to the lower left, the area hidden in the upper right will be dragged into the screen, and the area in the lower left will be hidden, that is, not displayed on the screen. Figure 4 As shown in the display from the left picture to the right picture. By setting the switching area browsing operation, multiple ways of area switching browsing can be realized, and the cover browsing is richer, more flexible and convenient. Optionally, in the case of a zoom operation, the multimedia detail information of the multimedia resource corresponding to the cover can be incrementally displayed in the cover, that is, when the cover size is large, more abundant information about the multimedia resource can be displayed, such as the number of likes, title, description and other detailed information. The present disclosure is not limited to this, as long as it is easy to understand the multimedia resource. In an example, when the cover size is large, it may mean that the cover size reaches a preset size. The present disclosure does not limit the preset size. In an optional example, the multimedia detail information includes multiple detailed information, such as the number of likes, title, description and other detailed information. Based on this, in the process of gradually increasing the size of the cover, multiple detailed information can be gradually displayed from one detailed information. For example, multiple preset sizes can be set, so that in the order of multiple preset sizes from small to large, one additional detailed information can be displayed each time a preset size is reached.

[0090] By displaying the cover display page of the multimedia resource, a vector diagram consisting of a plurality of covers arranged in a layout is displayed on the cover display page; the first area of ​​the vector diagram is displayed on the screen of the terminal. In this way, by setting a large number of covers to form an overall vector diagram, flexible display and browsing with arbitrary dragging and zooming like an electronic map is achieved, so that the number of browsable covers is not limited, which can improve the efficiency of screening multimedia resources; and in response to the switching area browsing operation of the vector diagram, the second area of ​​the vector diagram is displayed on the screen; the second area is the area to which the switching area browsing operation switches, so that the covers of different areas in the overall vector diagram can be switched and browsed on the cover display page, effectively avoiding the erroneous operation of page switching, and providing a better cover browsing experience for multimedia resources.

[0091] In the embodiments of this specification, the cover in the vector image can be regarded as a place or position in the electronic map, and the place or position can be selected and located by triggering, so that the place or position can be viewed. Figure 6In one possible implementation, a certain cover can be triggered to select or view a certain cover. For example, when a certain cover in the cover display page is triggered, the user can directly jump to the multimedia playback page to play the multimedia resources corresponding to the certain cover. This allows the browsing operation of multimedia resources to have a short path, reducing operation time and complexity. Based on this, the method may also include: in response to the triggering operation of the first cover in the vector image, entering the multimedia playback page, and playing the multimedia resources corresponding to the first cover on the multimedia playback page; the first cover may be any one of the multiple covers. For example, taking the multimedia resource as a short video as an example, referring to Figure 6 , you can click on the cover 11 in the cover display page, and then jump to the multimedia playback page, where you can play the short video corresponding to the cover 11, such as Figure 6 As shown in the figure on the right, you can watch the short video and perform interactive operations such as sharing based on the interactive controls on the right. Optionally, if you want to watch other short videos, you can click the return control in the upper left corner, for example Figure 6 Click the "<" in the upper left corner to return to the cover display page and select other covers to watch other short videos.

[0092] See also Figure 7In one possible implementation, when a certain cover in the cover display page is triggered, it is possible not to jump directly to the multimedia playback page, but to display the certain cover and the associated cover, and to enlarge the size of the cover, which can provide an opportunity to filter the cover again, that is, to provide a progressive cover filtering mechanism, so that the filtering can be more accurate and convenient, and can also effectively reduce the probability of switching back from the multimedia player page to the cover display page for reselection, saving processing resources, and being more flexible and reasonable. Based on this, the method may also include: in response to a triggering operation on the first cover in the vector diagram, displaying the first cover and the associated cover on the screen, where the associated cover may refer to a cover that is associated with the position of the first cover in the arrangement layout in the vector diagram; the first cover may be any cover displayed on the screen. In the embodiments of this specification, the triggering operation may include a click operation, a selection gesture operation, etc., which is not limited in this disclosure. Position association can refer to proximity. For example, position association can refer to a distance from the first cover on the vector diagram being less than a preset distance. The present disclosure does not limit the preset distance. Alternatively, in the case where the covers in the vector diagram are arranged in columns, position association can refer to the first column where the first cover is located being close to the second column where the associated cover that does not belong to the first column is located, such as other columns close to the first column. For example, the first column and the second column can be adjacent in the vector diagram. Accordingly, the covers displayed on the screen in the adjacent first and second columns include the first cover and the associated cover. Optionally, in the case of displaying in columns, it is also possible to first select the associated cover whose distance from the first cover on the vector diagram is less than a preset distance, thereby dynamically dividing the associated cover and the first cover into two columns. In other words, the second column can be dynamically constructed. Taking the trigger operation as a click operation as an example, the first cover in the vector diagram can be clicked. Accordingly, in response to the click operation on the first cover in the vector diagram, the first cover and the cover associated with the position of the first cover in the vector diagram in the arrangement layout can be displayed on the screen.

[0093] For example, see Figure 7 , you can Figure 7 Click on cover 11 in the upper left image to switch to display cover 11 and other covers adjacent to cover 11, such as cover 5, cover 12, cover 6, cover 10, and cover 16. Cover 16 can be seen in Figure 5 , which is the cover adjacent to the right side of cover 11.

[0094] In an optional embodiment, the multiple covers in the vector image can be arranged in columns, that is, the above arrangement layout is a column layout, such as Figure 3As shown. The number of columns for displaying covers on the screen may be a first number of columns, such as three columns, and the first cover belongs to the covers of the first number of columns. Accordingly, the above-mentioned display of the first cover and associated covers on the screen in response to the triggering operation on the first cover in the vector diagram may include: in response to the triggering operation on the first cover, switching to displaying the first cover and associated covers in a layout of a second number of columns on the screen, wherein the second number of columns may be smaller than the first number of columns. The display of the first cover is retained when the number of columns is switched, so that the triggered cover can be guaranteed to remain in the screen area, pending further screening by the target account. For example, as Figure 7 As shown, Figure 7 The top left image shows the cover in a three-column layout. Figure 7 Click on cover 11 in the upper left picture to switch to displaying the cover in two columns, that is, displaying the first cover and related covers in two columns, such as Figure 7 As shown in the upper right picture.

[0095] Optionally, in response to a triggering operation on the first cover in the vector image, when the first cover and associated covers are displayed on the screen, the method may further include: enlarging the size of the cover in the second number column to be larger than the size of the cover in the first number column, and displaying multimedia detail information in the cover of the second number column when the enlarged size is greater than or equal to the preset size. Considering that in actual applications, clicking on the cover is generally an operation performed under certain preferences, the size of the cover can be enlarged while switching the number of columns, so that the user can understand the cover more clearly, so as to further efficiently and accurately filter the preferred multimedia resources through the cover. Among them, the preset size can be pre-set, and this is not limited in this disclosure. And multimedia detail information can be displayed in the cover of the second number column. For example, the multimedia detail information can include multiple detailed information, such as the number of likes, title, description and other detailed information. Optionally, the preset size can include multiple types. For example, multiple preset sizes can be set, so that each time a preset size is reached, an additional detailed information can be displayed to achieve a gradual display from one detailed information to multiple detailed information.

[0096] For example, referring to Figure 7 For example, if the first quantity is three columns and the second quantity is two columns, when the three-column layout is used, click on the cover 11, and the display can be switched to two columns, providing a basis for enlarging the size of the cover. Based on this, the size of the cover can be enlarged, that is, the display size is enlarged to facilitate a more detailed understanding of the multimedia resources corresponding to the cover. In addition, multimedia detailed information, such as description information, such as tags, etc., can be displayed on the cover. Figure 7 As shown in the upper right picture.

[0097] In an alternative embodiment, the second number of columns may include the first column containing the first cover and a second column consisting of the associated covers other than the cover in the first column. That is, the covers in the second column may be dynamically constructed from the associated covers. Alternatively, the second column may be any column in the vector graphics other than the first column, for example, the second column adjacent to the first column in the vector graphics. Based on this, the first cover and the associated covers may be the covers displayed on the screen in the first and second columns.

[0098] In an optional embodiment, the method may further include: hiding the multimedia details when the cover displayed on the screen is restored to the first number of columns. Restoring the cover to the first number of columns can be triggered by a preset restore gesture, triggering a restore control, etc., which is not limited by this disclosure. By setting the column number restoration function, it is possible to easily restore to the default number of columns, making operation more convenient and efficient.

[0099] Reference Figure 7 In a possible implementation, the method may further include: in response to a trigger operation on the second cover, entering a multimedia playback page, and playing the multimedia resources corresponding to the second cover on the multimedia playback page; the second cover is the first cover or any associated cover. The trigger operation may include but is not limited to a click operation, a long press operation, etc. For example, in Figure 7 In the upper-right image, click cover 11 to enter the multimedia playback page, where you can play the multimedia resources corresponding to cover 11, such as the short video corresponding to cover 11. By reducing the number of columns or displaying multimedia details on the cover before triggering the cover to enter the multimedia playback page, multimedia resource selection is more accurate and multimedia resource playback is more efficient.

[0100] In an application example, when entering a multimedia application, you can click the "Circle" navigation key to display the cover display page of the multimedia resource. The cover display page displays a vector diagram composed of multiple cover layouts, such as Figure 3 As shown, the first area of ​​the vector image is displayed on the screen of the terminal. For example, if the cover in the first area matches the target account and meets the matching condition, the first area is displayed on the screen of the terminal. In response to the switching area browsing operation on the vector image, the second area of ​​the vector image can be displayed on the screen. The second area is the area switched to by the switching area browsing operation, for example Figure 4 and Figure 5 See Figure 7, you can click on cover 11, and in response to the triggering operation on cover 11, you can display cover 11 and related covers on the screen, such as covers that are associated with the position of cover 11 in the layout in the vector diagram, such as covers close to cover 11, or some covers in the adjacent column to the first column where cover 11 is located. For example, click on cover 11, and in response to the triggering operation on cover 11, the screen switches to displaying the covers in two columns, for example, the two columns can be the first column where cover 11 is located and the second column adjacent to the first column. Specifically, the covers displayed on the screen can be the area in the first column where cover 11 is located and the area in the second column close to cover 11, such as Figure 7 In addition, in the case of two-column display, the cover size can be enlarged to be larger than the cover size in the three-column display. Based on this, when the enlarged size is greater than or equal to the preset size, multimedia details information, such as the label of the multimedia resource, can be displayed in the cover of the two-column display. Figure 7 Furthermore, if the target account still likes the multimedia resource corresponding to cover 11 after browsing the multimedia details, it can Figure 7 Click on cover 11 in the upper right picture to enter the multimedia playback page and play the short video corresponding to cover 11. By setting a large number of covers to form an overall vector diagram, flexible display and browsing of arbitrary dragging and zooming like an electronic map can be achieved, so that the number of browsable covers is not limited, and the browsing method is more flexible and diverse, which can improve the efficiency of screening multimedia resources; and in response to the switching area browsing operation of the vector diagram, the second area of ​​the vector diagram is displayed on the screen, and the second area is the area switched to by the switching area browsing operation, so that the covers of different areas in the overall vector diagram can be switched and browsed in the cover display page, effectively avoiding the misoperation of page switching, so that the vector diagram can be dragged or zoomed at will to browse the cover at will, and the number of columns can be switched and the cover can be enlarged to understand the multimedia resource corresponding to the cover in more detail, thereby improving the efficiency of cover browsing and the efficiency of screening multimedia resources.

[0101] Figure 8 FIG. 1 is a block diagram of an information display device according to an exemplary embodiment. Figure 8 , the information display device may include:

[0102] The cover display module 801 is configured to execute displaying a cover display page of a multimedia resource, wherein the cover display page displays a vector diagram consisting of a plurality of cover arrangements; a first area of ​​the vector diagram is displayed on the screen of the terminal;

[0103] The switching browsing module 803 is configured to execute a switching area browsing operation on the vector diagram and display a second area of ​​the vector diagram on the screen; the second area is the area switched to by the switching area browsing operation.

[0104] By displaying the cover display page of the multimedia resource, a vector diagram consisting of a plurality of covers arranged in a layout is displayed on the cover display page; the first area of ​​the vector diagram is displayed on the screen of the terminal. In this way, by setting a large number of covers to form an overall vector diagram, flexible display and browsing with arbitrary dragging and zooming like an electronic map is achieved, so that the number of browsable covers is not limited, which can improve the efficiency of screening multimedia resources; and in response to the switching area browsing operation of the vector diagram, the second area of ​​the vector diagram is displayed on the screen; the second area is the area to which the switching area browsing operation switches, so that the covers of different areas in the overall vector diagram can be switched and browsed on the cover display page, effectively avoiding the erroneous operation of page switching, and providing a better cover browsing experience for multimedia resources.

[0105] In a possible implementation, the apparatus may further include:

[0106] The first cover trigger module is configured to display the first cover and the associated cover on the screen in response to a trigger operation on the first cover in the vector diagram, wherein the associated cover refers to a cover associated with the position of the first cover in the arrangement layout in the vector diagram; the first cover is any cover displayed on the screen.

[0107] In a possible implementation, the arrangement layout is a column layout, the number of columns displaying covers on the screen is a first number of columns, and the first cover belongs to the first number of columns; the first cover triggering module includes:

[0108] The cover trigger unit is configured to execute a trigger operation on the first cover in response to switching the screen to display the first cover and the associated cover in a layout of a second number of columns, where the second number of columns is smaller than the first number of columns.

[0109] In one possible implementation, the cover trigger unit is further configured to enlarge the size of the cover in the second number column to be larger than the size of the cover in the first number column, and to display multimedia detail information in the cover of the second number column when the enlarged size is greater than or equal to the preset size.

[0110] In a possible implementation, the apparatus may further include:

[0111] The column number recovery module is configured to hide the multimedia detail information when the cover displayed on the screen is restored to the first number of columns.

[0112] In a possible implementation, the first number of columns may be three columns, and the second number of columns includes a first column where the first cover is located and a second column consisting of covers in the associated covers except the covers in the first column.

[0113] In a possible implementation, the apparatus may further include:

[0114] The second cover trigger module is configured to enter the multimedia playback page in response to the trigger operation of the second cover, and play the multimedia resources corresponding to the second cover on the multimedia playback page; the second cover is the first cover or any of the associated covers.

[0115] In a possible implementation, the second area is at least one of the following:

[0116] In a case where the switching area browsing operation is a zoom-in operation, the second area is a sub-area of ​​the first area displayed on the screen after being enlarged;

[0117] In a case where the switching area browsing operation is a zoom-out operation, the second area includes the first area and an incremental area, and the incremental area is an area displayed on the screen by zooming out of the vector graph;

[0118] In a case where the switching area browsing operation is a drag operation, the second area is an area dragged into the screen in response to the drag operation on the vector image.

[0119] In a possible implementation, the apparatus may further include:

[0120] The third cover trigger module is configured to enter a multimedia playback page in response to a trigger operation on the first cover in the vector diagram, and play multimedia resources corresponding to the first cover on the multimedia playback page; the first cover is any one of the multiple covers.

[0121] In a possible implementation, the first cover triggering module may include:

[0122] The second cover triggering unit is configured to execute a triggering operation in response to the first cover in the vector image, display the first cover and the associated cover on the screen, and enlarge the first cover.

[0123] In one possible implementation, the area of ​​the cover in the vector diagram is positively correlated with the target matching degree, where the target matching degree refers to the matching degree between the cover and the target account; the target account is the account that triggers access to the cover display page.

[0124] Regarding the apparatus in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0125] Figure 9 This is a block diagram of an electronic device for information display according to an exemplary embodiment. The electronic device may be a terminal, and its internal structure diagram may be as shown in FIG. Figure 9 As shown. The electronic device includes a processor, a memory, a network interface, a display screen and an input device connected via a system bus. The processor of the electronic device is used to provide computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the electronic device is used to communicate with an external terminal via a network connection. When the computer program is executed by the processor, a method for displaying information is implemented. The display screen of the electronic device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the electronic device can be a touch layer covering the display screen, or a button, trackball or touchpad provided on the housing of the electronic device, or an external keyboard, touchpad or mouse, etc.

[0126] Those skilled in the art will understand that Figure 9 The structure shown in the figure is only a block diagram of a part of the structure related to the scheme of the present disclosure, and does not constitute a limitation on the electronic device to which the scheme of the present disclosure is applied. The specific electronic device may include more or fewer components than shown in the figure, or combine certain components, or have a different component arrangement.

[0127] Figure 10 This is a block diagram of an electronic device for information display based on an exemplary embodiment. The electronic device may be a server, and its internal structure diagram may be as shown in FIG. Figure 10As shown. The electronic device includes a processor, a memory, and a network interface connected via a system bus. The processor of the electronic device is used to provide computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and computer program in the non-volatile storage medium. The network interface of the electronic device is used to communicate with an external terminal via a network connection. When the computer program is executed by the processor, a method for displaying information is implemented.

[0128] Those skilled in the art will understand that Figure 10 The structure shown in the figure is only a block diagram of a part of the structure related to the scheme of the present disclosure, and does not constitute a limitation on the electronic device to which the scheme of the present disclosure is applied. The specific electronic device may include more or fewer components than shown in the figure, or combine certain components, or have a different component arrangement.

[0129] In an exemplary embodiment, an electronic device is further provided, including: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement the information display method in the embodiment of the present disclosure.

[0130] In an exemplary embodiment, a computer-readable storage medium is also provided. When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the information display method of the embodiment of the present disclosure. The computer-readable storage medium may be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, or the like.

[0131] In an exemplary embodiment, a computer program product including instructions is further provided. When the computer program product is run on a computer, the computer is caused to execute the information display method in the embodiment of the present disclosure.

[0132] Those skilled in the art will appreciate that all or part of the processes in the above-mentioned embodiment methods can be implemented by instructing the relevant hardware through a computer program, which can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0133] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.

[0134] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An information display method, characterized in that: Applied to terminals, including: Displaying a cover display page for a multimedia resource, wherein the cover display page displays a vector diagram consisting of a plurality of covers arranged in a layout; a first area of ​​the vector diagram is displayed on a screen of the terminal; the plurality of covers can be dragged or scaled as a whole, or the plurality of covers can be scaled in part; In response to a switching area browsing operation on the vector diagram, a second area of ​​the vector diagram is displayed on the screen; the second area is the area to which the switching area browsing operation switches; The second area includes: when the switching area browsing operation is a drag operation, the second area is an area dragged into the screen in response to the drag operation on the vector map, and the drag operation includes the operation of dragging the vector map in any direction.

2. The method according to claim 1, characterized in that The method further comprises: In response to a triggering operation on the first cover in the vector image, the first cover and associated covers are displayed on the screen, where the associated covers refer to covers that are associated with the position of the first cover in the arrangement layout in the vector image; the first cover is any cover displayed on the screen.

3. The method according to claim 2, characterized in that The arrangement layout is a column layout, the number of columns displaying covers on the screen is a first number of columns, and the first cover belongs to the first number of columns; The step of displaying the first cover and associated covers on the screen in response to a triggering operation on the first cover in the vector image includes: In response to a triggering operation on the first cover, the screen switches to displaying the first cover and the associated cover in a layout of a second number of columns, where the second number of columns is smaller than the first number of columns.

4. The method according to claim 3, characterized in that The method further comprises: The size of the cover in the second number column is enlarged to be larger than the size of the cover in the first number column, and when the enlarged size is greater than or equal to the preset size, multimedia detail information is displayed in the cover of the second number column.

5. The method according to claim 4, characterized in that The method further comprises: When the cover displayed on the screen is restored to the first number of columns, the multimedia detail information is hidden.

6. The method according to claim 3, characterized in that The first number of columns is three columns, and the second number of columns includes a first column where the first cover is located and a second column consisting of covers in the associated covers except the covers in the first column.

7. The method according to any one of claims 2 to 6, characterized in that: The method further comprises: In response to the triggering operation on the second cover, a multimedia playback page is entered, and multimedia resources corresponding to the second cover are played on the multimedia playback page; the second cover is the first cover or any of the associated covers.

8. The method according to claim 1, characterized in that The second region is at least one of the following: In a case where the switching area browsing operation is a zoom-in operation, the second area is a sub-area of ​​the first area displayed on the screen after being enlarged; In a case where the switching area browsing operation is a zoom-out operation, the second area includes the first area and an incremental area, and the incremental area is an area displayed on the screen by zooming out the vector image.

9. The method according to claim 1, characterized in that The method further comprises: In response to a triggering operation on the first cover in the vector diagram, a multimedia playback page is entered, and multimedia resources corresponding to the first cover are played on the multimedia playback page; the first cover is any one of the multiple covers.

10. The method according to claim 2, characterized in that The step of displaying the first cover and associated covers on the screen in response to a triggering operation on the first cover in the vector image includes: In response to a triggering operation on the first cover in the vector image, the first cover and the associated cover are displayed on the screen, and the first cover is enlarged.

11. The method according to claim 1, characterized in that The area of ​​the cover in the vector diagram is positively correlated with the target matching degree, where the target matching degree refers to the matching degree between the cover and the target account; the target account is the account that triggers entry into the cover display page.

12. An information display device, characterized in that: include: A cover display module is configured to execute display of a cover display page of a multimedia resource, wherein the cover display page displays a vector diagram consisting of a plurality of covers arranged in a layout; a first area of ​​the vector diagram is displayed on a screen of a terminal; the plurality of covers can be dragged or scaled as a whole, or the plurality of covers can be scaled in part; a switching browsing module configured to execute a switching region browsing operation on the vector image, and display a second region of the vector image on the screen; The second area is the area to which the switching area browsing operation switches; The second area includes: when the switching area browsing operation is a drag operation, the second area is an area dragged into the screen in response to the drag operation on the vector map, and the drag operation includes the operation of dragging the vector map in any direction.

13. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the information display method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the information presentation method according to any one of claims 1 to 11.

15. A computer program product, characterized in that The method comprises computer instructions, which, when executed by a processor, enable a computer to execute the information display method according to any one of claims 1 to 11.

Images