CN113014993B - Picture display method, device, equipment and storage medium - Google Patents
Picture display method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN113014993B CN113014993B CN202110315050.9A CN202110315050A CN113014993B CN 113014993 B CN113014993 B CN 113014993B CN 202110315050 A CN202110315050 A CN 202110315050A CN 113014993 B CN113014993 B CN 113014993B
- Authority
- CN
- China
- Prior art keywords
- video
- thumbnail
- composite
- picture
- preview instruction
- 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.)
- Active
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/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/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
-
- 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
- H04N21/845—Structuring of content, e.g. decomposing content into time segments
- H04N21/8455—Structuring of content, e.g. decomposing content into time segments involving pointers to the content, e.g. pointers to the I-frames of the video stream
-
- 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/854—Content authoring
- H04N21/8549—Creating video summaries, e.g. movie trailer
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Computer Security & Cryptography (AREA)
- Television Signal Processing For Recording (AREA)
Abstract
The application relates to a picture display method, a picture display device, picture display equipment and a storage medium. The method comprises the following steps: acquiring a first video preview instruction; acquiring a first composite thumbnail corresponding to the first video preview instruction, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1; and selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail for displaying. The method and the device are used for improving the speed of the client side for loading the video thumbnail.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a storage medium for displaying an image.
Background
When a user watches a video, the user can drag the video progress bar to check a video content thumbnail corresponding to a certain moment, so that the user can conveniently select the video progress. The client is mainly used for bearing main tasks of displaying the video content thumbnails, and the client is required to load the video content thumbnails at the selected time progress points in real time from a local cache to a memory and render the video content thumbnails on a screen.
The existing implementation mode that a client loads a video content thumbnail of a selected time progress point from a local cache to a memory and renders the thumbnail to a screen in real time is as follows: the client acquires a video picture arranged according to n x m x t from the server, and downloads the video picture to the local hard disk, wherein the video picture comprises x intermediate pictures. And cutting the intermediate picture according to the n-x-m rule, storing the sub-picture obtained after cutting in a local hard disk, and finally loading and displaying the corresponding sub-picture according to the selected time progress point. Wherein n is the number of columns, m is the number of rows, n × m is the arrangement mode of the sub-pictures in the intermediate picture, x is the number of the sub-pictures, and t is the video duration corresponding to the sub-pictures. Wherein, the sub-picture is the video content thumbnail.
However, the existing implementation methods have many problems, for example, when the client loads the sub-picture, the client needs to load the sub-picture from the local hard disk into the memory and then draw the sub-picture into the screen, and if the user operates the progress bar too fast, the memory is suddenly increased in a short time, which affects the drawing speed of the sub-picture, thereby affecting the user experience.
Disclosure of Invention
The application provides a picture display method, a picture display device, picture display equipment and a picture display storage medium, which are used for improving the speed of loading a video thumbnail by a client.
In a first aspect, the present application provides a picture display method applied to a client, including:
acquiring a first video preview instruction;
acquiring a first composite thumbnail corresponding to the first video preview instruction, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1;
and selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail for displaying.
Optionally, before the obtaining the first video preview instruction, the method further includes:
acquiring an integral thumbnail and a picture composition rule;
dividing the whole thumbnail according to the picture composition rule to obtain the first composite thumbnail;
storing the first composite thumbnail.
Optionally, the picture composition rule includes: an arrangement of the first video thumbnails, the arrangement comprising: a one-dimensional sorting manner or a two-dimensional sorting manner.
Optionally, the first video preview instruction comprises a first timestamp;
the selecting and displaying the first video thumbnail corresponding to the first video preview instruction comprises:
determining the position information of the first video thumbnail in the first composite thumbnail and the size information of the first video thumbnail according to the picture composition rule and the first timestamp;
and determining a first video thumbnail corresponding to the first video preview instruction according to the position information of the first video thumbnail and the size information of the first video thumbnail, and displaying.
Optionally, the first composite thumbnail further comprises: a second video thumbnail and/or a third video thumbnail, the first timestamp of the first video thumbnail being left adjacent to the second timestamp of the second video thumbnail, the first timestamp of the first video thumbnail being right adjacent to the third timestamp of the third video thumbnail;
the method further comprises the following steps:
displaying the second video thumbnail and/or the third video thumbnail.
Optionally, the selecting a first video thumbnail corresponding to the first video preview instruction for display includes:
selecting a first video thumbnail corresponding to the first video preview instruction;
adding a display identifier for the first video thumbnail according to the position information of the first video thumbnail;
and displaying the first video thumbnail added with the display identifier.
Optionally, after the selecting and displaying the first video thumbnail corresponding to the first video preview instruction, the method further includes:
acquiring a second video preview instruction;
judging whether a fourth video thumbnail corresponding to the second video preview instruction belongs to the first composite thumbnail or not;
if so, selecting the fourth video thumbnail from the first composite thumbnail to display;
and otherwise, acquiring a second composite thumbnail corresponding to a second video preview instruction, and selecting a fourth video thumbnail corresponding to the second video preview instruction from the second composite thumbnail to display.
In a second aspect, the present application provides a picture display method applied to a server, including:
acquiring a data request instruction sent by a client;
and sending a first composite thumbnail to the client according to the data request instruction so that the client selects a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1.
Optionally, before sending the first composite thumbnail to the client according to the data request instruction, the method further includes:
acquiring video data corresponding to the data request instruction;
determining a picture composition rule corresponding to the video data;
generating an overall thumbnail corresponding to the video data according to the picture composition rule, wherein the overall thumbnail comprises: the first composite thumbnail;
the sending a first composite thumbnail to the client according to the data request instruction includes:
and sending the whole thumbnail and the picture composition rule to the client according to the data request instruction.
Optionally, the picture composition rule includes: the arrangement mode of the first video thumbnails, and the arrangement method comprises the following steps: a one-dimensional sorting manner or a two-dimensional sorting manner.
In a third aspect, the present application provides a picture display device, comprising:
the first acquisition module is used for acquiring a first video preview instruction;
a second obtaining module, configured to obtain a first composite thumbnail corresponding to the first video preview instruction, where the first composite thumbnail includes N first video thumbnails, and N is an integer greater than 1;
and the display module is used for selecting the first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display.
In a fourth aspect, the present application provides a picture display device, comprising:
the acquisition module is used for acquiring a data request instruction sent by a client;
and the sending module is used for sending a first composite thumbnail to the client according to the data request instruction so that the client selects a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1.
In a fifth aspect, the present application provides an electronic device, comprising: the system comprises a processor, a memory and a communication bus, wherein the processor and the memory are communicated with each other through the communication bus; the memory for storing a computer program; the processor is configured to execute the program stored in the memory, to implement the image display method applied to the client according to the first aspect, or to implement the image display method applied to the server according to the first aspect.
In a sixth aspect, the present application provides a computer-readable storage medium storing a computer program, which when executed by a processor implements the picture display method applied to the client according to the first aspect, or implements the picture display method applied to the server according to the first aspect.
Compared with the prior art, the technical scheme provided by the embodiment of the application has the following advantages: the method provided by the embodiment of the application acquires a first video preview instruction; the method comprises the steps that a first composite thumbnail corresponding to a first video preview instruction is obtained, wherein the first composite thumbnail comprises N first video thumbnails, N is an integer larger than 1, and therefore the first composite thumbnail formed by a plurality of first video thumbnails is obtained; and then, selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail for display, wherein the video thumbnail is selected from the composite thumbnail for display according to the video preview instruction, and the process of loading the video thumbnail from the local hard disk to the memory is not required to be executed for many times, so that the working pressure of the client is reduced, the speed of loading the video thumbnail by the client is improved, and the user experience is improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.
Fig. 1 is a schematic flow chart of an image display method applied to a server in an embodiment of the present application;
FIG. 2 is a diagram illustrating an embodiment of a picture composition rule;
fig. 3 is a schematic flow chart illustrating an image display method applied to a client in the embodiment of the present application;
fig. 4 is a schematic flowchart illustrating a video thumbnail corresponding to a video preview command in an embodiment of the present application;
FIG. 5 is a schematic diagram illustrating a detailed flow chart of a picture display method according to an embodiment of the present application;
FIG. 6 is a schematic structural diagram of an image display device according to an embodiment of the present application;
FIG. 7 is a schematic view of another structure of a picture display device according to an embodiment of the present application;
fig. 8 is a schematic structural diagram of an electronic device in an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, 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.
The term "and/or" herein is merely an association describing an associated object, meaning that three relationships may exist, e.g., a and/or B, may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.
In the embodiment of the present application, the terms "first video thumbnail" and "video thumbnail" are often used interchangeably, and the terms "first composite thumbnail" and "composite thumbnail" are also often used interchangeably, but those skilled in the art will understand the meaning thereof.
The first embodiment of the application provides a picture display method, which is applied to a server. The specific implementation of the method is shown in fig. 1:
When a user opens a certain video through a client to watch, the client sends a data request instruction to a server, and the server acquires the data request instruction.
Specifically, there are various ways for generating the data request instruction, for example, when the user drags the progress bar, the client generates the data request instruction; when the user presses the designated position of the progress bar for a long time, the client generates a data request instruction; and when the video progress is changed due to the fact that the user slides the video, the client generates a data request instruction and the like.
And 102, sending a first composite thumbnail to the client according to the data request instruction, so that the client selects a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display.
Wherein the first composite thumbnail includes N first video thumbnails, N being an integer greater than 1.
Specifically, the server, according to the acquired data request instruction, before sending the first composite thumbnail to the client, has previously stored all video data capable of supporting the client to play, where the video data includes: video files, a unique identifier for each video file, and video related data associated with each video, including: picture composition rules, overall thumbnails, composite thumbnails, video thumbnails, and the like.
In a specific embodiment, the server acquires video data corresponding to the data request instruction before sending the first composite thumbnail to the client according to the acquired data request instruction; determining a picture composition rule corresponding to the video data; and finally, sending the overall thumbnail and the picture composition rule to the client.
Wherein the video data comprises: an overall thumbnail, the overall thumbnail including: a first composite thumbnail. Wherein, this whole thumbnail still includes: a second composite thumbnail.
Specifically, the overall thumbnail may further include: a third composite thumbnail, a fourth composite thumbnail, and so on.
In one embodiment, the picture composition rule includes: an arrangement of the first video thumbnails, the arrangement comprising: the method comprises the following steps: a one-dimensional sorting manner or a two-dimensional sorting manner.
Specifically, the one-dimensional ordering may be 1*m or n × 1. Where m represents the number of rows, which may be considered as the number of first video thumbnails, and n represents the number of columns, which may be considered as the number of first video thumbnails.
Compared with the prior art, the method and the device have the advantage that the two-dimensional sorting mode is adopted on the basis of loading the first composite thumbnail, so that the speed of loading the video thumbnail by the client can be increased.
Certainly, a one-dimensional sorting mode can be adopted, and compared with a two-dimensional sorting mode, the calculation amount is small, the calculation pressure of the client is further reduced, the calculation efficiency of the client is improved, and the video thumbnail loading rate of the client is improved.
Specifically, the picture composition rule further includes: the interval duration between two adjacent first video thumbnails is positively correlated with the total video duration of the video.
Specifically, when the server stores the video for the first time, the server generates a corresponding picture composition rule according to the total video duration of the video. And performing frame extraction processing on the video according to the picture composition rule, and performing zooming operation on the picture corresponding to the extracted video frame to obtain a video thumbnail subjected to zooming operation. Then, according to the picture composition rule, selecting a corresponding number of video thumbnails to form a composite thumbnail. And finally, forming an integral thumbnail by the plurality of composite thumbnails, and storing the integral thumbnail and the plurality of composite thumbnails in a corresponding database.
Specifically, the related art employs a fixed interval duration, which results in an excessively large difference between the video thumbnails corresponding to the long video and the short video. For example, if a fixed interval duration is adopted, a video thumbnail corresponding to a 2-hour video is too large, so that the client is stressed too much; the video thumbnails corresponding to 5 minutes of video are too few, so that the user cannot accurately acquire the video preview information.
Based on the problems, the time of the interval is dynamically determined according to the total video time of the video, so that the pressure of the client is not too high due to too many video thumbnails under the condition of the long video, the working pressure of the client is effectively reduced, the condition of the short video is not too few due to the video thumbnails, the user cannot accurately acquire video preview information, and the precision of the video thumbnails is effectively improved.
For example, when the total video duration is less than or equal to 5 minutes, the video thumbnail is calculated according to the interval duration equal to 5 seconds; when the video is more than 5 minutes and less than 1.5 hours, calculating the video thumbnail according to the interval duration equal to 10 seconds; and when the video is more than or equal to 1.5 hours, calculating the video thumbnail according to the interval duration equal to 15 seconds.
Next, taking the total video duration of 4 minutes, the interval duration of 5 seconds, and the sorting mode of 20 × 1 as an example, the specific display of the picture composition rule is performed, specifically see fig. 2:
according to the total video duration and the interval duration, 48 video thumbnails can be obtained;
according to the sorting mode, 3 composite thumbnails can be obtained, wherein 1-20 form a first composite thumbnail, 21-40 form a second composite thumbnail, and 41-48 form a third composite thumbnail;
and combining the 3 combined thumbnails to form an integral thumbnail.
In addition, the picture composition rule may also be: the time interval between two adjacent video thumbnails, the arrangement mode of the video thumbnails and the number of the synthesized thumbnails.
According to the method provided by the embodiment of the application, a data request instruction sent by a client is obtained, and a first composite thumbnail is sent to the client according to the data request instruction, so that the client selects a first video thumbnail corresponding to a first video preview instruction from the first composite thumbnail to be overlapped with a video thumbnail display window. According to the method and the device, the mode of sending the composite thumbnail to the client is adopted, so that the process of loading the video thumbnail from the local hard disk to the memory is reduced for the client, the working pressure of the client can be reduced, and the user experience is improved.
A second embodiment of the present application provides a picture display method, which is applied to a client. The specific implementation of the method is shown in fig. 3:
Specifically, when watching a video, a user uses a client to want to watch video contents at other time points, where the other time points are with respect to a current time point of video playing. For example, for a total of 2 hours for a video, the user is viewing video content at 1 hour and 5 minutes, at which time the user wants to view video content at 1 hour and 30 minutes. In this example, 1 hour and 5 minutes are the current time point, and 1 hour and 30 minutes are the other time points.
When the user acts for 1 hour and 30 minutes, a first video preview instruction is triggered, and the client acquires the first video preview instruction.
Specifically, before the client acquires the first video preview instruction, the client acquires video data sent by the server, where the video data includes: video files, a unique identifier for each video file, and video related data associated with each video, including: picture composition rule, whole thumbnail, synthetic thumbnail and video thumbnail etc. this whole thumbnail includes: a first composite thumbnail. Wherein, this whole thumbnail still includes: a second composite thumbnail.
Specifically, the overall thumbnail may further include: a third composite thumbnail, a fourth composite thumbnail, and so on.
In a specific embodiment, before a client acquires a first video preview instruction, an acquisition server sends an integral thumbnail and a picture composition rule; dividing the whole thumbnail according to a picture composition rule to obtain a first composite thumbnail; the first composite thumbnail is stored.
Specifically, the client obtains a second composite thumbnail, a third composite thumbnail, and the like when dividing the whole thumbnail according to the picture composition rule, and then stores the composite thumbnail obtained by dividing the whole thumbnail in the local disk.
Specifically, the picture composition rule includes: an arrangement of the first video thumbnails, the arrangement comprising: the method comprises the following steps: a one-dimensional sorting manner or a two-dimensional sorting manner.
Specifically, the one-dimensional ordering may be 1*m or n × 1. Where m represents the number of rows, which may be considered as the number of first video thumbnails, and n represents the number of columns, which may be considered as the number of first video thumbnails.
Compared with the prior art, the method and the device have the advantage that the rate of loading the video thumbnails by the client can be increased by adopting a two-dimensional sorting mode on the basis of loading the first composite thumbnail.
Certainly, the method adopts a one-dimensional sorting mode, compared with a two-dimensional sorting mode, the calculation amount is small, the calculation pressure of the client is further reduced, the calculation efficiency of the client is improved, and the speed of loading the video thumbnails by the client is improved.
Specifically, the picture composition rule further includes: and the interval duration between two adjacent first video thumbnails is positively correlated with the total video duration of the video.
After the client acquires the video data sent by the server, the client divides the overall thumbnail according to the picture composition rule to obtain a first composite thumbnail; the specific process of storing the first composite thumbnail is as follows:
in the following, the following description will be given by taking an example in which the total duration of the video is 4 minutes, the interval duration is 5 seconds, and the sorting manner is 20 × 1:
acquiring an integral thumbnail;
according to the total video duration and the interval duration, the whole thumbnail can be obtained to comprise 48 video thumbnails;
according to the sorting mode, 3 synthesized thumbnails in the whole thumbnail can be obtained;
adding unique identifiers to the 3 synthesized thumbnails respectively, for example, a first synthesized thumbnail corresponds to a first identifier, a second synthesized thumbnail corresponds to a second identifier, and a third synthesized thumbnail corresponds to a third identifier;
and downloading the 3 synthesized thumbnails from the server to a local hard disk storage.
In addition, when the picture composition rule is: when the interval duration between two adjacent video thumbnails, the arrangement mode of the video thumbnails, and the number of composite thumbnails are, for example, the following is described, with the interval duration being 5 seconds, the sequencing mode being 20 × 1, and the number of composite thumbnails being 3:
acquiring an integral thumbnail;
obtaining 3 synthesized thumbnails according to the interval duration, the sorting mode and the number of the synthesized thumbnails;
adding unique identifiers to the 3 synthesized thumbnails respectively, for example, a first synthesized thumbnail corresponds to a first identifier, a second synthesized thumbnail corresponds to a second identifier, and a third synthesized thumbnail corresponds to a third identifier;
and downloading the 3 synthesized thumbnails from the server to a local hard disk storage.
Wherein the first composite thumbnail includes N first video thumbnails, N being an integer greater than 1.
Wherein the first video preview instruction includes a first timestamp.
And obtaining a unique identifier corresponding to the first timestamp according to the total video duration, the interval duration and the sequencing mode, and obtaining a first composite thumbnail corresponding to the first video preview instruction according to the unique identifier.
Specifically, the following description will be given by taking an example in which the total video duration is 4 minutes, the interval duration is 5 seconds, the sorting mode is 20 × 1, and the first timestamp of the first video preview instruction is 3 minutes:
according to the interval duration and the sorting mode, the time period corresponding to the first composite thumbnail is 0-100 seconds; the second composite thumbnail corresponds to a time period of 101 seconds to 200 seconds, and the third composite thumbnail corresponds to a time period of 201 seconds to 240 seconds. Thus, the unique identifier corresponding to the 3 minutes may be obtained as the second identifier, which corresponds to the second composite thumbnail.
And 303, selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display.
Specifically, after the first composite thumbnail is loaded, setting the first composite thumbnail to be invisible, then selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail, setting the first video thumbnail to be visible, and adjusting the first video thumbnail to be overlapped with the video thumbnail display window so as to display the first video thumbnail.
In a specific embodiment, according to the picture composition rule and the first time stamp, determining the position information of the first video thumbnail in the first composite thumbnail and the size information of the first video thumbnail; and determining a first video thumbnail corresponding to the first video preview instruction according to the position information and the size information, and displaying.
Specifically, the description will be given taking the example that the picture composition rule is the interval duration between two adjacent video thumbnails, the arrangement of the video thumbnails, and the number of composite thumbnails. For example, the interval duration between two adjacent video thumbnails is 5 seconds, the arrangement mode of the video thumbnails is 20 × 1, and the number of composite thumbnails is 3:
according to the picture composition rule, the time period corresponding to the first synthetic thumbnail is 0-100 seconds; the second composite thumbnail corresponds to a time period of 101 seconds to 200 seconds, and the third composite thumbnail corresponds to a time period of 201 seconds to 300 seconds. The resulting first timestamp is 55 seconds at which time the first video thumbnail may be determined to be in the first composite thumbnail. Further, by dividing 55 by 20 and rounding up the result to 4 from 20 × 1, the fourth position of the first video thumbnail on the first composite thumbnail can be reached, and the size indicated by coordinates as (0,4) corresponds to the size information of the first video thumbnail. Rendering the first video thumbnail at the fourth position and overlapping the video thumbnail display window to display the first video thumbnail.
In a particular embodiment, the first composite thumbnail further includes: the first time stamp of the first video thumbnail is adjacent to the left of the second time stamp of the second video thumbnail, and the first time stamp of the first video thumbnail is adjacent to the right of the third time stamp of the third video thumbnail; the application also includes: displaying the second video thumbnail and/or the third video thumbnail.
Specifically, on the basis of displaying the first video thumbnail, the second video thumbnail can be displayed at the same time, so that the first video thumbnail of the first timestamp corresponding to the current selection progress can be provided for the user, the second video thumbnail corresponding to the second timestamp can be checked by the user, whether the video content at the selection progress is watched or not is determined for the user, and an effective reference basis is provided.
Specifically, according to the method and the device, on the basis of displaying the first video thumbnail, the third video thumbnail can be displayed simultaneously, so that the first video thumbnail of the first timestamp corresponding to the current selection progress can be checked for the user, the third video thumbnail corresponding to the third timestamp can be checked for the user, whether the video content at the selection progress is watched or not is determined for the user, and an effective reference basis is provided.
Specifically, on the basis of displaying the first video thumbnail, the second video thumbnail and the third video thumbnail can be displayed simultaneously, so that the first video thumbnail of the first time stamp corresponding to the current selection progress can be viewed for the user, the third video thumbnail corresponding to the third time stamp and the second video thumbnail corresponding to the second time stamp can be viewed by the user, whether the video content at the selection progress is viewed or not is determined for the user, and an effective reference basis is provided.
In a specific embodiment, a specific implementation of selecting a first video thumbnail corresponding to a first video preview instruction for display includes: selecting a first video thumbnail corresponding to the first video preview instruction; adding a display identifier for the first video thumbnail according to the position information of the first video thumbnail; and displaying the first video thumbnail added with the display identifier.
Specifically, when only the first video thumbnail is displayed, a display identifier does not need to be added to the first video thumbnail; when the first video thumbnail and the second video thumbnail are displayed, adding a display identifier for the first video thumbnail to determine that the video thumbnail added with the display identifier is the first video thumbnail corresponding to the first video preview instruction; when the first video thumbnail and the third video thumbnail are displayed, adding a display identifier for the first video thumbnail to determine that the video thumbnail added with the display identifier is the first video thumbnail corresponding to the first video preview instruction; when the first video thumbnail, the second video thumbnail and the third video thumbnail are displayed, adding a display identifier for the first video thumbnail to determine that the video thumbnail added with the display identifier is the first video thumbnail corresponding to the first video preview instruction.
The display identification can be added around the first video thumbnail to avoid the influence on the impression of a user due to the fact that the display identification is added in the middle, and the display identification can be any symbol, character or graph and the like and can be distinguished from other video thumbnails displayed simultaneously.
In one embodiment, the user may trigger a plurality of video preview commands in a short time, and the client receives a plurality of video preview commands in a short time. The video thumbnail display operation after the client acquires the first video preview instruction and selects the first video thumbnail corresponding to the first video preview instruction for display is as shown in fig. 4:
In particular, the second video preview instruction includes a second timestamp.
The following description is given by taking the above picture composition rule as an example:
the second time stamp is illustrated with 122 seconds as an example: when the second timestamp is 120 seconds, it may be determined that the fourth video thumbnail does not belong to the first composite thumbnail, at which point step 404 is performed.
The second timestamp is illustrated with an example of 86 seconds: when the second time stamp is 86 seconds, it may be determined that the fourth video thumbnail belongs to the first composite thumbnail, at which point step 403 is performed.
And step 403, selecting a fourth video thumbnail from the first composite thumbnail to display.
Specifically, when the fourth video thumbnail belongs to the first composite thumbnail, the fourth video thumbnail is directly set to be visible in a sliding window mode and is slid to the video thumbnail display window. According to the method, the number of times that the client loads the memory from the hard disk is effectively reduced, the memory pressure is reduced, and the rate of loading the video thumbnails by the client is improved.
And 404, acquiring a second composite thumbnail corresponding to the second video preview instruction, and selecting a fourth video thumbnail from the second composite thumbnail to display.
Specifically, when the fourth video thumbnail does not belong to the first composite thumbnail, a second composite thumbnail corresponding to the second video preview instruction is obtained, and the fourth video thumbnail is selected from the second composite thumbnail to coincide with the video thumbnail display window by adopting the operation step of selecting the first video thumbnail and the video thumbnail display window from the first composite thumbnail so as to display the fourth video thumbnail.
Next, the picture display method will be specifically described with reference to fig. 5:
And step 504, adjusting the first video thumbnail to be overlapped with the video thumbnail display window according to the position information and the size information so as to display the first video thumbnail.
And step 505, acquiring a second video preview instruction.
And 507, adjusting the fourth video thumbnail to be overlapped with the video thumbnail display window in a sliding window mode so as to display the fourth video thumbnail.
The method provided by the embodiment of the application acquires a first video preview instruction; the method comprises the steps that a first composite thumbnail corresponding to a first video preview instruction is obtained, wherein the first composite thumbnail comprises N first video thumbnails, N is an integer larger than 1, and therefore the first composite thumbnail formed by a plurality of first video thumbnails is obtained; then, a first video thumbnail corresponding to the first video preview instruction is selected from the first composite thumbnail to coincide with the video thumbnail display window, the video thumbnail and the video thumbnail display window are selected from the composite thumbnail according to the video preview instruction, the process of loading the video thumbnail from the local hard disk to the memory does not need to be executed for multiple times, the working pressure of the client is reduced, the speed of loading the video thumbnail by the client is improved, and the user experience is improved.
Based on the same concept, the third embodiment of the present application provides an image display device, and specific implementation of the image display device can refer to the description of the method embodiment, and repeated details are not repeated. As shown in fig. 6, the apparatus mainly includes:
a first obtaining module 601, configured to obtain a first video preview instruction;
a second obtaining module 602, configured to obtain a first composite thumbnail corresponding to the first video preview instruction, where the first composite thumbnail includes N first video thumbnails, and N is an integer greater than 1;
the display module 603 is configured to select, from the first composite thumbnail, a first video thumbnail corresponding to the first video preview instruction for display.
Based on the same concept, the fourth embodiment of the present application provides an image display device, and specific implementation of the image display device can refer to the description of the method embodiment, and repeated details are not repeated. As shown in fig. 7, the apparatus mainly includes:
an obtaining module 701, configured to obtain a data request instruction sent by a client;
the sending module 702 is configured to send the first composite thumbnail to the client according to the data request instruction, so that the client selects, from the first composite thumbnail, a first video thumbnail corresponding to the first video preview instruction for display, where the first composite thumbnail includes N first video thumbnails, and N is an integer greater than 1.
Based on the same concept, a fifth embodiment of the present application further provides an electronic device, as shown in fig. 8, the electronic device mainly includes: a processor 801, a memory 802, and a communication bus 803, wherein the processor 801 and the memory 802 communicate with each other via the communication bus 803. The memory 802 stores a program executable by the processor 801, and the processor 801 executes the program stored in the memory 802, so as to implement the following steps: acquiring a first video preview instruction; acquiring a first composite thumbnail corresponding to the first video preview instruction, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1; selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to coincide with the video thumbnail display window, or acquiring a data request instruction sent by a client; and sending a first composite thumbnail to the client according to the data request instruction so that the client selects a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1.
The communication bus 803 mentioned in the electronic device may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus 803 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown in FIG. 8, but this is not intended to represent only one bus or type of bus.
The Memory 802 may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Alternatively, the memory may be at least one memory device located remotely from the processor 801.
The Processor 801 may be a general-purpose Processor, including a Central Processing Unit (CPU), a Network Processor (NP), etc., and may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic devices, discrete gates or transistor logic devices, and discrete hardware components.
In still another embodiment of the present application, there is also provided a computer-readable storage medium having stored therein a computer program which, when run on a computer, causes the computer to execute the picture display method applied to the client or the picture display method applied to the server described in the above embodiments.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the application to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored on a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wire (e.g., coaxial cable, fiber optic, digital Subscriber Line (DSL)) or wirelessly (e.g., infrared, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that includes one or more of the available media. The available media may be magnetic media (e.g., floppy disks, hard disks, tapes, etc.), optical media (e.g., DVDs), or semiconductor media (e.g., solid state drives), among others.
It is noted that, in this document, relational terms such as "first" and "second," and the like, may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising a … …" does not exclude the presence of another identical element in a process, method, article, or apparatus that comprises the element.
The foregoing are merely exemplary embodiments of the present invention, which enable those skilled in the art to understand or practice the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (11)
1. A picture display method is applied to a client and comprises the following steps:
acquiring a first video preview instruction;
acquiring a first composite thumbnail corresponding to the first video preview instruction, wherein the first composite thumbnail comprises N first video thumbnails, N is an integer greater than 1, and the arrangement mode of the first video thumbnails comprises a one-dimensional ordering mode;
selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail for displaying;
before the obtaining of the first video preview instruction, the method further includes:
acquiring an integral thumbnail and a picture composition rule;
dividing the whole thumbnail according to the picture composition rule to obtain the first composite thumbnail;
storing the first composite thumbnail;
the first video preview instruction comprises a first timestamp;
the selecting and displaying the first video thumbnail corresponding to the first video preview instruction comprises:
determining the position information of the first video thumbnail in the first composite thumbnail and the size information of the first video thumbnail according to the picture composition rule and the first timestamp;
and determining a first video thumbnail corresponding to the first video preview instruction according to the position information of the first video thumbnail and the size information of the first video thumbnail, and displaying.
2. The picture display method according to claim 1, wherein the picture composition rule comprises: an arrangement of the first video thumbnails, the arrangement comprising: a two-dimensional sorting manner.
3. The picture display method according to claim 1, wherein the first composite thumbnail further comprises: a second video thumbnail and/or a third video thumbnail, wherein the first timestamp of the first video thumbnail is adjacent to the left of the second timestamp of the second video thumbnail, and the first timestamp of the first video thumbnail is adjacent to the right of the third timestamp of the third video thumbnail;
the method further comprises the following steps:
displaying the second video thumbnail and/or the third video thumbnail.
4. The picture display method according to claim 3, wherein the selecting the first video thumbnail corresponding to the first video preview instruction for display comprises:
selecting a first video thumbnail corresponding to the first video preview instruction;
adding a display identifier for the first video thumbnail according to the position information of the first video thumbnail;
and displaying the first video thumbnail added with the display identifier.
5. The picture display method according to any one of claims 1 to 4, wherein after the selecting the first video thumbnail corresponding to the first video preview instruction for display, the method further comprises:
acquiring a second video preview instruction;
judging whether a fourth video thumbnail corresponding to the second video preview instruction belongs to the first composite thumbnail or not;
if so, selecting the fourth video thumbnail from the first composite thumbnail to display;
and otherwise, acquiring a second composite thumbnail corresponding to a second video preview instruction, and selecting a fourth video thumbnail corresponding to the second video preview instruction from the second composite thumbnail to display.
6. A picture display method is applied to a server and comprises the following steps:
acquiring a data request instruction sent by a client;
sending a first composite thumbnail to the client according to the data request instruction so that the client selects a first video thumbnail corresponding to a first video preview instruction from the first composite thumbnail to display, wherein the first composite thumbnail comprises N first video thumbnails, N is an integer greater than 1, and the arrangement mode of the first video thumbnails comprises a one-dimensional ordering mode;
before sending the first composite thumbnail to the client according to the data request instruction, the method further includes:
acquiring video data corresponding to the data request instruction;
determining a picture composition rule corresponding to the video data;
generating an overall thumbnail corresponding to the video data according to the picture composition rule, wherein the overall thumbnail comprises: the first composite thumbnail;
the sending a first composite thumbnail to the client according to the data request instruction includes:
and sending the integral thumbnail and the picture composition rule to the client according to the data request instruction.
7. The picture display method according to claim 6, wherein the picture composition rule comprises: an arrangement of the first video thumbnails, the arrangement comprising: a two-dimensional sorting manner.
8. A picture display device, comprising:
the device comprises a first acquisition module, a second acquisition module and a display module, wherein the first acquisition module is used for acquiring a first video preview instruction, and the first video preview instruction comprises a first timestamp;
a second obtaining module, configured to obtain a first composite thumbnail corresponding to the first video preview instruction, where the first composite thumbnail includes N first video thumbnails, and N is an integer greater than 1;
the display module is used for selecting a first video thumbnail corresponding to the first video preview instruction from the first composite thumbnail to display;
the picture display device is also used for acquiring the overall thumbnail and the picture composition rule; dividing the whole thumbnail according to the picture composition rule to obtain the first composite thumbnail; storing the first composite thumbnail;
the display module is configured to select the first video thumbnail corresponding to the first video preview instruction for display, and includes: determining the position information of the first video thumbnail in the first composite thumbnail and the size information of the first video thumbnail according to the picture composition rule and the first timestamp; and determining a first video thumbnail corresponding to the first video preview instruction according to the position information of the first video thumbnail and the size information of the first video thumbnail, and displaying.
9. A picture display device, comprising:
the acquisition module is used for acquiring a data request instruction sent by a client;
the sending module is used for sending a first composite thumbnail to the client according to the data request instruction so that the client selects a first video thumbnail corresponding to a first video preview instruction from the first composite thumbnail to display, wherein the first composite thumbnail comprises N first video thumbnails, and N is an integer greater than 1;
the sending module is further configured to obtain video data corresponding to the data request instruction; determining a picture composition rule corresponding to the video data; generating an overall thumbnail corresponding to the video data according to the picture composition rule, wherein the overall thumbnail comprises: the first composite thumbnail;
and the sending module is used for sending the whole thumbnail and the picture composition rule to the client according to the data request instruction.
10. An electronic device, comprising: the system comprises a processor, a memory and a communication bus, wherein the processor and the memory are communicated with each other through the communication bus; the memory for storing a computer program; the processor is configured to execute the program stored in the memory, and implement the picture display method applied to the client according to any one of claims 1 to 5, or implement the picture display method applied to the server according to any one of claims 6 to 7.
11. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the picture display method applied to a client according to any one of claims 1 to 5, or implements the picture display method applied to a server according to any one of claims 6 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110315050.9A CN113014993B (en) | 2021-03-24 | 2021-03-24 | Picture display method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110315050.9A CN113014993B (en) | 2021-03-24 | 2021-03-24 | Picture display method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113014993A CN113014993A (en) | 2021-06-22 |
| CN113014993B true CN113014993B (en) | 2023-03-17 |
Family
ID=76406382
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110315050.9A Active CN113014993B (en) | 2021-03-24 | 2021-03-24 | Picture display method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113014993B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114630146B (en) * | 2022-05-12 | 2023-01-17 | 海看网络科技(山东)股份有限公司 | Method for solving problem of progress bar preview jamming in IPTV |
| JP2024063844A (en) * | 2022-10-27 | 2024-05-14 | Ｔｖｓ Ｒｅｇｚａ株式会社 | Video content distribution system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101442646A (en) * | 2007-11-20 | 2009-05-27 | 奥林巴斯映像株式会社 | Display control apparatus, camera and display control method |
| CN106572380A (en) * | 2016-10-19 | 2017-04-19 | 上海传英信息技术有限公司 | User terminal and video dynamic thumbnail generating method |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040068423A1 (en) * | 2002-10-03 | 2004-04-08 | Shaw Grant D. | Graphical user interfaces for sets of medical image data files |
| US10102881B2 (en) * | 2015-04-24 | 2018-10-16 | Wowza Media Systems, LLC | Systems and methods of thumbnail generation |
| CN110851652A (en) * | 2019-11-29 | 2020-02-28 | 京东方科技集团股份有限公司 | Method and device for assisting in viewing driving record video |
-
2021
- 2021-03-24 CN CN202110315050.9A patent/CN113014993B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101442646A (en) * | 2007-11-20 | 2009-05-27 | 奥林巴斯映像株式会社 | Display control apparatus, camera and display control method |
| CN106572380A (en) * | 2016-10-19 | 2017-04-19 | 上海传英信息技术有限公司 | User terminal and video dynamic thumbnail generating method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113014993A (en) | 2021-06-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106610993B (en) | Video preview display method and device | |
| US10430456B2 (en) | Automatic grouping based handling of similar photos | |
| US20180241900A1 (en) | Suggesting image files for deletion based on image file parameters | |
| CN113014993B (en) | Picture display method, device, equipment and storage medium | |
| DE102014117895A1 (en) | Note-based spot-healing techniques | |
| CN108780377B (en) | Method and electronic device for object management and visualization and storage medium | |
| US20210248658A1 (en) | Dynamic product information during barcode scanning | |
| CN112748827B (en) | Screenshot sharing method, screenshot sharing device, terminal equipment and storage medium | |
| CN110996154B (en) | Video playing method and device and electronic equipment | |
| CN111935527A (en) | Information display method, video playing method and equipment | |
| CN110297975A (en) | Appraisal procedure, device, electronic equipment and the storage medium of Generalization bounds | |
| CN107122100B (en) | System and method for re-sharing media content over a network | |
| US10783377B2 (en) | Visually similar scene retrieval using coordinate data | |
| US20160014190A1 (en) | Link per image | |
| WO2024077909A1 (en) | Video-based interaction method and apparatus, computer device, and storage medium | |
| US9535991B2 (en) | Video display for displaying a series of representative images for video | |
| DE102016125315A1 (en) | INFORMATION PROCESSING DEVICE, INFORMATION PROCESSING PROCESS AND PROGRAM | |
| CN113259742B (en) | Video bullet screen display method and device, readable storage medium and computer equipment | |
| CN116708855A (en) | Page display method, device, equipment and storage medium | |
| CN110855557A (en) | Video sharing method and device and storage medium | |
| CN113852763A (en) | Audio and video processing method and device, electronic equipment and storage medium | |
| CN113987241A (en) | Image display method, image display device, electronic apparatus, and readable storage medium | |
| CN113096218B (en) | Dynamic image playing method, device, storage medium and computer equipment | |
| US10270721B2 (en) | Method and apparatus for uploading an attachment | |
| CN111954076A (en) | Resource display method and device and electronic equipment |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |