WO2023016015A1 - Method for displaying video thumbnail, and device and storage medium - Google Patents

Abstract

A method for displaying a video thumbnail, and a device and a storage medium, wherein the method is applied to an electronic device. The method comprises: when an electronic device is in a portrait mode, capturing, by means of a camera, a first video having a first aspect ratio; displaying, in an album, a first thumbnail corresponding to the first video, wherein the aspect ratio of the first thumbnail is consistent with the first aspect ratio; when the electronic device is in a landscape mode, capturing, by means of the camera, a second video having a second aspect ratio; and displaying, in the album, a second thumbnail corresponding to the second video, wherein the first thumbnail and the second thumbnail are displayed in the same row, and the aspect ratio of the second thumbnail is inconsistent with the second aspect ratio. By means of the method, a thumbnail, the aspect ratio of which is consistent with the aspect ratio of a video, is displayed, such that it is ensured that the thumbnail can present content in the video in a relatively complete way, thereby improving the usage experience of a user when browsing a video in an album.

Description

Video thumbnail display method, device and storage medium

This application requires submission to the State Intellectual Property Office of the People's Republic of China on August 12, 2021, with the application number 202110925581. The priority of the Chinese patent application with the application number 202111022205.6 filed on September 1, 2021 with the title of "Video Thumbnail Display Method, Device and Storage Medium", the entire contents of which are incorporated herein by reference In this application.

technical field

The present application relates to the technical field of image display, in particular to a method, device and storage medium for displaying video thumbnails.

Background technique

The electronic device may display a video browsing interface including video thumbnails on the display screen in response to the user's operation. The user views videos on the electronic device through the video browsing interface, and previews the content of each video through thumbnails.

At present, the size of the video thumbnail generally has a fixed ratio, and generally, the ratio of the width to the height of the video thumbnail is fixed at 1:1. The size of the image in the video may have various ratios, such as 16:9, 21:9 and so on. However, if the size ratio of the video thumbnail and the size ratio of the image in the video are too large, the thumbnail cannot fully present the content of the image in the video, and the user experience is poor.

Contents of the invention

The present application provides a method, device and storage medium for displaying video thumbnails, with the purpose of enabling the thumbnails of movie videos in the video browsing interface to fully present the content of images in the movie and video, and improving user experience.

In order to achieve the above object, the application provides the following technical solutions:

The first aspect of the present application provides a method for displaying video thumbnails, which is applied to electronic devices, and the display method includes:

When the electronic device is in a vertical screen, a first video is captured by a camera, and the first video has a first aspect ratio;

Display the first thumbnail corresponding to the first video in the album, and the aspect ratio of the first thumbnail is consistent with the first aspect ratio;

When the electronic device is in a landscape orientation, a second video is captured by a camera, and the second video has a second aspect ratio;

The second thumbnail corresponding to the second video is displayed in the album, the first thumbnail and the second thumbnail are displayed on the same row, and the aspect ratio of the second thumbnail is inconsistent with the second aspect ratio.

Exemplarily, the first video may be recorded as movie 1, the second video may be recorded as movie 2, the first aspect ratio may be 9:21, and the second aspect ratio may be 21:9.

In some optional embodiments, before displaying the second thumbnail corresponding to the second video in the photo album, further includes:

Read the video information of the first video;

Determining the direction of the first video as vertical screen according to the video information of the first video;

Read the video information of the second video;

According to the video information of the second video, it is determined that the direction of the second video is horizontal;

It is determined that the first thumbnail and the second thumbnail corresponding to the second video are displayed on the same row.

Exemplarily, the video information of the first video and the video information of the second video can be stored in the media database, and are synchronized by the gallery from the media database to the database of the gallery itself.

In some optional embodiments, also include:

When the electronic device is in a landscape orientation, a third video is captured by a camera, and the third video has a third aspect ratio;

A third thumbnail corresponding to the third video is displayed in the photo album, the third thumbnail is displayed on a row different from that of the second thumbnail, and an aspect ratio of the third thumbnail is consistent with the third aspect ratio.

Exemplarily, the third video may be recorded as Movie 5, and the third aspect ratio may be 21:9.

In some optional embodiments, before displaying the third thumbnail corresponding to the third video in the photo album, further includes:

Read the video information of the third video;

According to the video information of the third video, it is determined that the direction of the third video is a horizontal screen;

It is determined that the third thumbnail corresponding to the third video is displayed on a row different from the second thumbnail.

In some optional embodiments, also include:

When the electronic device is in a vertical screen, a fourth video is obtained by shooting with a camera, and the fourth video has a fourth aspect ratio;

A fourth thumbnail corresponding to the fourth video is displayed in the photo album, the fourth thumbnail is displayed on a row different from that of the third thumbnail, and the aspect ratio of the fourth thumbnail is consistent with the fourth aspect ratio.

In some optional embodiments, also include:

When the electronic device is in a vertical screen, a fifth video is obtained by shooting with a camera, and the fifth video has a fifth aspect ratio;

The fifth thumbnail corresponding to the fifth video is displayed in the photo album, the fifth thumbnail and the fourth thumbnail are displayed in the same row, and the aspect ratio of the fifth thumbnail is consistent with the fifth aspect ratio.

Exemplarily, in the foregoing embodiment, the fourth video may be Movie 3, the fifth video may be Movie 4, and both the fourth aspect ratio and the fifth aspect ratio may be 9:21.

In some optional embodiments, before the fifth thumbnail corresponding to the fifth video is displayed in the photo album, it further includes:

Read the video information of the fourth video;

Determining that the direction of the fourth video is a vertical screen according to the video information of the fourth video;

Read the video information of the fifth video;

Determining the orientation of the fifth video as a vertical screen according to the video information of the fifth video;

It is determined that the fourth thumbnail and the fifth thumbnail corresponding to the fifth video are displayed on the same row.

In some optional embodiments, also include:

When the electronic device is in a vertical screen, a sixth video is obtained by shooting with a camera, and the sixth video has a sixth aspect ratio;

The sixth thumbnail corresponding to the fifth video is displayed in the photo album, the sixth thumbnail and the fifth thumbnail are displayed in the same row, and the aspect ratio of the sixth thumbnail is consistent with the sixth aspect ratio.

Exemplarily, in the foregoing embodiment, the fourth video may be Movie 3, the fifth video may be Movie 4, and both the fourth aspect ratio and the fifth aspect ratio may be 9:21.

In some optional embodiments, before displaying the sixth thumbnail corresponding to the fifth video in the photo album, further includes:

Read the video information of the sixth video;

According to the video information of the sixth video, it is determined that the direction of the sixth video is a vertical screen;

It is determined that the fourth thumbnail image, the fifth thumbnail image and the sixth thumbnail image corresponding to the sixth video are displayed in the same row.

Exemplarily, in the above embodiment, the fourth video can be movie 6, the fifth video can be movie 7, the sixth video can be movie 8, the fourth aspect ratio, the fifth aspect ratio and the sixth aspect ratio The average ratio can be 9:21.

In some optional embodiments, after the first video is captured by the camera, it also includes:

A movie tag is added to the first video, and the movie tag is used to indicate that the first video is a video shot in a preset movie mode.

In some optional embodiments, before displaying the first thumbnail corresponding to the first video in the photo album, further includes:

Calculate and obtain the display height of the first video according to the width of the video display area on the display screen and the preset reference coefficient;

calculating the display width of the first video according to the display height and the first aspect ratio of the first video;

Based on the display height of the first video and the display width of the first video, a first thumbnail corresponding to the first video is obtained.

In some optional embodiments, before displaying the second thumbnail corresponding to the second video in the photo album, further includes:

Determining the display height of the first video as the display height of the second video;

Calculate the display width of the second video according to the width of the video display area on the display screen and the display width of the first video;

Based on the display height of the second video and the display width of the second video, the thumbnail image of the second video and the second thumbnail corresponding to the second video are obtained.

In some optional embodiments, before displaying the third thumbnail corresponding to the third video in the photo album, further includes:

Determining the width of the video display area on the display screen as the display width of the third video;

calculating the display height of the third video according to the display width of the third video and the third aspect ratio;

A third thumbnail corresponding to the third video is obtained based on the display width of the third video and the display height of the third video.

In some optional embodiments, before the fifth thumbnail corresponding to the fifth video is displayed in the photo album, it further includes:

According to the preset video layout interval, the width of the video display area on the display screen and the total aspect ratio are calculated to obtain the display height of the fifth video, and the total aspect ratio is the sum of the fourth aspect ratio and the fifth aspect ratio;

Calculate the display width of the fifth video according to the display height of the fifth video and the aspect ratio of the fifth video;

Based on the display height of the fifth video and the display width of the fifth video, a fifth thumbnail corresponding to the fifth video is obtained.

In some optional embodiments, based on the display height of the first video and the display width of the first video, obtaining the first thumbnail corresponding to the first video includes:

Analyzing and obtaining a frame of image from the first video;

The analyzed image is reduced to obtain a first thumbnail corresponding to the first video, the height of the first thumbnail is the display height of the first video, and the width of the first thumbnail is the display width of the first video.

In some optional embodiments, based on the display height of the second video and the display width of the second video, obtaining a second thumbnail corresponding to the second video includes:

Analyzing and obtaining a frame of image from the second video;

The image obtained by parsing is reduced to obtain the reduced image, and the height of the reduced image is consistent with the display height of the second video;

The reduced image is centered and cropped along the width direction to obtain a second thumbnail corresponding to the second video, and the width of the second thumbnail is consistent with the display width of the second video.

The second aspect of the present application also provides an electronic device, including: one or more processors, memory and camera;

memory for storing one or more programs;

One or more processors are used to execute one or more programs, so that the electronic device executes the video thumbnail display method provided in any one of the first aspects of the present application.

The third aspect of the present application further provides a computer storage medium for storing a computer program. When the computer program is executed, it is specifically used to implement the video thumbnail display method provided in any one of the first aspects of the present application.

The present application provides a video thumbnail display method, device, and storage medium, which are applied to electronic devices. The display method includes: when the electronic device is in a vertical screen, a first video with a first aspect ratio is captured by a camera; The first thumbnail corresponding to the first video is displayed in the photo album, and the aspect ratio of the first thumbnail is consistent with the first aspect ratio; when the electronic device is in landscape orientation, the second video with the second aspect ratio is obtained by shooting with the camera. Video: Display the second thumbnail corresponding to the second video in the album, the first thumbnail and the second thumbnail are displayed on the same line, and the aspect ratio of the second thumbnail is inconsistent with the second aspect ratio. This solution ensures that the thumbnails can fully present the contents of the video by displaying thumbnails with the same aspect ratio as the video, thereby improving the user experience when browsing videos in the photo album.

Description of drawings

FIG. 1 is a schematic structural diagram of an electronic device disclosed in an embodiment of the present application;

FIG. 2 is a schematic diagram of a video browsing interface disclosed in an embodiment of the present application;

FIG. 3 is a schematic diagram of a main interface of an electronic device disclosed in an embodiment of the present application;

4 to 9 are schematic diagrams of movie and video browsing interfaces disclosed in the embodiments of the present application;

FIG. 10 is a schematic diagram of a software architecture of an electronic device disclosed in an embodiment of the present application;

FIG. 11 is a flowchart of a method for displaying video thumbnails disclosed in an embodiment of the present application;

Fig. 12 is a flow chart of dividing movie videos into rows according to horizontal screen rules disclosed in the embodiment of the present application;

Fig. 13 is a flow chart of dividing movie videos into lines according to vertical screen rules disclosed in the embodiment of the present application.

Detailed ways

The terms "first", "second" and "third" in the specification, claims and description of the drawings of this application are used to distinguish different objects, rather than to limit a specific order.

In the embodiments of the present application, words such as "exemplary" or "for example" are used as examples, illustrations or illustrations. Any embodiment or design scheme described as "exemplary" or "for example" in the embodiments of the present application shall not be interpreted as being more preferred or more advantageous than other embodiments or design schemes. Rather, the use of words such as "exemplary" or "such as" is intended to present related concepts in a concrete manner.

For ease of understanding, the embodiments of this application introduce the terms involved in the embodiments of this application:

1) Movie mode: refers to a mode in which electronic equipment records video. In the embodiment of the present application, the movie mode includes a 4K high-dynamic range image (high-dynamic range, HDR) function and a color lookup table (look up table, LUT) function, when the user selects the movie mode to record video, it can make the recorded The video has the texture of a film, making the picture more three-dimensional. For ease of distinction, videos recorded by electronic devices in film mode are called film videos, and videos recorded by electronic devices in non-film modes are called non-film videos. Generally, if the electronic device is in the landscape orientation when recording a movie video, the aspect ratio of the movie video can be 21:9, and the orientation of the movie video whose width is greater than the height is landscape, and if the electronic device is in the portrait orientation when recording the movie video , the aspect ratio of the movie video can be 9:21, and the orientation of the movie video whose height is greater than the width is portrait.

2), 4K HDR: refers to the addition of HDR technology on the basis of 4K resolution, which can make the captured picture more realistic and closer to the real picture visible to the human eye. In some embodiments, the bright part of the picture captured by the 4K HDR function is not exposed, and the details of the dark part are clearly visible.

3), LUT: also can be called LUT file or LUT parameter, is a kind of color conversion template, for example can be a kind of mapping table of red green blue (RGB). LUT can transform the actual sampled pixel gray value into another corresponding gray value after a certain transformation (such as threshold, inversion, contrast adjustment and linear transformation, etc.), which can highlight the image. Useful information, the effect of enhancing the light contrast of an image.

An embodiment of the present application provides an electronic device 100. Please refer to FIG. Screen 150 etc. The sensor module 130 may include a gyroscope sensor 130A and the like.

The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (neural-network processing unit, NPU) wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.

Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 can play or record videos in various encoding formats, for example: moving picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4 and so on.

The NPU is a neural-network (NN) computing processor. By referring to the structure of biological neural networks, such as the transmission mode between neurons in the human brain, it can quickly process input information and continuously learn by itself. Applications such as intelligent cognition of the electronic device 100 can be realized through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. The memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 110 is reduced, thereby improving the efficiency of the system.

Internal storage 120, which may also be referred to as "memory," may be used to store computer-executable program code, which includes instructions. The internal memory 120 may include an area for storing programs and an area for storing data. Wherein, the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like. The storage data area can store data created during the use of the electronic device 100 (such as audio data, phonebook, etc.) and the like. In addition, the internal memory 120 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like. The processor 110 executes various functional applications and data processing of the electronic device 100 by executing instructions stored in the internal memory 120 and/or instructions stored in a memory provided in the processor.

The external memory 121 generally refers to an external memory. In the embodiment of the present application, the external memory refers to a storage other than the internal memory of the electronic device and the cache memory of the processor, and the storage is generally a non-volatile memory. Common external storage devices include hard disks, floppy disks, optical disks, U disks, Micro SD cards, etc., which are used to expand the storage capacity of the electronic device 100. The external memory may communicate with the processor 110 through an external memory interface or a bus to implement a data storage function. Such as saving music, video and other files in external storage.

The sensor module 130 may specifically include a gyroscope sensor 130A. The gyro sensor 130A can be used to determine the motion posture of the electronic device 100 . In some embodiments, the angular velocity of the electronic device 100 around three axes (ie, x, y and z axes) may be determined by the gyro sensor 130A. The gyro sensor 130A can be used for image stabilization. Exemplarily, when the shutter is pressed, the gyro sensor 130A detects the shaking angle of the electronic device 100, calculates the distance that the lens module needs to compensate according to the angle, and allows the lens to counteract the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyroscope sensor 130A can also be used for navigation and somatosensory game scenes.

The electronic device 100 can realize the shooting function through the ISP, the camera 140 , the video codec, the GPU, the display screen 150 and the application processor.

The ISP is used for processing data fed back by the camera 140 . For example, when taking a picture, open the shutter, the light is transmitted to the photosensitive element of the camera through the lens, and the light signal is converted into an electrical signal, and the photosensitive element of the camera transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on image noise, brightness, and skin color. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, the ISP may be located in the camera 140 .

Camera 140 is used to capture still images or video. The object generates an optical image through the lens and projects it to the photosensitive element. The photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. DSP converts digital image signals into standard RGB, YUV and other image signals. In some embodiments, the electronic device 100 may include 1 or N cameras 140 , where N is a positive integer greater than 1.

The electronic device 100 implements a display function through a GPU, a display screen 150 , and an application processor. The GPU is a microprocessor for image processing, and is connected to the display screen 150 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

The display screen 150 is used to display images, videos and the like. The display screen 150 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 150 , where N is a positive integer greater than 1.

The above is a specific description of the embodiment of the present application by taking the electronic device 100 as an example. It should be understood that the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100 . Electronic device 100 may have more or fewer components than shown in the figures, may combine two or more components, or may have a different configuration of components. The various components shown in the figures may be implemented in hardware. software. or a combination of hardware and software including one or more signal processing and/or application specific integrated circuits.

In some possible embodiments, the above-mentioned internal memory 120 may be used to store one or more programs;

The processor 110 is configured to execute one or more programs stored in the internal memory, so that the electronic device executes the video thumbnail display method provided by any embodiment of the present application.

In some possible embodiments, the external memory 121 can be used as a computer storage medium for storing computer programs, and when the stored computer programs are executed, it is specifically used to implement the video thumbnail provided in any embodiment of the present application. Show method.

The user can use the above-mentioned electronic device to record a video, and the recorded video can be stored in the memory of the electronic device, or can be uploaded to the server by the electronic device. Further, the user can browse the recorded video on the display screen of the electronic device.

The user can browse videos through the gallery application on the electronic device, see FIG. 2 , the electronic device displays the video browsing interface 200 shown in FIG. 2 in response to the user's operation of browsing videos, and displays videos in the form of thumbnails in this interface . In the video browsing interface 200, the electronic device respectively displays the corresponding thumbnail, video ID and duration of each video according to a specific aspect ratio. Based on the interface 200, the electronic device may respond to the user's click operation on the thumbnail corresponding to any one of the videos, and then start playing the corresponding video.

The display method of the above video has the following problems:

Each video thumbnail is displayed with a fixed aspect ratio, however videos captured by electronic devices may have multiple aspect ratios. The aspect ratio of the recorded movie video is generally 21:9 (when the video is in landscape orientation) or 9:21 (when the video is in portrait orientation), further, users can also edit and record to obtain , so as to obtain movie videos with other aspect ratios, such as 16:9 movie videos through editing. Therefore, presenting movie videos with a fixed aspect ratio will cause the interface shown in FIG. 2 to be unable to completely display one frame of images in each movie video when browsing movie videos, so the user's viewing experience when browsing movie videos is poor.

In view of the above problems, an embodiment of the present application provides a method for displaying video thumbnails. The video thumbnail display method provided by the embodiment of the present application can be applied to the electronic device 100 shown in FIG. 1 . The following takes the electronic device 100 shown in FIG. 1 as a mobile phone as an example to specifically describe the technical solution provided by the embodiment of the present application. .

Referring to FIG. 3 , the mobile phone 100 turns on the display screen in response to the user's screen-on operation, and presents an interface 300 as shown in FIG. 3 on the display screen. In the interface 300, the user can click the icons of various applications presented on the interface 300, and the mobile phone responds to the user's click operation on the icons to start the corresponding application.

Exemplarily, the mobile phone may start the camera application in response to the user's click operation on the icon 301 of the camera application. After the camera application is started, the camera application can switch to the movie mode in response to the user's operation on the mode switching control of the camera application, and then start recording the movie video in response to the user's operation of starting video recording in the movie mode. After the camera app starts recording a movie video for a period of time, the camera app responds to the user's operation to stop recording the video and stops recording the movie video. At this point, the camera app completes the recording of a movie video, and the recorded movie video can be stored on the phone in the form of a video file 100's of internal memory.

Furthermore, the user can click the icon 302 corresponding to the gallery application in the interface 300, and the mobile phone responds to the user's click operation on the icon 302 to start the gallery application, and then the gallery application presents the interface 303 shown in FIG. 3 on the display screen of the mobile phone.

Interface 303 presents a plurality of photo albums contained in the gallery, such as "camera", "all photos", "video", "screen capture" and "my movie". Wherein, "My Movie" is a movie album, and the movie album includes one or more movie videos.

In some possible embodiments, the movie videos contained in the movie album may include movie videos captured by the mobile phone 100, and movie videos captured by other mobile phones except the mobile phone 100 and shared with the mobile phone 100 through the server.

In some possible embodiments, the gallery application may create more photo albums in response to the user's operation of creating a new photo album. The embodiment of the present application does not limit the type and quantity of albums created in the gallery.

Exemplarily, the gallery application may create a movie album "Movie Album 1" different from the "My Movies" album in response to the user's operation of creating a new movie album.

After the gallery presents the interface 303, the user can click any one of the photo albums, and the gallery responds to the user's click operation on any photo album, and displays the videos or pictures included in the photo album on the display screen.

Exemplarily, the gallery can respond to the user's click operation on the "My Movies" album, presenting a movie and video browsing interface on the display screen, and displaying "My Movies" in the form of movie video thumbnails in the movie and video browsing interface Movie video included. The movie video browsing interface refers to a video browsing interface for displaying movie videos.

The thumbnail of the movie video can generally be obtained by processing a frame of image in the movie video. Processing methods can include scaling, cropping, etc. In some possible embodiments, the image used to generate the thumbnail may be the first frame image in the movie video, that is, a frame image at time 0 of the movie video, or the first few frames of the movie video image, A frame of image with the best image quality, the image quality can be judged based on parameters such as image brightness and definition, for example, the higher the image definition is, the better the image quality is.

Before presenting the movie and video browsing interface, the gallery first determines the current orientation of the mobile phone.

If the current orientation of the mobile phone is the vertical screen orientation, the gallery divides the movie video into several rows according to the preset vertical screen rules, and each row corresponds to 1 to 3 movie videos. The number, direction and video size of the movie videos corresponding to this row, determine the corresponding display size of each movie video in this row, and then display the thumbnail corresponding to each movie video corresponding to this row according to the display size corresponding to each movie video .

The video size refers to the size of the image frame in the filmed video. The video size includes the video width and video length. The video width refers to the width of the image frame in the video, and the video height refers to the height of the image frame in the video. Generally, the size of the video is consistent with the display screen of the electronic device that shoots the video.

Exemplarily, if an electronic device with a display screen width of 1080 pixels and a height of 1920 pixels is used to shoot a video in a portrait orientation, the video size of the video may be 1080 pixels in width and 1920 pixels in height. If an electronic device with a display screen width of 1080 pixels and a height of 1920 pixels is used to shoot a video in landscape orientation, the video size of the video can be 1920 pixels in width and 1080 pixels in height.

The display size refers to the size of the thumbnail when the movie video is displayed in the form of a thumbnail on the display screen. The display size may include a display height and a display width. Specifically, the display height is the vertical size of the thumbnail, and the display The width is the horizontal dimension of the thumbnail. The ratio obtained by dividing the display width by the display height is recorded as the display aspect ratio.

In the embodiment of the present application, the display heights of the movie videos in the same row are the same, and the display width is determined according to the display height and the video aspect ratio of each movie video. The video aspect ratio of a movie video refers to the ratio obtained by dividing the video width of a movie video by the video height.

When the gallery divides the movie video according to the vertical screen rules, it may produce multiple branch results, and the display mode of the thumbnail corresponding to each branch result can be seen in Figure 4. Wherein, FIG. 4b can be understood as an interface presented by the gallery in response to the user's upward sliding operation on FIG. 4a.

It should be noted that the rectangular boxes in Fig. 4 and Fig. 6 to Fig. 8 represent the thumbnails corresponding to the movie videos, and Fig. 4 and Fig. 6 to Fig. 8 represent the width and height marked in the boxes of the thumbnails of the movie videos Ratio is the aspect ratio of the thumbnail displayed on the display screen, that is, the ratio obtained by dividing the width of the thumbnail by the height of the thumbnail.

In some optional embodiments, when the electronic device displays the thumbnail of the movie video, it may display the aspect ratio of the thumbnail shown in Figure 4, Figure 6 to Figure 8, or may not display the aspect ratio of the thumbnail .

X1 represents the display mode when displaying a thumbnail of a movie video in a portrait orientation and a thumbnail of a movie video in a landscape orientation on the same line. The display mode of the thumbnails of a movie video in this row can be referred to in Figure 4a, where Movie 1 Movie 2 is a movie video in portrait orientation, and Movie 2 is a movie video in landscape orientation. 01:00 below Movie 1 indicates that the duration of Movie 1 is 1 minute, and the rectangular frame where Movie 1 is located indicates the thumbnail of Movie 1. The meanings of the elements in the subsequent schematic diagrams are similar and will not be repeated here.

In display mode X1, the display heights of Movie 1 and Movie 2 are both Hx1, and Hx1 is calculated according to the following formula:

Hx1=A×Alpha

Both the height and the width involved in the embodiment of the present application may be represented by the number of pixels. For example, if the display height of the movie video is 100, it means that the height of the displayed thumbnail of the movie video is 100 pixels.

In some optional embodiments, the height and width may also be represented by other units such as centimeters and millimeters, and the embodiment of the present application does not limit the units of size.

In the above formula, A is the width of the preset video display area. When the gallery uses the entire display screen of the electronic device to display the movie video, A can be equal to the width of the display screen of the electronic device. When the gallery can only be displayed on the display screen When a movie video is displayed in a window with a certain size, A can be equal to the width of the window.

Alpha is a preset reference coefficient, and the reference coefficient can be set by the manufacturer or user of the electronic device. Exemplarily, Alpha can be set to 9/16.

The display width W1s of Movie 1 in portrait orientation is calculated according to the following formula:

W1s＝Hx1×(W1÷H1)

In the above formula, W1 represents the video width of Movie 1, and H1 represents the video height of Movie 1.

The display width W2s of Movie 2 in landscape orientation is calculated according to the following formula:

W2s=min(Wmax, Hx1×(W2÷H2))

Among them, W2 is the video width of movie 2, H2 is the video height of movie 2, and Wmax indicates the upper limit of the display width of movie 2. The calculation formula of Wmax is as follows:

Wmax=A-N-W1s

In the above formula, N represents the preset video layout interval. In the movie video browsing interface, the vertical interval between the two adjacent thumbnails up and down, and the horizontal interval between the two adjacent thumbnails on the left and right can be Set to N. The unit of the video layout interval may be consistent with the unit of width and height in the embodiment of the present application.

In display mode X1, due to the limitation of the width of the video display area, the display aspect ratio of the video in landscape orientation (for example, Movie 2 as shown in Figure 4) may be inconsistent with the video aspect ratio of the video itself, as shown in Figure 4a For example, Movie 2 has a display aspect ratio of 16:9 and Movie 2 has a video aspect ratio of 21:9.

When the product of the display height of Movie 2 and the video aspect ratio of Movie 2 is less than or equal to the upper limit of the display width of Movie 2, the display width of Movie 2 is equal to the product. At this time, the display aspect ratio of Movie 2 and Movie 2 consistent video aspect ratio. The display aspect ratio refers to the ratio obtained by dividing the display width of the movie video by the display height.

When the product of the display height of Movie 2 and the video aspect ratio of Movie 2 is greater than the upper limit of the display width of Movie 2, the display width of Movie 2 is equal to the upper limit of the display width. At this time, the display aspect ratio of Movie 2 is smaller than the video of Movie 2 aspect ratio.

If the display aspect ratio of movie 2 is smaller than the video aspect ratio of movie 2, when movie 2 is displayed in the gallery, a frame of image used to generate a thumbnail in movie 2 can be obtained first, and this frame of image is pressed according to the video of movie 2 The aspect ratio is reduced to obtain a reduced image whose height is consistent with the display height of Movie 2. At this time, the width of the reduced image is greater than the display width of Movie 2. Then the gallery crops the reduced image along the width direction to obtain a cropped image with a width equal to the display width of Movie 2, and this cropped image is the thumbnail of Movie 2.

In some possible embodiments, the gallery may crop the reduced image in a center cropping manner, or in other ways, and the embodiment of the present application does not limit the cropping manner.

X2 represents the display mode when displaying the thumbnails of two vertically oriented movie videos in the same row, please refer to interface 4a, where Movie 3 and Movie 4 are both vertically oriented movie videos.

In display mode X2, the display heights of Movie 3 and Movie 4 are both Hx2. When calculating Hx2, select the following formula (1) and formula (2) according to the video aspect ratio of the two vertical screen orientation videos in the same row. one of the calculations.

If the video aspect ratios of the two movie videos are all less than the aforementioned reference coefficient Alpha, then calculate according to formula (1):

(1) Hx2=(A-N)÷2÷Alpha

If the video aspect ratio of at least one of the two movie videos is greater than or equal to the aforementioned reference coefficient Alpha, then calculate according to formula (2):

(2) Hx2＝(A-N)÷(W3÷H3+W4÷H4)

Wherein, W3 represents the video width of Movie 3, H3 represents the video height of Movie 3, W4 represents the video width of Movie 4, and H4 represents the video height of Movie 4.

The display width W3s of movie 3 is calculated according to the following formula:

W3s＝Hx2×(W3÷H3)

The display width W4s of movie 4 is calculated according to the following formula:

W4s＝Hx2×(W3÷H3)

X3 represents a display mode in which thumbnails of a movie video in a landscape orientation are displayed in a single row, please refer to interface 4a, and movie 5 is a movie video in a landscape orientation.

In display mode X3, the display height of movie 5 is recorded as Hx3, and Hx3 is calculated according to the following formula:

Hx3＝A÷(W5÷H5)

Where W5 represents the video width of Movie 5, and H5 represents the video height of Movie 5.

The display width of the movie 5 may be consistent with the width A of the display area.

X4 represents the display method of displaying the thumbnails of three vertically oriented movie videos in the same row, please refer to interface 4a, where movie 6, movie 7 and movie 8 are all vertically oriented movie videos.

In display mode X4, the display heights of Movie 6, Movie 7 and Movie 8 are all Hx4, and Hx4 is calculated according to the following formula:

The display width W6s of movie 6 is calculated according to the following formula:

W6s＝Hx4×(W6÷H6)

Similar to Movie 6, the display width of Movie 7 is equal to the product of the display height of Movie 7 and the video aspect ratio of Movie 7, and the display width of Movie 8 is equal to the product of the display height of Movie 8 and the video aspect ratio of Movie 8.

X5 represents the display method of displaying the thumbnails of a movie video in a vertical screen orientation in a single line, please refer to interface 4b, and Movie 9 is a movie video in a vertical screen orientation.

In the display mode X5, the display width W9s of the movie 9 is calculated according to the following formula:

W9s＝(A-N)÷2

The display height H9s of movie 9 is calculated according to the following formula:

H9s＝W9s÷(W9÷H9)

Among them, W9 represents the video width of Movie 9, and H9 represents the video height of Movie 9.

According to the calculation formulas for the display sizes of movie videos in the above display modes X1 to X5, it can be seen that in the display modes determined according to the vertical screen rules, the display aspect ratio of the movie video in the vertical screen direction is different from the video aspect ratio of the movie video. Therefore, when displaying a movie video in vertical screen orientation in the display mode determined by the vertical screen rules, it is only necessary to select a frame of image used to generate a thumbnail in the movie video, and then select this frame of image according to the width and height of the video It only needs to be zoomed to the corresponding display width and display height without cropping. Therefore, in the display mode determined according to the vertical screen rules, the gallery can completely display a frame of image in the movie video in the vertical screen orientation.

It should be noted that the display mode shown in FIG. 4 is an example provided by an optional embodiment of the present application. In other optional embodiments, when the electronic device is in a portrait orientation, other Ways to display, not limited to several ways shown in Figure 4. Exemplarily, when the electronic device is in a portrait orientation, it may also display 4 or more movie video thumbnails in a row based on other display manners.

In some possible embodiments, the gallery can display the movie videos stored locally on the mobile phone and the movie videos stored on the server on the movie video browsing interface, or only the movie videos stored locally on the mobile phone can be displayed on the movie video browsing interface, or the Only the movie videos stored on the server are presented in the browsing interface.

Please refer to Figure 5. When the library opens the movie and video browsing interface, the movie videos stored locally on the mobile phone and the movie videos stored on the server can be displayed in the form of thumbnails by default on the movie and video browsing interface. The movie and video browsing interface at this time is shown in Figure 5 As shown in the interface 501 of the control 505, the option of the control 505 is "all".

In interface 501 , a user may click on control 505 . Please refer to the interface 502. After the user clicks the control 505, the electronic device displays a menu 506. In the menu 506, the user can switch the control 505 to the corresponding option by clicking the words "all", "cloud" and "local".

The user can switch the option of the control 505 to make the movie video stored locally on the mobile phone or the movie video stored on the server in the movie video browsing interface in the gallery.

Exemplarily, the user can switch the control 505 to the "cloud" option, and at this time, the gallery only presents the movie videos stored on the server in the movie video browsing interface. Please refer to the interface 503 in FIG. 5 , after the control 505 is switched to the "cloud" option, the movie video browsing interface only displays the thumbnails of movie 2 and movie 3 stored in the server.

Exemplarily, the user can switch the control 505 to the "local" option, and at this time, the gallery only presents the movies and videos stored locally on the mobile phone in the movie and video browsing interface. Please refer to the interface 504 in FIG. 5 , after the control 505 is switched to the "local" option, the movie video browsing interface only displays the thumbnails of movie 1, movie 4 and movie 5 stored on the server.

In some possible embodiments, when the mobile phone is in a vertical screen orientation, every time the movie video to be presented on the movie video browsing interface changes, the gallery will redefine the movie video branches to be presented according to the vertical screen rules, and re-determine the corresponding row of each row. The display size of the movie video, and then display the thumbnail of each movie video according to the newly determined row mode and display size.

Taking Figure 5 as an example, in the interface 501, the movie videos to be presented in the gallery include movies 1 to 5 stored locally on the mobile phone and in the server. At this time, the thumbnails of movie 1 and movie 2 are displayed on the same line, and the movies The thumbnails for Movie 3 and Movie 4 are displayed on the same row, and the thumbnails for Movie 5 are displayed on a separate row.

When the option of control 505 is switched to cloud, as shown in interface 503, the movie videos to be presented in the gallery include Movie 2 and Movie 3. At this time, the thumbnails of Movie 2 are displayed on a single row, and the thumbnails of Movie 3 are displayed separately on One line, and the sizes of the thumbnails of Movie 2 and Movie 3 are both increased relative to the size of the thumbnails in interface 501 .

When the option of the control 505 is switched to local, as shown in the interface 504, the movie videos to be presented in the gallery include Movie 1, Movie 4 and Movie 5. At this time, the thumbnails of Movie 1 and Movie 4 are displayed on the same row, and Movie 5 The thumbnails of are displayed on a single row, wherein the size of the thumbnail of Movie 1 is increased relative to the size of the thumbnails in the interface 501 .

If the current orientation of the mobile phone is landscape orientation, the gallery divides the movie video into several rows according to the preset horizontal screen rules, and each row corresponds to 1 to 3 movie videos. The number, direction and video size of the movie videos corresponding to this row, determine the corresponding display size of each movie video in this row, and then display the thumbnail corresponding to each movie video corresponding to this row according to the display size corresponding to each movie video .

After the gallery divides the movie videos into rows according to the horizontal screen rules, it may generate multiple branch results. The thumbnails of the movie videos in this row are displayed on the same row. For the display methods of the thumbnails corresponding to the results of each branch, please refer to Figure 6 to Figure 8.

It should be noted that, in the horizontal screen display modes shown in FIGS. 6 to 8 , since the display screen is placed horizontally, the width A of the display area may be equal to the height of the display screen of the electronic device.

Please refer to FIG. 6 a , Y1 represents a display mode of displaying thumbnails of three movie videos in landscape orientation in the same row, and movies 1 to 3 are movie videos in landscape orientation.

In display mode Y1, the display heights of movies 1 to 3 are Hy1, and Hy1 is calculated according to the following formula:

The display width of Movie 1 is equal to the product of the display height Hy1 of Movie 1 and the video aspect ratio of Movie 1. Similarly, the display widths of Movie 2 and Movie 3 are respectively equal to the product of Hy1 and the corresponding video aspect ratio.

Please refer to FIG. 6 a , Y2 represents the display mode of displaying the thumbnails of two movie videos in landscape orientation in the same row, and Movie 4 and Movie 5 are both movie videos in landscape orientation.

In display mode Y2, the display heights of movie 4 and movie 5 are both Hy2, and Hy2 is calculated according to the following formula:

Same as the display width of Movie 1 in the aforementioned display mode Y1, the display widths of Movie 4 and Movie 5 are respectively equal to the product of the display height Hy2 and the corresponding video aspect ratio.

Please refer to FIG. 6 b , Y3 represents the display mode of displaying the thumbnails of three movie videos in the vertical screen orientation in the same row, and movies 6 to 8 are all movie videos in the vertical screen orientation.

In the display mode Y3, the display heights of movies 6 to 8 are Hy3, and Hy3 is calculated according to the following formula:

Hy3＝(A-2×N)÷3

The display widths of Movie 6 to Movie 8 are all equal to their own display heights.

Y4-1 shown in Fig. 7, Y4-2 and Y4-3 all represent the display mode that the thumbnail of a movie video in landscape direction and the thumbnail of two movie videos in vertical screen direction are displayed in the same row.

Among them, please refer to Figure 7a, Y4-1 and the thumbnail of the movie video in the horizontal screen direction is displayed on the left side of this line, and the thumbnail images of the two vertical screen direction movie videos are displayed on the right side, and the movie 9 is horizontal Screen orientation videos, Movie 10 and Movie 11 are movie videos in portrait orientation.

Please refer to Figure 7b, Y4-2 indicates the display mode when the thumbnail of the movie video in landscape orientation is presented on the right side of the row, and the thumbnails of two movie videos in portrait orientation are presented on the left, and Movie 14 is in landscape orientation The videos, Movie 12 and Movie 13 are movie videos in portrait orientation.

Please refer to Figure 7c, Y4-3 indicates that the thumbnail of the movie video in the horizontal screen direction is displayed in the middle of the row, and the thumbnails of the two movie videos in the vertical screen direction are displayed on both sides of the thumbnail image of the movie video in the horizontal screen direction. In this way, movie 16 is a video in landscape orientation, and movie 15 and movie 17 are movie videos in vertical orientation.

In the three display modes of Y4-1, Y4-2 and Y4-3, the calculation method of the display width and display height of the movie video is the same, and the display height corresponding to the three display modes of Y4-1, Y4-2 and Y4-3 Denote as Hy4.

Taking the display mode Y4-1 as an example, the calculation formula of Hy4 is as follows:

Wherein, W9 and H9 represent the video width and video height of movie 9 respectively, W10 and H10 represent the video width and video height of movie 10 respectively, W11 and H11 represent the video width and video height of movie 11 respectively.

In the display modes Y4-2 and Y4-3, the display height Hy4 can be calculated using the above formula, and only need to replace the corresponding video aspect ratios with the video aspect ratios of the three movie videos in the same row.

The three display modes of Y4-1, Y4-2 and Y4-3 all include two movie videos in vertical screen orientation and one movie video in horizontal screen orientation located in the same row. In these three display modes, the display widths of the three movie videos in the same row are calculated in the same manner, which is equal to the product of the display height Hy4 and the video aspect ratio of the corresponding movie video.

Taking the display mode Y4-1 as an example, the display width of movie 9 is equal to the product of the display height Hy4 of movie 9 and the video aspect ratio of movie 9, and the display width of movie 10 is equal to the display height Hy4 of movie 10 and the video aspect ratio of movie 10 The product of the video aspect ratio, the display width of Movie 11, is equal to the product of the display height Hy4 of Movie 11 and the video aspect ratio of Movie 11.

In Fig. 6a to Fig. 7c, Fig. 6a is the interface presented when the movie album is opened in the gallery and the mobile phone is in a landscape orientation, and Fig. 6b to Fig. 7c may be the interface displayed in response to the user's sliding operation after the movie album is opened.

Please refer to FIG. 8 a , Y5 represents a display mode in which thumbnails of a movie video in landscape orientation are displayed in a single line, and movie 18 is a video in landscape orientation.

In the display mode Y5, the display height of the movie 18 is recorded as Hy5, and Hy5 is calculated according to the following formula:

W18 and H18 indicate the video width and video height of Movie 18, respectively.

The display width W18s of the movie 18 is equal to the product of the display height of the movie 18 and the video aspect ratio of the movie 18 .

Please refer to FIG. 8 b , Y6 represents a display mode in which thumbnails of a movie video in a vertical screen orientation are displayed in a single row, and the movie 18 is a video in a vertical screen orientation.

Please refer to FIG. 8 c , Y7 indicates a display mode of displaying thumbnails of two vertically oriented movie videos in the same row, and Movie 18 and Movie 19 are both vertically oriented movie videos.

In the display modes Y6 and Y7, the display height of the movie video is consistent with the display height of the movie video in the display mode Y3, and the display width of the movie video is consistent with the display width of the movie video in the display mode Y3, which will not be repeated here.

Y8-1 and Y8-2 shown in FIG. 9 both indicate a display mode in which a thumbnail of a movie video in a landscape orientation and a thumbnail of a movie video in a portrait orientation are displayed in the same row.

Wherein, please refer to FIG. 9 a , Y8-1 indicates a display manner in which the thumbnail of the movie video in the portrait orientation is displayed on the left, and the thumbnail of the movie video in the landscape orientation is displayed on the right.

Please refer to FIG. 9 b , Y8-2 indicates a display manner in which the thumbnail of the movie video in the landscape orientation is displayed on the left, and the thumbnail of the movie video in the portrait orientation is displayed on the right.

In the two display modes of Y8-1 and Y8-2, the display width and height of the movie video are calculated in the same way, and the display height corresponding to the two display modes of Y8-1 and Y8-2 is recorded as Hy6.

Taking the display mode Y8-1 as an example, the calculation formula of Hy6 is as follows:

W19 and H19 represent the video width and video height of Movie 19 respectively, the display width W18s of Movie 18 is equal to the product of the display height of Movie 18 and the video aspect ratio of Movie 18, and the display width W19s of Movie 19 is equal to the display of Movie 19 The product of the height and the video aspect ratio of Movie 19.

The display methods shown in Figures 8a to 8c, and Figures 9a and 9b can be the display mode of the last one or two movie video thumbnails when the movie album slides to the bottom, or it can be that the movie album only contains one Or the way thumbnails are displayed when two movie videos.

According to the calculation formulas for the display sizes of movie videos in the above display modes Y1 to Y7, it can be seen that in the display modes determined according to the horizontal screen rules, the display aspect ratio of the movie video in the horizontal screen direction is different from the video aspect ratio of the movie video. Therefore, when displaying a film video in landscape orientation in the display mode determined by the landscape rules, it is only necessary to select a frame of image used to generate a thumbnail in the film video, and then select this frame of image according to the width and height of the video It only needs to be zoomed to the corresponding display width and display height, and no cropping is required. Therefore, in the display mode determined according to the horizontal screen rules, the gallery can completely display a frame of image in the movie video in the horizontal screen orientation.

In each of the display modes shown in FIGS. 4 to 9 , if the calculation result of the formula for calculating the display size is not an integer, the calculation result can be rounded up or down to obtain the display size.

In some possible embodiments, when the mobile phone is in the landscape orientation, every time the movie video to be presented on the movie video browsing interface changes, the gallery re-displays the movie video branch according to the landscape screen rules, and re-determines the corresponding row of each row. The display size of the movie video, and then display the thumbnail of each movie video according to the newly determined row mode and display size.

It should be noted that the display modes shown in FIGS. 6 to 9 are examples provided by an optional embodiment of the present application. In other optional embodiments, when the electronic device is in a landscape orientation, it also It can be displayed in other ways than the above-mentioned display ways, and is not limited to the several ways shown in FIGS. 6 to 9 . Exemplarily, when the electronic device is in a landscape orientation, it may also display 4 or more movie video thumbnails in a row based on other display manners.

In some possible embodiments, the gallery may determine the display order of the thumbnails of the movie videos in the movie video browsing interface according to the shooting time of each movie video. Exemplarily, in the movie video browsing interface, the shooting time of the movie video corresponding to the upper thumbnail is earlier than the shooting time of the movie video corresponding to the lower thumbnail, and in the same row, the movie video corresponding to the left thumbnail The shooting time is earlier than the shooting time of the movie video corresponding to the thumbnail on the right.

The video thumbnail display method provided by the embodiment of the present application has the following beneficial effects:

When displaying movie videos, the gallery dynamically determines the position and display size of each movie video in the video display area based on the above horizontal and vertical screen rules, so that the display aspect ratio of each movie video and the actual video width and height The ratio is the same, or close to the aspect ratio of the video, avoiding cropping the image of the movie video when generating the thumbnail of the movie video, so that the user can see a complete frame of the movie video when browsing the movie video, which is helpful The user previews the content of the movie video through the thumbnail, and quickly finds a specific movie video according to the thumbnail of the movie video.

Further, keeping the display aspect ratio of the movie video consistent with the video aspect ratio helps the user to intuitively distinguish the movie video browsing interface from the non-movie video browsing interface, and improves the user's experience when browsing movie videos.

It should be noted that although the above-mentioned embodiment uses movie videos as an example to illustrate the display method of video thumbnails provided by this application, the method of displaying video thumbnails provided by this application is not limited to displaying thumbnails of movie videos, but Can be used to display thumbnails of other videos, and to display other derived images.

The video thumbnail display method provided by the embodiment of the present application can be implemented by the camera application, media framework and gallery of the electronic device.

Referring to FIG. 10 , the electronic device 100 may include a hardware layer and a software layer, wherein the software layer includes a kernel layer, an application framework layer and an application layer. The hardware layer includes camera, memory and display screen, the kernel layer includes camera driver, the application framework layer includes camera service (camera service) and media framework, the media framework includes media database and media encoder (MediaCodec), and the application layer includes camera application and gallery. The memory may be a read-only memory (Read-Only Memory, ROM).

The camera application turns on the movie mode in response to the user's operation of recording a movie video, and sends a control command to the camera application service in the movie mode, and the control command is transmitted to the camera through the camera application service and the camera driver, so that the camera starts to record the movie video. When starting to record a movie video, the camera application creates a file stream in memory for this recording process. During the recording process, the video stream captured by the camera is transmitted to the camera application through the camera driver and the camera application service. After the camera application obtains the video stream , providing the video stream to the media encoder, the media encoder encodes the video stream to obtain corresponding video data, and the media encoder adds the encoded video data to the file stream. After recording for a certain period of time, the camera application responds to the user's operation to stop recording, controls the camera to stop recording video through the camera application service and the camera driver, and then saves the aforementioned file stream in the memory in the form of a video file.

After the camera application saves the video file, the media framework parses the video file in memory, obtains the video information of the video file, and updates the video information to the media database.

After the media database is updated, the gallery will synchronize the media information recorded in the media database to its own database. Afterwards, when the user browses videos through the gallery, the gallery responds to the user's operation and displays thumbnails of movie videos on the display screen based on the video information stored in its own database.

Referring to FIG. 11 , the flow of the method for displaying video thumbnails provided by the embodiment of the present application will be described below in conjunction with the interaction process of the camera application in the electronic device, the gallery and the media framework.

In response to the user's operation of turning on the movie mode, the camera application executes step S1101 to turn on the movie mode.

After the movie mode is turned on, the camera application responds to the user's operation of starting recording, and executes step S1102 to create a file stream, set a multimedia format and add a movie tag.

Exemplarily, the created file stream is stored in the running memory of the electronic device.

Among them, the multimedia format (MediaFormat) specifically includes several fields in the file stream. These fields are used to describe the encoding format of the recorded video, sampling rate and other information. Setting the multimedia format is equivalent to configuring the field values of the above fields. Generally, the multimedia format is located at the beginning of the file stream, that is, in the file header.

In some possible embodiments, the above movie tag (Tag) can be added to the file header.

In some possible embodiments, the movie tag can also be added to the file header after the recording is stopped. The embodiment of the present application does not limit the timing of adding movie tags.

Exemplarily, if the media encoder encodes the video stream based on the MP4 (Moving Picture Experts Group 4, Moving Picture Experts Group 4) encoding standard, the movie tag may be the field gnre of the Movie header atom layer in the file stream. Specifically, if the video is recorded in movie mode, the camera application can configure the field value of the gnre field in the Movie header atom layer of the file stream to represent the value of the movie video. After the configuration is completed, the gnre field is the movie in the file stream Label.

After step S1102 is executed, the camera application executes step S1103 to record a video. During the recording process, the camera application obtains the video stream captured by the camera in real time, and performs step S1104 on the video stream, encoding the video stream, and step S1105, outputting the video data to the file stream. Wherein step S1104 is implemented by the camera using the aforementioned media encoder.

After recording for a certain period of time, the camera application responds to the user's operation to stop recording, and executes step S1106 to stop recording the video, and step S1107 to save the video file.

In step S1107, the camera application saves the file stream including the multimedia format, the movie tag and the video data in the storage of the electronic device in the form of a file, so as to obtain the video file.

During the running of the media framework, step S1108 is periodically performed on the memory of the electronic device to scan video files.

It should be noted that the scanned video files in the internal memory are scanned in step S1108.

Exemplarily, the media framework may execute step S1108 through the MediaScanner function.

By executing step S1108, when the camera application stops recording and saves the video file, the media framework scans the memory for the newly saved video file, and then, the media framework executes step S1109 for the video file to analyze the video information.

Exemplarily, in step S1109, the media framework may parse the video file through the MediaMetaDataRetriever function to obtain the video information of the parsed video file.

The parsed video information may specifically include the rotation angle of the corresponding video file, video name, video size, video format, encoding method, storage address of the video file, video shooting time, and video type. Video size includes video width width and video height, and video type includes movie video and non-movie video.

Continuing from the previous example, in step S1109, for example, the media framework can read the value of the gnre field in the video file, and if the read value indicates the value of the movie video, then determine that the video type of the video file is a movie For video, if the read value is not a value representing a movie video, or the video file is found not to contain the gnre field by reading, then it is determined that the video type of the video file is a non-movie video.

After parsing out the video information, the media framework executes step S1110 based on the media information, updates the media database, and notifies the database listener.

The media database is used to manage the local multimedia files of the electronic device. Generally, the media database stores the media information corresponding to each local multimedia file of the electronic device, wherein the multimedia files include video files, image files, document files and music files. The media information corresponding to the video file is the aforementioned video information, and the media information corresponding to the image file is image information.

In some optional embodiments, the media database may specifically be a memory of the electronic device and a specific storage area in the memory that is pre-allocated to the media framework.

Wherein, the update in step S1110 refers to adding the piece of media information obtained through analysis to the media database. The database listener is a function created by the library to monitor the media database. After the media framework updates the media database each time, it notifies the database listener by sending a notification message to the database listener, and then the database listener forwards the notification message to gallery.

After receiving the notification from the database listener, the library executes step S1111 to synchronize the media database.

The gallery itself is provided with a database for storing video and image information, and this database may be called a gallery database. By performing step S1111, the gallery synchronizes the update of the media database by the media framework to the gallery database.

The gallery database may specifically be a storage area of the electronic device and a specific storage area pre-allocated to the gallery in the internal memory.

Exemplarily, after the media framework adds a piece of video information 1 to the media database, by executing step S1111, the gallery copies the video information 1 from the media database and adds the copied video information 1 to the gallery database.

In addition to saving the image information and video information in the media database, the gallery database can also save video information and image information from the server.

In some possible embodiments, when the cloud synchronization function of the electronic device 100 is turned on, the gallery periodically accesses the server, so as to download from the server the video information of the video stored in the server by the server, and the image information of the image stored in the server, And save the video information and image information downloaded from the server in the gallery database.

The video information and image information downloaded from the server can be obtained by parsing the video and image information by the server, or can be uploaded to the server together by the terminal device when uploading the video and image information.

The gallery can record in the gallery database which album each piece of video information belongs to, and which album each piece of image information belongs to, so that when the gallery opens a specific album in response to the user's operation, it can be determined based on the above records Which images and videos need to be displayed.

Exemplarily, assuming that there is only one movie album in the gallery, which is recorded as "My Movies", the gallery can attribute each piece of video information in the gallery database to the "My Movies" album.

After the user performs the operation of opening the gallery at any time, the gallery executes S1112 in response to the operation of opening the gallery, and displays the photo album interface.

Exemplarily, the displayed photo album interface is the interface 303 in FIG. 3 .

After the album interface is displayed, the user can click to open any album in the gallery. When the gallery receives the user's operation to open the movie album, the gallery executes step S1113 to identify the orientation of the device.

The device orientation refers to the current orientation of the display screen of the electronic device. Specifically, the orientation of the device may include a horizontal screen or a vertical screen. The device orientation may specifically be determined by the gyro sensor 130A.

After the orientation of the device is identified, if the gallery recognizes that the orientation of the device is landscape, then step S1114 is performed to determine the display mode of the movie and video according to the landscape rules.

The display modes determined in step S1114 include any one or more of the display modes shown in FIG. 6 to FIG. 8 .

If the gallery recognizes that the orientation of the device is a portrait orientation, step S1115 is performed to determine the display mode of the movie and video according to the portrait orientation rules.

The display modes determined in step S1115 include any one or more of the display modes shown in FIG. 4 and FIG. 5 .

After step S1114 or step S1115 is executed, the gallery executes step S1116 to display the thumbnails of movie videos in the determined display mode.

In some possible embodiments, before opening the movie album in response to the user's operation, the gallery can also predetermine the display mode of all the movie videos in the movie album when the electronic device The display mode when the device is in portrait mode, and the determined display mode is recorded in the memory. When the movie album is opened in the gallery, the corresponding display mode can be directly obtained from the memory according to the current orientation of the electronic device, and then the movie video can be displayed according to the display mode.

In some possible embodiments, when the gallery executes step S1114 or step S1115, it may determine the display mode of the thumbnail of each movie video included in the opened movie album.

Taking Fig. 6 as an example, assume that the video information of Movie 1 to Movie 8 is recorded in the gallery database, and the shooting time of Movie 1 to Movie 8 is increasing, wherein the shooting time of Movie 1 is the earliest, and the shooting time of Movie 8 is the shortest. When the user opens the My Movie Album in landscape orientation, the gallery determines the display modes of the movie videos recorded in the gallery database one by one according to the shooting time, and displays the thumbnails of the movie videos one by one according to the determined display mode.

In some other possible embodiments, when the gallery executes step S1114 or step S1115, it may also only determine the display mode of the movie video that needs to be displayed in the movie album, but not determine the display mode of the subsequent movie video that does not need to be displayed.

Still taking Figure 6 as an example, after the gallery determines the display modes of movies 1 to 5 and displays the thumbnails of movies 1 to 5 in the interface shown in Figure 6a, the gallery judges that the display screen cannot currently display the thumbnails of subsequent movie videos thumbnail, so not sure how movies 6 to 8 are shown. When the gallery receives the user's sliding operation and needs to display the movie videos after movie 5, then determine the display mode of the subsequent movie 6 to movie 8, and display the thumbnails of movie 6 to movie 8 according to the interface shown in Figure 6b .

The gallery can get thumbnails of movie videos as follows:

When the gallery needs to obtain the thumbnail of the movie video, it sends a parsing request to the media framework through the parsing interface of the media framework, and the parsing request carries the display size of the movie video determined by the gallery. The media framework responds to the parsing request, finds the video file that needs to be parsed out of the thumbnail in the memory according to the video information recorded in the media database, parses the video file to obtain a frame of image for thumbnail generation, and then provides the media framework based on the gallery. The display size of the parsed image is reduced to obtain a thumbnail of the movie video. After obtaining the thumbnail, the media framework writes the thumbnail into the running memory of the electronic device, and then the gallery can read the thumbnail of the movie video from the running memory of the electronic device.

In some optional embodiments. If the movie video is a movie video stored in the server, the gallery sends a parsing request carrying the display size of the movie video to the server. In response to the parsing request, the server executes the above process performed by the media framework to obtain the thumbnail of the movie video, and then feeds back the thumbnail of the movie video to the gallery located on the electronic device.

In some optional embodiments, the display aspect ratio of the movie video is consistent with the video aspect ratio. In this case, the size of the thumbnail image fed back by the media frame or the server is the display size provided by the gallery, and the gallery obtains the thumbnail After that, the thumbnail can be displayed directly on the display.

In some other optional embodiments, the movie video is a video in a landscape orientation, and the display aspect ratio of the movie video is inconsistent with the video aspect ratio. At this time, the media framework or the server writes the thumbnail height and The display height of the movie video is consistent, but the width of the thumbnail is not consistent with the display width of the movie video. After the gallery obtains the thumbnail, if the width of the thumbnail is less than or equal to the display width of the movie video, the gallery can directly display the received thumbnail on the display screen; if the width of the thumbnail is greater than the display width of the movie video, the gallery will press In the center cropping method, the thumbnail is cropped along the width direction, and part of the content on the left and right sides of the thumbnail is cropped to obtain a cropped thumbnail whose width is consistent with the display width of the movie video and whose height is consistent with the display height of the movie video. This cropped thumbnail is then displayed on the display.

In still some optional embodiments, the movie video is a video with a vertical screen orientation, and the display aspect ratio of the movie video is inconsistent with the video aspect ratio. At this time, the width of the thumbnail image fed back by the media framework or the server is the same as the width of the movie video. The display width is the same, but the height of the thumbnail and the display height of the movie video are not the same. After the gallery receives the thumbnail, if the height of the thumbnail is less than or equal to the display height of the movie video, the gallery can directly display the received thumbnail on the display screen; if the height of the thumbnail is greater than the display height of the movie video, the gallery will Crop the thumbnail along the height direction in the center cropping method, cut off part of the content at the upper and lower ends of the thumbnail, and obtain a cropped thumbnail whose height is consistent with the display height of the movie video, and whose width is consistent with the display width of the movie video. This cropped thumbnail is then displayed on the display.

In some optional embodiments, after the gallery obtains the thumbnail image fed back by the media frame or the server, it can save the thumbnail image in the gallery database, and then save this frame of image in the gallery database, and then every time the gallery needs to display the movie video For thumbnails, just read the thumbnails stored in the gallery database directly. The advantage of saving the thumbnails in the gallery database is that when the user opens the movie album, the gallery can display the thumbnails of the movie videos on the display screen of the electronic device faster without waiting for the media framework or the server to feed back the thumbnails.

In some possible implementations, after the gallery determines the display mode of the electronic device in vertical screen according to the vertical screen rules, the display mode of the vertical screen can be saved in the memory of the electronic device. Similarly, the gallery is determined according to the vertical screen rules. After displaying the display mode of the electronic device in landscape mode, the display mode in landscape mode can be saved in the memory of the electronic device.

When the library opens the movie album, it can be determined whether the movie video included in the movie album has been updated. If the movie videos included in the movie album are updated, for example, some movie videos in the movie album are deleted, or some movie videos are added, then the gallery performs the aforementioned steps S1114 or S1115 to determine the corresponding display mode according to the direction of the electronic device, if If the movie video included in the movie album has not been updated, the gallery can read the previously saved display mode in horizontal screen or vertical screen from the memory according to the orientation of the electronic device, and directly execute step S1116 according to the read display mode .

In some optional embodiments, after the display of the movie video is completed, the gallery can periodically detect whether the orientation of the electronic device changes. If the orientation of the electronic device changes, the gallery will re-determine each movie video according to the changed orientation. display mode, and then display the movie video in the new display mode.

Exemplarily, when the movie album is opened, the orientation of the electronic device is the landscape orientation, so the gallery determines the display mode of the movie video according to the landscape rules and displays the movie video. After a period of time, the orientation of the electronic device changes from the landscape orientation to In portrait orientation, the movie album is still open at this time, so the gallery re-determines the display method of the movie video according to the vertical screen rules, and then displays the movie video according to the newly determined display method.

Furthermore, when the orientation of the electronic device changes, if the movie video included in the movie album has not been updated, the gallery can determine whether there is a display mode corresponding to the changed orientation in the memory, and if there is a display mode corresponding to the changed orientation in the memory. If there is no display mode corresponding to the changed direction in the memory, the gallery will re-determine the display mode of each movie video according to the changed direction .

Exemplarily, when the electronic device changes from a vertical screen to a horizontal screen, if the movie video in the movie album has not been updated, and the display mode of the electronic device when the electronic device is in a horizontal screen is stored in the memory, the gallery can be directly stored in the memory. The display mode of the electronic device when the screen is horizontal displays the movie video. If the display mode of the electronic device when the screen is not stored in the memory, the gallery will re-determine the display mode of the movie video according to the horizontal screen rules, and then display the movie according to the newly determined display mode. video.

Step S1115 specifically includes two links. First, the library determines which thumbnails of movie videos are displayed on each line of the display screen according to the method shown in FIG. The size calculation formula corresponding to X5 calculates the display size of each movie video in this line, and finally the gallery can display the thumbnails of movie videos line by line based on the calculated display size in step S1116.

Please refer to Figure 12, the gallery can be used in the following ways. Divide movies and videos into rows according to vertical screen rules.

S1201. Read the video information of the first movie video.

In step S1201, if the library reading fails, that is, the video information of the first movie video is not read, it is determined that there is no movie video, and the method ends. If the library reading is successful, step S1202 is executed.

There may be two or more movie albums in the gallery. In this embodiment, the read video information refers to the video information of the movie video contained in the opened movie album. Exemplarily, there are two movie albums in the gallery, respectively recorded as "My Movie 1" and "My Movie 2". If the movie album opened by the user is "My Movie 1", "My Movie 1" contains 10 movie videos, the gallery reads the video information of the 10 movie videos in "My Movie 1" one by one according to the shooting time, and divides the thumbnails of the 10 movie videos into rows according to the method shown in Figure 12.

The video information of movie videos are all stored in the gallery database. Wherein, if the movie video is a video stored in the local memory of the device, the video information of the movie video is read from the media database by the gallery and stored in the gallery database; if the movie video is a video stored in the server, the video information of the movie video The video information is downloaded from the server by the gallery and stored in the gallery database.

In the embodiment shown in Figure 12 and Figure 13, when the library reads the video information of the movie video, it is read from early to late according to the shooting time of the movie video. Therefore, the first movie video refers to the shooting time of the movie video The earliest movie video, the second movie video was shot after the first movie video, the third movie video was shot after the second movie video, and so on.

S1202. Identify the video direction of the first movie video.

If the video orientation of the first movie video is landscape, execute step S1209; if the video orientation of the first movie video is portrait, execute step S1203.

The video direction of the movie video is determined according to the video height and video width recorded in the video information of the movie video. If the video height of the movie video is greater than the video width, it is recognized that the video direction of the movie video is vertical. If the video height of the movie video is If it is smaller than the video width, it is recognized that the video orientation of the movie video is landscape.

Further, when the rotation angle recorded in the video information of the movie video is 90°, if the video height of the movie video is greater than the video width, then it is recognized that the video direction of the movie video is horizontal, and if the video height of the movie video is smaller than the video width , then it is recognized that the video orientation of the movie video is vertical.

The above-mentioned method for identifying the video direction of a movie video is applicable to each subsequent step of identifying the video direction of a movie video, and the subsequent related steps will not be repeated here.

S1203. Read the video information of the second movie video.

Optionally, when step S1203 is executed, if the reading fails, it is determined that there is no second movie video, then step S1209 is executed, and if the reading is successful, step S1204 is executed.

S1204. Identify the video direction of the second movie video.

If the video orientation of the second movie video is landscape, execute step S1208; if the video orientation of the second movie video is portrait, execute step S1205.

S1205. Read the video information of the third movie video.

Optionally, when step S1205 is executed, if the reading fails, it is determined that there is no third movie video, and then step S1208 is executed; if the reading is successful, step S1206 is executed.

S1206. Identify the video direction of the third movie video.

If the video orientation of the third movie video is landscape, execute step S1208; if the video orientation of the third movie video is portrait orientation, execute step S1207.

S1207. Display the thumbnails of the first movie video, the second movie video and the third movie video in the same row.

After step S1208 is executed, the display modes of the thumbnails of the first movie video, the second movie video and the third movie video are as shown in X4 above.

S1208. Display the thumbnails of the first movie video and the thumbnails of the second movie video in the same row.

After step S1208 is executed, if the first movie video is a video with a vertical screen orientation, and the second movie video is a video with a horizontal screen orientation, the thumbnails of the first movie video and the thumbnails of the second movie video The display mode is as shown in X1 above. If both the first movie video and the second movie video are videos in the vertical orientation, the thumbnails of the first movie video and the thumbnails of the second movie video will be displayed as follows: As shown in X2 above.

S1209. Display the thumbnail of the first movie video in a single line.

After step S1209 is executed, if the first movie video is a video in landscape orientation, the thumbnail of the movie video will be displayed in the aforementioned display mode X3; The thumbnails of are displayed according to the aforementioned display mode X5.

Taking FIG. 4a as an example to illustrate the embodiment shown in FIG. 12 , it is assumed that the "My Movies" album includes 8 movie videos from Movie 1 to Movie 8, and the shooting time of Movie 1 to Movie 8 is incremented.

When the gallery opens the "My Movies" album, the movie videos include movie 1 to movie 8, the gallery reads the video information of the first movie video, that is, movie 1, and recognizes that movie 1 is a vertical screen video, and then the gallery reads Get the video information of the second movie video, that is, movie 2, and recognize that movie 2 is a horizontal video, so the gallery determines to display the thumbnails of movie 1 and movie 2 in the same row.

After the thumbnails of Movie 1 and Movie 2 are divided into the same row, the gallery executes step S1201 again. At this time, Movie 1 and 2 have been divided into rows, and the movie videos include Movie 3 to Movie 8. The gallery reads the first and The second movie video, that is, the video information of Movie 3 and Movie 4, and both Movie 3 and Movie 4 are vertical screen videos, so the gallery reads the third movie video, that is, the video information of Movie 5, and recognizes Movie 5 For videos with a horizontal screen, according to the above embodiment, the gallery determines to display the thumbnails of movie 3 and movie 4 in the same row.

After the thumbnails of movie 3 and movie 4 are divided into the same row, the gallery returns to step S1201. At this time, the movie videos include movie 5 to movie 8. The gallery reads the video information of movie 5 and recognizes that movie 5 is a horizontal screen video , so the gallery determines to display the thumbnails of Movie 5 in a single row.

After the thumbnails of Movie 5 are divided into one row, the gallery returns to step S1201, and by executing the above embodiment, it is determined to display the thumbnails of Movies 6 to 8 in the same row.

After the thumbnails of Movie 6 to Movie 8 are divided into the same row, the library executes step S1201 again. At this time, since Movie 1 to Movie 8 in the "My Movies" album have all been divided into rows, there is no movie video that needs to be read. Video information, the library failed to read the video information, and this method ends.

Step S1114 specifically includes two steps. First, the library determines which thumbnails of movie videos are displayed on each line of the display screen according to the method shown in FIG. The size calculation formula corresponding to Y7 calculates the display size of each movie video in this line, and finally the gallery can display the thumbnails of movie videos line by line based on the calculated display size in step S1116.

Please refer to Figure 13, the gallery can be used in the following ways. Divide movies and videos into rows according to horizontal screen rules.

S1301. Read the video information of the first movie video.

In step S1301, if the library reading fails, that is, the video information of the first movie video is not read, it is determined that there is no movie video, and the method ends. If the library reading is successful, step S1302 is executed.

There may be two or more movie albums in the gallery. In this embodiment, the read video information refers to the video information of the movie video contained in the opened movie album.

S1302. Identify the video direction of the first movie video.

If the video direction of the first movie video is portrait, execute step S1303; if the video orientation of the first movie video is landscape, execute step S1307.

S1303. Read the video information of the second movie video.

S1304. Identify the video direction of the second movie video.

If the video orientation of the second movie video is portrait, execute step S1305; if the video orientation of the second movie video is landscape, execute step S1309.

S1305. Read the video information of the third movie video.

S1306. Display the thumbnails of the first movie video, the second movie video and the third movie video in the same row.

After step S1306 is executed, return to step S1301.

After step S1306 is executed, if the first movie video to the third movie video are videos in landscape orientation, the thumbnails of the first movie video to the third movie video will be displayed in the same way as the aforementioned display method Y1 display; if the first movie video to the third movie video are videos in vertical screen orientation, then the display modes of the thumbnails from the first movie video to the third movie video are as shown in the aforementioned display mode Y3; if the second movie video From one movie video to the third movie video, one movie video is a video in landscape orientation, and the other two movie videos are videos in portrait orientation, then the thumbnails of the first movie video to the third movie video The display modes are as shown in the aforementioned display modes Y4-1 to Y4-3.

Among them, if the first movie video is a video with a landscape orientation, and the other two movie videos are videos with a portrait orientation, the display mode is Y4-1; if the third movie video is a video with a landscape orientation, the other two If the first movie video is in portrait orientation, the display method is Y4-2; if the second movie video is in landscape orientation, and the other two movie videos are in portrait orientation, the display method is Y4-3 .

S1307. Read the video information of the second movie video.

S1308. Identify the video direction of the second movie video.

If the video orientation of the second movie video is portrait, execute step S1309; if the video orientation of the second movie video is landscape, execute step S1312.

S1309. Read the video information of the third movie video.

S1310. Identify the video direction of the third movie video.

If the video orientation of the third movie video is portrait, execute step S1306; if the video orientation of the third movie video is landscape orientation, execute step S1311.

S1311. Display the thumbnails of the first movie video and the second movie video on the same row.

After step S1311 is executed, return to step S1301.

After step S1311 is executed, if both the first movie video and the second movie video are videos in landscape orientation, the thumbnail images of the first movie video and the second movie video will be displayed in the same way as the aforementioned display method Y2. display; if the first movie video and the second movie video are videos in vertical screen orientation, then the display modes of the thumbnails of the first movie video and the second movie video are as shown in the aforementioned display mode Y7; One movie video is a video with a vertical orientation, and the second movie video is a video with a horizontal orientation. video, the second movie video is a video with a vertical screen orientation, and the display mode of the thumbnail is as shown in the aforementioned display mode Y8-2.

S1312. Read the video information of the third movie video.

S1313. Identify the video direction of the third movie video.

If the video orientation of the third movie video is portrait, execute step S1311 ; if the video orientation of the third movie video is landscape orientation, execute step S1306 .

In the above process, if any step of reading the video information fails to read, it is judged that there is no next movie video, and the thumbnails of the movie videos whose video information has been read are displayed on the same line, and then return to step S1301 .

For example, when any one fails to read the video information of the second movie video, it is judged that there is no second movie video, and the thumbnail of the first movie video is displayed in a single line, and then returns to step S1301. When any one fails to read the video information of the third movie video, it is judged that there is no third movie video, and the thumbnails of the first movie video and the second movie video are displayed on the same row, and then return to step S1301.

When displaying the thumbnail of a movie video in a single row, if the movie video is a video in a horizontal orientation, then the thumbnail of the movie video is displayed in the aforementioned display mode Y5; if the movie video is a video in a vertical orientation, Then the thumbnail of the movie video is displayed in the aforementioned display mode Y6.

For the specific implementation manner of each step in the embodiment shown in FIG. 13 , reference may be made to the corresponding steps in FIG. 12 , which will not be repeated here.

An embodiment of the present application further provides a computer storage medium for storing a computer program. When the computer program is executed, it is specifically used to implement the method for displaying video thumbnails provided in any embodiment of the present application.

The embodiment of the present application also provides a computer program product, including a plurality of executable computer commands. When the computer commands of the product are executed, it is specifically used to implement the video thumbnail display method provided in any embodiment of the present application.

Claims (18)

1. A method for displaying video thumbnails, characterized in that it is applied to electronic equipment, and the display method includes:

   When the electronic device is in a vertical screen, a first video is captured by a camera, and the first video has a first aspect ratio;

   Displaying a first thumbnail corresponding to the first video in the photo album, the aspect ratio of the first thumbnail is consistent with the first aspect ratio;

   When the electronic device is in a landscape orientation, a second video is captured by a camera, and the second video has a second aspect ratio;

   Display the second thumbnail corresponding to the second video in the photo album, the first thumbnail and the second thumbnail are displayed on the same row, and the aspect ratio of the second thumbnail and the second width The height ratio is inconsistent.
2. The display method according to claim 1, wherein before displaying the second thumbnail corresponding to the second video in the photo album, further comprising:

   Read the video information of the first video;

   determining the direction of the first video to be a vertical screen according to the video information of the first video;

   read the video information of the second video;

   determining that the direction of the second video is horizontal according to the video information of the second video;

   It is determined that the first thumbnail and the second thumbnail corresponding to the second video are displayed in the same row.
3. The display method according to claim 1 or 2, further comprising:

   When the electronic device is in a landscape orientation, a third video is captured by a camera, and the third video has a third aspect ratio;

   A third thumbnail corresponding to the third video is displayed in the photo album, the third thumbnail is displayed on a row different from that of the second thumbnail, and the aspect ratio of the third thumbnail is the same as that of the third thumbnail. Consistent aspect ratio.
4. The display method according to claim 3, wherein before displaying the third thumbnail corresponding to the third video in the photo album, further comprising:

   Read the video information of the third video;

   determining that the direction of the third video is horizontal according to the video information of the third video;

   It is determined that the third thumbnail corresponding to the third video is displayed on a row different from that of the second thumbnail.
5. The display method according to any one of claims 1 to 4, further comprising:

   When the electronic device is in a vertical screen, a fourth video is captured by a camera, and the fourth video has a fourth aspect ratio;

   A fourth thumbnail corresponding to the fourth video is displayed in the photo album, the fourth thumbnail is displayed on a row different from that of the third thumbnail, and the aspect ratio of the fourth thumbnail is the same as that of the fourth thumbnail. Consistent aspect ratio.
6. The display method according to claim 5, further comprising:

   When the electronic device is in a vertical screen, a fifth video is captured by a camera, and the fifth video has a fifth aspect ratio;

   The fifth thumbnail corresponding to the fifth video is displayed in the photo album, the fifth thumbnail and the fourth thumbnail are displayed on the same row, and the aspect ratio of the fifth thumbnail is the same as the fifth width. The high ratio is consistent.
7. The display method according to claim 6, wherein, before displaying the fifth thumbnail corresponding to the fifth video in the photo album, further comprising:

   Read the video information of the fourth video;

   determining that the direction of the fourth video is a vertical screen according to the video information of the fourth video;

   Read the video information of the fifth video;

   determining that the orientation of the fifth video is vertical according to the video information of the fifth video;

   It is determined that the fourth thumbnail and the fifth thumbnail corresponding to the fifth video are displayed on the same row.
8. The display method according to claim 7, further comprising:

   When the electronic device is in a vertical screen, a sixth video is captured by a camera, and the sixth video has a sixth aspect ratio;

   Display the sixth thumbnail corresponding to the fifth video in the photo album, the sixth thumbnail and the fifth thumbnail are displayed in the same row, and the aspect ratio of the sixth thumbnail is the same as the sixth width The high ratio is consistent.
9. The display method according to claim 8, characterized in that before displaying the sixth thumbnail corresponding to the fifth video in the photo album, further comprising:

   Read the video information of the sixth video;

   determining that the orientation of the sixth video is a vertical screen according to the video information of the sixth video;

   It is determined that the fourth thumbnail image, the fifth thumbnail image, and the sixth thumbnail image corresponding to the sixth video are displayed in the same row.
10. The display method according to any one of claims 1 to 9, characterized in that, after the first video is captured by the camera, further comprising:

    A movie tag is added to the first video, and the movie tag is used to indicate that the first video is a video shot in a preset movie mode.
11. The display method according to any one of claims 1 to 10, characterized in that before displaying the first thumbnail corresponding to the first video in the photo album, further comprising:

    calculating the display height of the first video according to the width of the video display area on the display screen and a preset reference coefficient;

    calculating the display width of the first video according to the display height of the first video and the first aspect ratio;

    Based on the display height of the first video and the display width of the first video, a first thumbnail corresponding to the first video is obtained.
12. The display method according to claim 11, wherein before displaying the second thumbnail corresponding to the second video in the photo album, further comprising:

    determining the display height of the first video as the display height of the second video;

    calculating the display width of the second video according to the width of the video display area on the display screen and the display width of the first video;

    A thumbnail of the second video and a second thumbnail corresponding to the second video are obtained based on the display height of the second video and the display width of the second video.
13. The method according to any one of claims 3 to 10, wherein before displaying the third thumbnail corresponding to the third video in the photo album, further comprising:

    Determining the width of the video display area on the display screen as the display width of the third video;

    calculating the display height of the third video according to the display width of the third video and the third aspect ratio;

    A third thumbnail corresponding to the third video is obtained based on the display width of the third video and the display height of the third video.
14. The display method according to any one of claims 6 to 10, characterized in that before displaying the fifth thumbnail corresponding to the fifth video in the photo album, further comprising:

    According to the preset video layout interval, the width of the video display area on the display screen and the total aspect ratio are calculated to obtain the display height of the fifth video, and the total aspect ratio is the fourth aspect ratio and the first aspect ratio. sum of five aspect ratios;

    calculating the display width of the fifth video according to the display height of the fifth video and the aspect ratio of the fifth video;

    A fifth thumbnail corresponding to the fifth video is obtained based on the display height of the fifth video and the display width of the fifth video.
15. The display method according to claim 11, wherein the obtaining the first thumbnail corresponding to the first video based on the display height of the first video and the display width of the first video comprises:

    Analyzing and obtaining a frame of image from the first video;

    The image obtained by parsing is reduced to obtain a first thumbnail corresponding to the first video, the height of the first thumbnail is the display height of the first video, and the width of the first thumbnail is the width of the first video. The display width of a video.
16. The display method according to claim 12, wherein the obtaining the second thumbnail corresponding to the second video based on the display height of the second video and the display width of the second video comprises:

    Analyzing and obtaining a frame of image from the second video;

    shrinking the image obtained by parsing to obtain a reduced image, the height of the reduced image is consistent with the display height of the second video;

    Centering and cropping the reduced image along the width direction to obtain a second thumbnail corresponding to the second video, where the width of the second thumbnail is consistent with the display width of the second video.
17. An electronic device, characterized in that the electronic device includes: one or more processors, memory and camera;

    The memory is used to store one or more programs;

    The one or more processors are configured to execute the one or more programs, so that the electronic device executes the video thumbnail display method according to any one of claims 1 to 16.
18. A computer storage medium, which is characterized in that it is used to store a computer program, and when the computer program is executed, it is specifically used to implement the video thumbnail display method according to any one of claims 1 to 16.

Images