Patent Description:
This application relates to the field of picture display, and in particular, to a picture display method and a related electronic device.

In response to the development and popularization of computer and internet technologies, the internet also develops toward mobility. A user may access a network through a smartphone to obtain a network service and corresponding network experience. As integration of electronic consumption, computers, and communication (3C) emerges, people pay increasing attention to comprehensive utilization of information devices in various fields, to fully utilize existing resources and devices to provide better service to people.

Currently, application of a video recording function on mobile devices also develops rapidly. However, since photographing is not supported during video recording, which means that a user can obtain only a video but no picture of the video recording process after the video recording is completed, which reduces user experience. Document <CIT> describes a gallery application displaying thumbnails of picture and video.

Embodiments of this application provide a picture display method, which resolves a problem that users cannot browse a picture corresponding to a video at any time while watching the video.

According to a first aspect, an embodiment of this application provides a picture display method applied to an electronic device according to the attached claims.

According to a second aspect, an embodiment of this application provides an electronic device according to the attached claims.

According to a third aspect, an embodiment of this application provides an electronic device, including a touch screen, a camera, one or more processors, and one or more memories. The one or more processors are coupled to the touchscreen, the camera, and the one or more memories, the one or more memories are configured to store computer program code, the computer program code includes computer instructions, and when the one or more processors execute the computer instructions, the electronic device is caused to perform the method according to the first aspect or any one of the possible implementations of the first aspect.

According to a fourth aspect, an embodiment of this application provides a chip system. The chip system is applied to an electronic device, the chip system includes one or more processors, and the one or more processors are configured to call computer instructions, so that the electronic device performs the method according to the first aspect or any one of the possible implementations of the first aspect.

According to a fifth aspect, an embodiment of this application provides a computer program product including instructions. When the computer program product is executed on an electronic device, the electronic device is caused to perform the method according to the first aspect or any one of the possible implementations of the first aspect.

According to a sixth aspect, an embodiment of this application provides a computer-readable storage medium including instructions. When the instructions are executed on an electronic device, the electronic device is caused to perform the method according to the first aspect or any one of the possible implementations of the first aspect.

The technical solutions in the embodiments of this application are clearly and completely described below with reference to the drawings in the embodiments of this application. Apparently, the described embodiments are merely some of the embodiments of this application rather than all of the embodiments. The "embodiment" mentioned herein means that a particular feature, structure, or characteristic described with reference to the embodiments may be included in at least one embodiment of this embodiment. The phrase appearing at various locations in this specification does not necessarily indicate a same embodiment, and is not an independent or alternative embodiment exclusive to another embodiment. It may be understood explicitly and implicitly by a person skilled in the art that the embodiments described herein may be combined with another embodiment.

The terms "first", "second", "third" and the like in the description and claims of this application and the accompanying drawings are used to distinguish different objects, and are not used to describe a specific sequence. In addition, the terms "include", "have", and any variant thereof are intended to cover a non-exclusive inclusion. For example, processes, methods, systems, products, or devices including a series of steps or modules optionally include steps or units not listed, or optionally include another step or unit inherent to these processes, methods, products, or devices.

The accompanying drawings show only parts related to this application rather than all content of this application. Before example embodiments are discussed in more detail, it is to be noted that some example embodiments are described as processing or methods that are depicted as flowcharts. Although the flowcharts describe various operations (or steps) as sequential processing, many of the operations may be implemented in parallel, concurrently, or simultaneously. In addition, the sequence of operations may be rescheduled. The processing may be terminated when the operations of the processing are completed. However, there may be further additional steps not included in the accompanying drawings. The processing may correspond to a method, a function, a procedure, a subroutine, and the like.

The terms "component", "module", "system", "unit" and the like used in this specification are used to represent computer-related entities, hardware, firmware, a combination of hardware and software, software, or software in execution. For example, the unit may be, but is not limited to, a process running on a processor, a processor, an object, an executable file, a thread of execution, or a program, and/or may be distributed between two or more computers. In addition, these units are executable from various computer-readable media having various data structures stored thereon. For example, a unit may communicate through local and/or remote processes based on a signal with one or more data packets (for example, second unit data exchanged by another unit from a local system, a distributed system, and/or a network, for example, an internet that interacts with another system by using a signal).

Nowadays, as the smartphone technology continuously develops, increasing users like taking photos and recording videos through a camera function in mobile phones, to record every detail in life. In particular, when a user records a video through a camera, the user may want to obtain some pictures associated with the recording, for example, a picture of a highlight in the video recording process. In addition, an electronic device can process these pictures (for example, recognizing scenes through AI algorithms, adding corresponding filters, and the like) to obtain pictures with a better visual effect.

However, current electronic devices display pictures and videos independently. To be specific, during browsing of a video, if the user wants to browse pictures associated with the video, the user needs to exit a current video playback interface, and then searches for the associated pictures of the video in a gallery application to browse the associated pictures of the video. If the user wants to watch the video again after browsing pictures, the user needs to exit a current picture preview interface and search for the target video again to play and browse the target video. In this case, the step the user needs to perform to browse the associated pictures of the video while watching the video is cumbersome and wastes time of the user, which greatly increases a time cost and reduce use experience of the user.

In order to resolve the foregoing problem that the video and the associated pictures thereof cannot be displayed together, an embodiment of this application provides a picture display method. The method includes: When an electronic device enables a function of obtaining pictures related to recorded videos, after recording of a video is completed, when a user browses the recorded video, the electronic device displays a thumbnail of an associated picture of the video on a video playback interface. After a tapping operation performed by the user on the thumbnail is detected, the electronic device displays a picture preview interface. The picture preview interface displays a picture corresponding to the thumbnail. The user may share, edit, delete, and forward the picture in the picture preview interface. Through the foregoing picture display method, the user may browse the associated pictures of the video at any time while watching the video, without a need to perform a series of cumbersome operations such as "exiting the video playback interface-searching the gallery for the associated pictures-browsing the associated pictures", which greatly reduces a time cost for browsing the pictures for the user and improves user experience.

An application scenario of a picture display method provided in an embodiment of this application is described below with reference to <FIG> show a group of example user interfaces according to an embodiment of this application.

As shown in <FIG>, a user interface <NUM> is a main interface (also referred to as a desktop, a home screen, or the like) of an electronic device <NUM>. The main interface includes a gallery icon <NUM>, a camera icon <NUM>, and another functional icon. When the electronic device <NUM> detects an input operation (for example, tapping) on the camera icon <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the input operation.

As shown in <FIG>, the user interface <NUM> is a photographing interface of the electronic device <NUM>. The photographing interface includes a preview area <NUM>, a zoom factor display box <NUM>, a zoom factor adjustment control <NUM>, a function area <NUM>, a gallery control <NUM>, a start control <NUM>, an echo control <NUM>, a function indicator icon <NUM>, and a "more functions" control <NUM>. The preview area <NUM> is configured to display a real-time preview picture of a photographing environment obtained through a camera. The preview area <NUM> includes a first to-be-photographed object <NUM>, a second to-be-photographed object <NUM>, and a third to-be-photographed object <NUM>. The zoom factor display box <NUM> is configured to display a zoom factor of the preview picture in the preview area <NUM>. 1X is a zoom factor of <NUM>, 2X is a zoom factor of <NUM>, 3X is a zoom factor of <NUM>, and so on. The zoom factor is positively correlated with a focal length of the picture. A larger zoom factor indicates a larger focal length of the picture and a larger to-be-photographed object in the to-be-photographed picture. It may be learned from <FIG> that, a zoom factor of a current preview picture is the zoom factor of <NUM>. The echo control <NUM> is configured to switch the electronic device <NUM> between a front camera and a rear camera. When the rear camera of the electronic device <NUM> is currently operating, if a tapping operation performed by a user on the echo control <NUM> is detected, the electronic device <NUM> switches the operating camera to the front camera in response to the operation. At this time, in the preview area <NUM>, a preview picture obtained through the front camera is displayed, and a preview picture obtained through the rear camera is not displayed. When the front camera of the electronic device <NUM> is currently operating, if a tapping operation performed by a user on the echo control <NUM> is detected, the electronic device <NUM> switches the operating camera to the rear camera in response to the operation. At this time, in the preview area <NUM>, a preview picture obtained through the rear camera is displayed, and a preview picture obtained through the front camera is not displayed. After the electronic device <NUM> detects an input operation performed on the gallery control <NUM>, the electronic device <NUM> displays a gallery interface, so that the user may preview the video recorded by or picture photographed by the electronic device <NUM>. The function area <NUM> is used for the camera to apply a current function mode. The function area <NUM> includes a "portrait" control <NUM>, a "<NUM>" control <NUM>, a "video" control <NUM>, a "photo" control <NUM>, a "more" control <NUM>, and the function indicator icon <NUM>. The function indicator icon <NUM> is configured to indicate a current photographing mode of the electronic device. As shown in <FIG>, the function indicator icon is located below the "video" control <NUM>, and the current photographing mode of the electronic device <NUM> is a video mode. The zoom factor adjustment control <NUM> is configured to adjust the zoom factor of the preview picture. When the electronic device <NUM> detects an input operation (for example, sliding up) performed on the zoom factor adjustment control <NUM>, the electronic device increases the zoom factor of the preview picture in response to the input operation, to display a user interface <NUM> shown in <FIG>.

As shown in <FIG>, the user interface <NUM> is the photographing interface of electronic device <NUM>. It may be learned from the zoom factor display box that a zoom factor of a current preview picture is the zoom factor of <NUM>. The first to-be-photographed object, the second to-be-photographed object, and the third to-be-photographed object in the preview area are enlarged compared to the to-be-photographed object in <FIG>. When the electronic device <NUM> detects an input operation (for example, tapping) performed on the "more functions" control, the electronic device <NUM> displays an electronic device <NUM> shown in <FIG> in response to the input operation.

As shown in <FIG>, the user interface <NUM> includes a "more functions" display area <NUM>. The "more functions" display area <NUM> includes a return control <NUM>, a "photoshoot while video recording" control <NUM>, a "subtitle synchronization" control <NUM>, a "reference line" control <NUM>, a "macro mode" control <NUM>, and a "settings" control <NUM>. The "photoshoot while video recording" control <NUM> is configured to enable a photoshoot while video recording function, that is, a photographing function enabling the electronic device to obtain all or partial associated pictures of a video and process and save these pictures while recording the video, to obtain both the video and the pictures. The associated pictures of the video may be pictures of highlights of the video. After the electronic device <NUM> detects an input operation (for example, tapping) performed on the "photoshoot while video recording" control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the input operation.

As shown in <FIG>, a color of the "photoshoot while video recording" control in the user interface <NUM> is different from a color of the "photoshoot while video recording" control in the user interface <NUM>, to indicate that electronic device <NUM> has enabled the photoshoot while video recording function. When the electronic device <NUM> detects an input operation performed on the return control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation. For a related description of the user interface <NUM>, refer to the related description of the foregoing user interface <NUM> in <FIG>. Details are not described in this embodiment of this application.

In a possible implementation, after the electronic device <NUM> detects an input operation such as tapping performed on the "photoshoot while video recording" control, the electronic device <NUM> may display a user interface <NUM> shown in <FIG> in response to the operation. The user interface <NUM> includes a prompt box <NUM>. The prompt box <NUM> is used to prompt the user that the photoshoot while video recording function has been enabled. As shown in <FIG>, the prompt box <NUM> includes text information "the photoshoot while video recording function has been enabled". As shown in <FIG>, when the electronic device <NUM> detects a tapping operation performed on the start control, the electronic device <NUM> starts video recording and displays a user interface <NUM> shown in <FIG> in response to the operation.

In some other embodiments, the electronic device <NUM> may display the "photoshoot while video recording" control on the user interface <NUM>. After detecting a tapping operation performed on the "photoshoot while video recording" control, the electronic device <NUM> enables the photoshoot while video recording function in response to the operation.

It is to be understood that <FIG> provide merely example descriptions of the electronic device <NUM> when enabling the "photoshoot while video recording" function, and does not constitute a limitation on the protection scope of this embodiment of this application. The manner in which the electronic device <NUM> enables the "photoshoot while video recording" function is not limited in this embodiment of this application.

As shown in <FIG>, the user interface <NUM> is a video recording interface. The video recording interface includes a preview picture display area <NUM>, a recording time display area <NUM>, a zoom factor display area <NUM>, a zoom factor adjustment control <NUM>, a recording pause control <NUM>, and a recording stop control <NUM>. The preview picture display area <NUM> is configured to display a preview picture of a current photographing environment in real time, and the recording time display area <NUM> is configured to display a recording time of a current video, as shown in <FIG>. It may be learned from the recording time display area <NUM> that the recording time of the current video is <NUM>. The ratio magnification display area <NUM> is configured to display a zoom factor of the current preview picture. It may be learned from the zoom factor display area <NUM> that the zoom factor of the current preview picture is the zoom factor of <NUM>. The zoom factor adjustment control <NUM> is configured to adjust the zoom factor of the preview picture. For a related description of the zoom factor adjustment control <NUM>, refer to the related description of the foregoing zoom factor adjustment control <NUM> in <FIG>. Details are not described in this embodiment of this application. The recording pause control <NUM> is used for the user to pause the current video recording. After the electronic device <NUM> detects a tapping operation performed on the recording pause control <NUM>, the electronic device <NUM> pauses the video recording in response to the operation. The recording stop control <NUM> is used for the user to stop the video recording. As shown in <FIG>, after the electronic device <NUM> detects a tapping operation performed on the recording stop control <NUM>, the electronic device <NUM> stops the video recording and saves the video and associated pictures of the video in response to the operation.

The video recording application scenario in which the electronic device <NUM> enables the "photoshoot while video recording" function is described above with reference to <FIG>. An application scenario of playing the video recorded in the application scenario of <FIG> is described below with reference to <FIG>. In this embodiment of this application, that the video recorded in <FIG> is a video <NUM> is used as an example for description. <FIG> provide a group of example user interfaces according to an embodiment of this application.

As shown in <FIG>, a user interface <NUM> is a main interface of an electronic device <NUM>. The main interface includes a gallery icon <NUM> and another functional icon. When detecting an input operation (for example, tapping) performed on the gallery icon <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is an album display interface. The album display interface includes an "album" icon <NUM>, a screenshot icon <NUM>, a video icon <NUM>, and a picture icon <NUM>. The screenshot icon <NUM> is an icon of a set of screenshot files stored by the electronic device <NUM>. When detecting a tapping operation performed by the user on the screenshot icon <NUM>, the electronic device <NUM> displays thumbnails of the stored screenshot pictures. The video icon <NUM> is an icon of a set of video files stored by the electronic device. When detecting a tapping operation performed by the user on the video icon <NUM>, the electronic device <NUM> displays thumbnails of the stored video files. The picture icon <NUM> is an icon of a set of associated picture files stored by electronic device <NUM>. The associated picture files stored by electronic device <NUM> are associated picture files of the video. After the electronic device <NUM> detects the tapping operation performed on the picture icon <NUM>, the electronic device <NUM> displays thumbnails of the stored associated picture files. When the electronic device <NUM> detects a tapping operation performed on the video icon <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a video display interface. The video display interface is configured to display the thumbnails of the video files stored by the electronic device <NUM>. As shown in <FIG>, the video display interface includes a thumbnail <NUM> of a video <NUM>. The thumbnail <NUM> includes a picture indicator icon <NUM>. The picture indicator icon <NUM> is configured to indicate that the video <NUM> includes associated pictures obtained through the "photoshoot while video recording" function. The thumbnail <NUM> may further display a duration of the video <NUM>. It may be learned from the thumbnail <NUM> that the duration of the video <NUM> is <NUM> seconds. When the electronic device <NUM> detects a tapping operation performed on the thumbnail <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user Interface <NUM> is a video playback interface of a gallery APP. The video playback interface includes a video display area <NUM>, a first video playback control <NUM>, a picture display area <NUM>, a return control <NUM>, a video generation control <NUM>, a video share control <NUM>, a video edit control <NUM>, a video deletion control <NUM>, and a "more" control <NUM>.

The video display area <NUM> is configured to display a video. The video share control <NUM> is configured to trigger the electronic device <NUM> to share a video. After the electronic device <NUM> detects a tapping operation performed on the video share control <NUM>, the electronic device <NUM> forwards the video in response to the operation. The first video playback control <NUM> is configured to trigger playback of the video <NUM>. The video edit control <NUM> is configured to trigger the electronic device to edit the video. When the electronic device <NUM> detects a tapping operation performed on the video edit control <NUM>, the electronic device <NUM> may edit the video <NUM> (for example, perform operations such as editing on the video). The video deletion control <NUM> is used for the user to delete the video. If the electronic device <NUM> detects a tapping operation performed on the video deletion control <NUM>, the electronic device <NUM> may delete the video <NUM>.

The picture display area <NUM> is configured to display thumbnails of associated pictures of the video <NUM>. The picture display area <NUM> may include thumbnails of a picture <NUM> to a picture <NUM>. The picture <NUM> is the thumbnail of the video <NUM> (which may be a cover of the video <NUM>), and the picture <NUM> to the picture <NUM> are the associated pictures of the video <NUM>. The associated pictures may be highlight pictures in a recording process of the video <NUM>. Certainly, the picture display area <NUM> may include more or fewer associated pictures of the video <NUM>. The picture display area <NUM> may further include an indicator icon <NUM>. The indicator icon <NUM> is configured to locate the thumbnail in the picture display area <NUM>. As shown in <FIG>, the current indicator icon <NUM> is located over the thumbnail <NUM> of the picture <NUM>, indicating that a current interface is a playback interface of the video <NUM>. The picture display area <NUM> may further include a sliding control <NUM>. After the electronic device <NUM> detects a tapping operation performed on the first video playback control <NUM>, the electronic device <NUM> plays the video <NUM> and displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a video playback interface, and the video playback interface is configured to play a video. The video playback interface includes a progress bar <NUM> and a pause control <NUM>. The progress bar <NUM> is configured to display a current playback progress of the video <NUM>. It may be learned from the progress bar <NUM> that a playback progress of the video <NUM> is <NUM> seconds. The pause control <NUM> is configured to pause playback of a video. When the electronic device <NUM> detects a tapping operation performed on the pause control <NUM>, the electronic device <NUM> may pause the playback of the video <NUM>. When the electronic device <NUM> detects a tapping operation performed on the sliding control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG>.

In some embodiments, due to a limited display space of the picture display area (for example, the foregoing picture display area <NUM>), only a fixed number of thumbnails can be displayed (for example, only thumbnails of four pictures can be displayed). When a number of the associated pictures of the video exceeds a maximum number of thumbnails that can be displayed in the picture display area, the user may view a thumbnail of another picture by tapping the sliding control.

As shown in <FIG>, the user interface <NUM> is a video playback interface. In the video playback interface, the picture display area <NUM> displays the thumbnails of the picture <NUM> and the picture <NUM> to a picture <NUM>. Compared with the picture display area in <FIG>, a picture display area in <FIG> displays a thumbnail of the picture <NUM> and does not display the thumbnail of the picture <NUM>. In this way, the user can view the thumbnail of the picture <NUM>.

In some embodiments, the user may view the thumbnail of the another picture of the video <NUM> in another manner. For example, in <FIG>, when the electronic device <NUM> detects an input operation (for example, sliding left) performed by the user on the picture display area, the electronic device <NUM> displays a user interface <NUM> shown in <FIG>.

In <FIG>, when the electronic device <NUM> detects an input operation (for example, left sliding that causes the indicator icon <NUM> to be over a thumbnail <NUM> of the picture <NUM>) performed on an indicator icon <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a picture display interface. The picture display interface includes a picture preview area <NUM>, a function setting area <NUM>, a picture display area <NUM>, and a return control <NUM>. The picture preview area <NUM> is configured to display the thumbnail of the picture <NUM> in <FIG>. At this time, an indicator icon <NUM> is located over the thumbnail <NUM> of the picture <NUM>. The function setting area <NUM> includes a share control <NUM>, an edit control <NUM>, a deletion control <NUM>, and a more control <NUM>. The share control <NUM> is used for the user to share the picture <NUM>. After the electronic device <NUM> detects a tapping operation performed on the share control <NUM>, the electronic device <NUM> forwards the picture <NUM> in response to the operation. The edit control <NUM> is used for the user to edit the picture <NUM>. After the electronic device <NUM> detects a tapping operation performed on the video edit control <NUM>, the electronic device <NUM> edits the picture <NUM> (for example, adjusts a brightness or a contrast of the picture <NUM>). The deletion control <NUM> is used for the user to delete the picture <NUM>. After the electronic device <NUM> detects a tapping operation performed on the deletion control <NUM>, the electronic device <NUM> deletes the picture <NUM> in response to the operation. After the electronic device <NUM> detects a tapping operation performed on the return control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

In a possible implementation, when the electronic device <NUM> detects an input operation performed on the indicator icon <NUM> (for example, the indicator icon is moved to be over the thumbnail of the picture <NUM>), the electronic device <NUM> may also display the user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a video playback interface. The video playback interface is in a same state as the user interface <NUM> in <FIG> above. To be specific, the progress of the video <NUM> played on the user interface <NUM> is <NUM> seconds, and the progress of the video <NUM> the played on the user interface <NUM> is also <NUM> seconds. When the electronic device <NUM> detects a tapping operation performed on a video generation control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a video playback interface. The user interface <NUM> includes a first prompt box <NUM>. The first prompt box <NUM> is used to prompt the user whether to generate a video <NUM>. As shown in <FIG>, the first prompt box <NUM> displays a text message "Whether to generate a second video". The first prompt box <NUM> includes an acknowledgment control <NUM> and a cancel control <NUM>. The acknowledgment control <NUM> is configured to trigger the electronic device <NUM> to generate the video <NUM>. When the electronic device <NUM> detects a tapping operation performed on the acknowledgment control <NUM>, the electronic device <NUM> displays a user interface <NUM> shown in <FIG> in response to the operation.

As shown in <FIG>, the user interface <NUM> is a video playback interface. The video playback interface includes a video preview area <NUM> and a storage control <NUM>. The video preview area <NUM> is configured to display an image of the video <NUM>. After the electronic device <NUM> detects a tapping operation performed on the storage control <NUM>, the electronic device <NUM> saves the video <NUM> in response to the operation.

After the electronic device <NUM> saves the video <NUM>, the user may search the gallery for the video <NUM> and browse the video. For example, after the electronic device <NUM> saves the video <NUM>, the user may watch the video <NUM> in the video display interface. For example, as shown in <FIG>, a user interface <NUM> has an additional thumbnail <NUM> of the video <NUM> compared with the user interface <NUM>. When electronic device <NUM> detects an input operation performed on the thumbnail <NUM>, the electronic device <NUM> may play the video <NUM>.

A structure of the electronic device <NUM> is described below. Referring to <FIG> is a schematic structural diagram of an electronic device <NUM> according to an embodiment of this application.

The electronic device <NUM> may include a processor <NUM>, an external memory interface <NUM>, an internal memory <NUM>, a universal serial bus (universal serial bus, USB) interface <NUM>, a charging management module <NUM>, a power management unit <NUM>, a battery <NUM>, an antenna <NUM>, an antenna <NUM>, a mobile communication module <NUM>, a wireless communication module <NUM>, an audio module <NUM>, a speaker 170A, a receiver 170B, a microphone 170C, a headset jack 170D, a sensor module <NUM>, a button <NUM>, a motor <NUM>, an indicator <NUM>, a camera <NUM>, a display screen <NUM>, a subscriber identity module (subscriber identity module, SIM) card interface <NUM>, and the like.

The sensor module <NUM> may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, an optical proximity sensor <NUM>, a fingerprint sensor <NUM>, a temperature sensor 180J, and a touch sensor <NUM>, an ambient light sensor <NUM>, a bone conduction sensor <NUM>, and the like.

It may be understood that an example structure in this embodiment of the present invention does not constitute a specific limitation on the electronic device <NUM>. In some other embodiments of this application, the electronic device <NUM> may include more or fewer components than those shown in the figure, or some components may be combined, or some components may be split, or different component arrangements may be used. The illustrated components may be implemented by hardware, software, or a combination of software and hardware.

The processor <NUM> may include one or more processing units. For example, the processor <NUM> 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), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and/or a neural-network processing unit (neural-network processing unit, NPU), and the like. Different processing units may be separate devices, or may be integrated into one or more processors.

The antenna <NUM> and the antenna <NUM> are configured to transmit or receive an electromagnetic wave signal. Each antenna in the electronic device <NUM> may be used to cover one or more communication bands. Different antennas may be multiplexed to increase antenna utilization. For example, the antenna <NUM> may be multiplexed as a diversity antenna of a wireless local area network. In some other embodiments, the antennas may be used in combination with a tuning switch.

The mobile communication module <NUM> may provide a wireless communication solution including <NUM>/<NUM>/<NUM>/<NUM> and the like applicable to the electronic device <NUM>. The mobile communication module <NUM> may include at least one filter, a switch, a power amplifier, a low noise amplifier (low noise amplifier, LNA), and the like. The mobile communication module <NUM> may receive an electromagnetic wave by using the antenna <NUM>, perform processing such as filtering and amplification on the received electromagnetic wave, and transmit the electromagnetic wave to the modem processor for demodulation. The mobile communication module <NUM> may further amplify a signal modulated by the modem processor, and convert the signal into an electromagnetic wave by using the antenna <NUM> for radiation. In some embodiments, at least some function modules of the mobile communication module <NUM> may be disposed in the processor <NUM>. In some embodiments, at least some functional modules of the mobile communication module <NUM> may be disposed in a same device as at least some modules of the processor <NUM>.

The wireless communication module <NUM> may provide wireless communication solutions applicable to the electronic device <NUM>, including a wireless local area network (wireless local area networks, WLAN) (for example, a Wi-Fi network), Bluetooth (BlueTooth, BT), BLE broadcast, a global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), a near field communication (near field communication, NFC) technology, and an infrared (infrared, IR) technology. The wireless communication module <NUM> may be one or more devices into which at least one communication processing module is integrated. The wireless communication module <NUM> receives an electromagnetic wave by using the antenna <NUM>, performs frequency modulation and filtering on the electromagnetic wave signal, and transmits a processed signal to the processor <NUM>. The wireless communication module <NUM> may further receive a to-be-transmitted signal from the processor <NUM>, perform frequency modulation and amplification on the to-be-transmitted signal, and convert the to-be-transmitted signal into an electromagnetic wave by using the antenna <NUM> for radiation.

The electronic device <NUM> implements a display function by using the GPU, the display screen <NUM>, the application processor, and the like. The GPU is a microprocessor for picture processing and connects to the display screen <NUM> and the application processor. The GPU is configured to perform mathematical and geometric calculations and graphics rendering. The processor <NUM> may include one or more GPUs that execute a program instruction to generate or change display information.

The display screen <NUM> is configured to display a picture, a video, and the like. The display screen <NUM> includes a display panel. The display panel may be a liquid crystal display (liquid crystal display, LCD), an organic light-emitting diode (organic light-emitting diode, OLED), an active-matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), a flexible light-emitting diode (flex light-emitting diode, FLED), a Miniled, a MicroLed, a Micro-OLED, a quantum dot light emitting diode (quantum dot light emitting diodes, QLED), and the like. In some embodiments, the electronic device <NUM> may include <NUM> or N display screens <NUM>. N is a positive integer greater than <NUM>.

The electronic device <NUM> may implement a photographing function by using the ISP, the camera <NUM>, the video codec, the GPU, the display screen <NUM>, the application processor, and the like.

The ISP is configured to process data fed back by the camera <NUM>. For example, during photographing, a shutter is enabled. Light is transferred to a photosensitive element of the camera through a lens, and an optical signal is converted into an electrical signal. The photosensitive element of the camera transmits the electrical signal to the ISP for processing, and therefore, the electrical signal is converted into a picture visible to a naked eye. The ISP may further perform algorithm optimization on a noise, a brightness, and a skin tone of the picture. The ISP may further optimize parameters such as an exposure and a color temperature of a to-be-photographed scene. In some embodiments, the ISP may be disposed in the camera <NUM>.

The digital signal processor is configured to process a digital signal. In addition to processing a digital picture signal, the digital signal processor may further process another digital signal. For example, when the electronic device <NUM> performs frequency selection, the digital signal processor is configured to perform Fourier transform and the like on frequency energy.

The NPU is a neural-network (neural-network, NN) computing processor, which quickly processes input information by referring to a structure of a biological neural network, for example, a transmission mode between neurons in a human brain, and may further continuously perform self-learning. Applications such as intelligent cognition of the electronic device <NUM>, for example, picture recognition, facial recognition, voice recognition, and text understanding may be implemented by using the NPU.

The electronic device <NUM> may implement an audio function, for example, music playback and recording, by using the audio module <NUM>, the loudspeaker 170A, the telephone receiver 170B, the microphone 170C, the headset jack 170D, the application processor, and the like.

The audio module <NUM> is configured to convert digital audio information into analog audio signal for output, and is further configured to convert an analog audio input into a digital audio signal. The audio module <NUM> may be further configured to encode and decode the audio signal. In some embodiments, the audio module <NUM> may be disposed in the processor <NUM>, or some function modules in the audio module <NUM> are disposed in the processor <NUM>.

The speaker 170A, also referred to as "horn", is configured to convert an electrical audio signal into a sound signal. The electronic device <NUM> may be used to listen to music or listen to a hands-free call through the speaker 170A.

The telephone receiver 170B, also referred to as "handset", is configured to convert an electrical audio signal into a sound signal. When the electronic device <NUM> is configured to answer a call or receive voice information, the phone receiver 170B may be put close to a human ear to receive a voice.

The microphone 170C, also referred to as "voice tube" or "mike", is configured to convert the sound signal into an electrical signal. When making a call or transmitting voice information, a user may make a sound by approaching the microphone 170C through the mouth of the user, to input a sound signal into the microphone 170C. At least one microphone 170C may be disposed in the electronic device <NUM>. In some other embodiments, two microphones 170C may be disposed in the electronic device <NUM>, to obtain a sound signal and implement a noise reduction function. In some other embodiments, three, four, or more microphones 170C may be disposed in the electronic device <NUM>, to collect a sound signal and reduce noise. The microphones may further recognize a sound source, implement a directional recording function, and the like.

In some embodiments, the electronic device <NUM> may further include one or more of a button <NUM>, a motor <NUM>, an indicator <NUM>, and an SIM card interface <NUM> (or an eSIM card interface). This is not limited in this embodiment of this application.

The application scenario of the picture display method in embodiments of this application is described above with reference to <FIG>. A framework of a picture display method provided in an embodiment of this application is described below with reference to <FIG>. Referring to <FIG> is a framework flowchart of a picture display method according to an embodiment of this application. The framework is briefly described below.

An electronic device enables a video recording function of a camera APP and then records a video (step S401). During the video recording, the electronic device may recognize a current scene through an AI algorithm (step S402), so as to obtain one or more highlight pictures related to the video during the photographing (step S403). After the video recording is completed, the electronic device saves the recorded video and the highlight pictures corresponding to the video (step S404).

The electronic device may search a gallery APP for the recorded video and trigger the electronic device to enter a video playback interface, to browse the recorded video (step S405). In the video playback interface, thumbnails of the highlight pictures corresponding to the video are displayed (with an indicator control located over one of the thumbnails), and an AI video control is displayed. When the control is triggered, the electronic device may generate an AI video. During browsing of the recorded video,
the user may browse any highlight picture by moving the indicator control (which may be the foregoing indicator icon <NUM> in <FIG>) (step S406). At this time, the electronic device is switched from the video playback interface to a picture browsing interface, thereby displaying the highlight picture corresponding to the thumbnail indicated by the indicator control. In the picture browsing interface, the user may perform operations such as share, edit, deletion, copy, and cloud synchronization on the highlight picture (step S407).

In addition, the user may tap the AI video control in the video playback interface, so that the electronic device may generate an AI video based on the video (step S408). The AI video may be understood as a video that is generated by the electronic device based on the video and that automatically matches a template (for example, has special effects, music, and the like). After the electronic device generates the AI video, the electronic device may display the AI video in the preview interface (step S409). During previewing of the AI video, the user may edit the AI video (for example, cropping, or adding animation). The electronic device may save the AI video after tapping a storage control in the preview interface (step S410).

A specific process of a picture display method provided in an embodiment of this application is described below with reference to <FIG>. Referring to <FIG> is a flowchart of a picture display method according to an embodiment of this application. The specific process is as follows.

Step S501: Display a first photographing preview interface, where the first photographing preview interface includes a first image preview box and a first target control, and an image captured by a camera in real time is displayed in the first preview box.

Specifically, the first photographing preview interface is a preview interface before the electronic device records a video. For example, the first photographing preview interface may be the foregoing user interface <NUM> shown in <FIG>. The first image preview box is used to display the image captured by the camera in real time, that is, a real-time image of a photographing environment. For example, the first image preview box may be the foregoing preview area <NUM> in <FIG>. The first control is used for a user to start the video recording on the electronic device. For example, the first target control may be the foregoing start control <NUM> in <FIG>.

Step S502: The electronic device enables a photoshoot while video recording function after detecting a first operation performed on the first photographing preview interface, where the photoshoot while video recording function means that the electronic device obtains one or more associated pictures during recording of a first video.

Specifically, the first photographing preview interface may include a second target control. The second target control is configured to trigger the electronic device to enable the "photoshoot while video recording" function. photoshoot while video recording means that the electronic device obtains one or more target pictures during the recording of the first video.

The associated pictures are pictures photographed during the recording of the first video, such as pictures manually photographed by the user during the recording of the first video, or may be pictures automatically photographed by the electronic devices during the recording of the first video. For example, the associated pictures of the first video may be highlight pictures of the first video, or may be pictures obtained after AI processing on the highlight pictures of the first video. For example, the AI processing may include operations such as recognizing a to-be-photographed scene and matching, for the highlight pictures, a filter adapting to the to-be-photographed scene.

The first operation may be a tapping operation performed by the user on the second target control. After the electronic device detects the first operation performed by the user on the second target control, the electronic device enables the photoshoot while video recording function in response to the first operation.

In some embodiments, the second target control may be a setting item in "Setting options", and the "photoshoot while video recording" function may be enabled by default when the electronic device records a video. When detecting the tapping operation performed on the second target control, the electronic device may disable the "photoshoot while video recording" function.

In some possible implementations, the first photographing preview interface may include a first setting control. For example, the first setting control may be the foregoing "more functions" control <NUM> in <FIG>. After the electronic device <NUM> detects a tapping operation performed on the first setting control, the electronic device displays a first function display box. The first function display box includes the second target control. The first function display box may be the foregoing "more functions" display area <NUM> in <FIG>, the second target control may be the foregoing "photoshoot while video recording" control <NUM> in <FIG>, and the first operation may be the foregoing input operation (for example, tapping) performed on the "photoshoot while video recording" control <NUM> in <FIG>.

Step S503: Display a first photographing interface and start to record the first video after a second operation performed on the first target control is detected.

Specifically, after detecting the second operation performed on the first target control, the electronic device displays the first photographing interface and starts to record the first video. The first photographing interface is different from the first photographing preview interface. The first photographing interface may include a second image preview box and a third target control. The second image preview box is used to display an image of a to-be-photographed object.

For example, the second operation may be the foregoing tapping operation performed on the start control in <FIG>, the first photographing interface may be the foregoing user interface <NUM> in <FIG>, the second image preview box may be the foregoing preview picture display area <NUM> in <FIG>, and the third target control may be the foregoing recording stop control <NUM> in <FIG>.

Step S504: Display, in a second image preview box of the first photographing interface, the image captured by the camera in real time at a first moment after the recording of the first video is started.

Step S505: Save the first video and a corresponding associated picture at a second moment after a third operation performed on a third target control in the first photographing interface is detected.

Specifically, the third operation may be the foregoing tapping operation performed on the recording stop control <NUM> in <FIG>. When the electronic device detects the third operation performed on the third target control, the electronic device stops recording the first video and saves the first video and the corresponding associated picture. The associated picture is a picture obtained by the electronic device during the recording of the first video. For example, the associated picture may be a highlight picture during the recording of the first video.

After the electronic device detects the third operation performed on the third target control, the camera generates a configuration file and a first identifier, and inserts the first identifier as meta information into the first video and a media file corresponding to the first video. The media file corresponding to the first video is generated after the electronic device detects the third operation performed on the third target control. The media file corresponding to the first video includes a thumbnail of the associated picture and the configuration file. The configuration file may be used for the electronic device to generate a second video based on the first video. The second video may be the foregoing AI video in the embodiment of <FIG>.

For example, the first identifier may be a group ID. After the video recording is completed, the camera generates a group ID for the video and inserts the group ID into the video file. The group ID is used to identify a different video and has uniqueness among different electronic devices. For example, after recording of a video <NUM> is completed, the electronic device may generate a group ID <NUM>,<NUM> for the video <NUM> as a unique identifier of the video <NUM>, and after recording of a video <NUM> is completed, the electronic device may generate a group ID <NUM>,<NUM> for the video <NUM> as a unique identifier of the video <NUM>. A format of the group ID may be a binary string in a format of a universally unique identifier (Universally Unique Identifier, UUID). In this embodiment of this application, that the first identifier is the group ID is used as an example for description.

The electronic device may write information such as a mapping relationship between the group ID and a storage path of the first video into a media file library. During the recording of the first video, if the electronic device enables the "photoshoot while video recording" function and detects the presence of the associated picture of the first video, the electronic device may write a mapping relationship among the group ID, the storage path of the associated picture, and the thumbnail of the associated picture into a media information library (for example, MediaLibrary). During the recording of the first video, if the electronic device detects the presence of the configuration file of the first video, the electronic device may generate a thumbnail of the second video. The electronic device may write a mapping relationship among the group ID, a storage path of the configuration file, and the thumbnail of the second video into the media information library (for example, MediaLibrary).

For example, Table <NUM> shows the mapping relationship between the video group ID and the storage path of the video file (that is, the recorded original video file). Table <NUM> shows the mapping relationship among the associated picture thumbnail, the group ID of the video, and the storage path of the associated picture. Table <NUM> shows the mapping relationship among the thumbnail of the second video, the storage path of the configuration file of the video, and the group ID of the video. Table <NUM>, Table <NUM>, and Table <NUM> are as follows:.

The storage path is an address of the first video or the associated picture or the configuration file in a memory of the electronic device. The electronic device may find a storage location of the first video or the associated picture or the configuration file by reading the storage path. The electronic device may retrieve the first video, the configuration file, or the associated picture, so that the first video or the associated picture may be displayed on a screen of the electronic device. Alternatively, the electronic device may generate the second video based on the configuration file.

For example, if a storage path of a picture <NUM> is "Download/email/Video", it indicates that the picture <NUM> is stored in an email file under a Download folder of the electronic device and is in a Video file under the email file.

The configuration file is described below. The configuration file of the first video may be used for the electronic device to generate the second video. The configuration file is a video description file that includes video clipping information related to the first video. For example, the video clipping information may be time information used to instruct the electronic device to clip the first video. For example, a format of the video clipping information may be "<NUM>-<NUM>, <NUM>-<NUM>, <NUM>-<NUM>". The video clipping information indicates that a video clip from the <NUM>th second to the <NUM>nd second of the first video, a video clip from the <NUM>th second to the <NUM>th second, and a video clip from the <NUM>th second to <NUM>th second need to be clipped. The three video clips may be synthesized and processed to obtain a second video with a duration of <NUM> seconds.

Optionally, the configuration file may further include dynamic effect processing information. The dynamic effect processing information is used to instruct the electronic device to perform operations on the second video, for example, configure dynamic effects. For example, that the electronic device configures the dynamic effects for the second video may be that the electronic device adds dynamic scenes (such as rain scenes) to the second video. In this case, the rain scene is displayed during the playback of the second video.

Step S506: Display a first video playback interface in response to a first input operation, where the first video playback interface includes a first display box, a second display box, and a first control, the first display box is used to display an image of the first video, the second display box is used to display thumbnails in a first target picture set, and the first target picture set includes thumbnails of N associated pictures.

Specifically, the first input operation may be the foregoing input operation performed on the thumbnail <NUM> in <FIG>, the first video playback interface may be the foregoing video playback interface of the gallery APP in <FIG>, the first display box may be the foregoing video display area <NUM> in <FIG>, the second display box may be the foregoing picture display area <NUM> in <FIG>, and the first control may be the foregoing video generation control <NUM> in <FIG>. The first target picture set is a collection of all associated pictures.

A specific process in which the electronic device displays the second display box and the first control on the first video playback interface is described below with reference to <FIG>. Referring to <FIG> is a flowchart of displaying the second display box and the first control according to an embodiment of this application. The specific process is as follows.

Step S601: The electronic device reads the mapping information between the group ID and the storage path of the first video in the media file library.

Specifically, the mapping information is used to represent the mapping relationship between the first video and the corresponding group ID. For example, the mapping information between the group ID and the storage path of the first video may be found in Table <NUM> in step S505. As described in step S505, after the recording of the first video is completed, the camera generates the group ID for the first video and inserts the group ID into the first video file. Then, the electronic device writes the mapping relationship between the group ID and the storage path of the first video file into the media file library.

After detecting the first input operation, the electronic device reads second information in the media file library to obtain the group ID of the first video.

Step S602: The electronic device reads first information in a media information library when reading the group ID (the first identifier) of the first video.

Specifically, the second information may be the mapping relationship between the thumbnail of the associated picture of the first video, the group ID of the first video, and the storage path of the associated picture of the first video. The mapping relationship is shown in Table <NUM> in step S505.

Step S603: The electronic device displays the second display box on the first video playback interface and displays the thumbnails in the first target picture set in the second display box when reading the storage path of the associated picture of the first video.

Specifically, when the electronic device reads the storage path of the associated picture of the first video in the media information library based on the group ID of the first video, the electronic device may determine that the first video has the associated picture. The electronic device displays the second display box on the first video playback interface and displays the thumbnails in the first target picture set in the second display box.

A maximum number of thumbnails displayed in the second target display box is M, a number of the thumbnails in the first target picture set is N, and the displaying of the thumbnails in the first target picture set in the second display box may have the following two cases.

In a first case, when N is greater than or equal to M, the second display box displays M thumbnails in the first target picture set. For example, as shown in <FIG>, if it is assumed that the first video has <NUM> associated pictures, since the picture display area can display only up to <NUM> thumbnails, only the thumbnails of the picture <NUM> to the picture <NUM> are displayed in the picture display area.

In a second case, when N is less than M, the second display box displays all the thumbnails in the first target picture set. For example, if the first video has only <NUM> associated pictures, and the second display box can display up to <NUM> thumbnails, the thumbnails of the <NUM> associated pictures can be displayed in the second display box.

Step S604: The electronic device skips displaying the second display box on the first video playback interface when failing in reading the storage path of the associated picture of the first video.

Specifically, when the electronic device fails in reading the storage path of the associated picture of the first video in the media information library based on the group ID of the first video, the electronic device may determine that the first video has no associated picture. In this case, the electronic device does not display the second display box on the first video playback interface.

For example, as shown in <FIG> is a schematic diagram of the first video playback interface when the storage path of the associated picture of the first video is not read. It may be learned from 7A that compared with the foregoing user interface <NUM> in <FIG>, the user interface <NUM> in <FIG> does not display the picture display area <NUM>.

Step S605: The electronic device reads third information in the media information library when reading the group ID (the first identifier) of the first video.

Specifically, the third information may be the mapping relationship among the storage path of the configuration file of the first video, the group ID of the first video, and the thumbnail of the second video. The third information may be shown in Table <NUM> of step S505 in the foregoing embodiment of <FIG>.

Step S606: The electronic device displays the first control on the first video playback interface when reading the storage path of the configuration file of the first video.

Specifically, when the electronic device reads the storage path of the configuration file of the first video, the electronic device determines that the first video has a configuration file, and therefore may generate the second video based on the configuration file. Therefore, the electronic device may display the first control on the first video playback interface. The first control can display the thumbnail of the second video. The thumbnail of the second video may be obtained based on the configuration file of the first video.

For example, after the recording of the first video is completed, if the configuration file is used to indicate that the generated second video includes the content of the video clip from the <NUM>th second to the <NUM>nd second in the first video, the electronic device may obtain any frame of picture from the video clip from the <NUM>th second to the <NUM>nd second in the first video, use the frame of picture as a cover of the second video, generate a thumbnail of the frame of picture, and store the thumbnail of the frame of picture in the media information library. When the electronic device is to display the first control on the first video playback interface, the electronic device calls the thumbnail from the media information library and displays the thumbnail on the first control.

In a possible implementation, the thumbnail of the second video may be replaced with a thumbnail of any associated picture or a thumbnail of any picture in an album of the electronic device. A source of the thumbnail of the second video is not limited in this embodiment of this application.

Step S607: The electronic device skips displaying the first control on the first video playback interface when failing in reading the storage path of the configuration file of the first video.

Specifically, when the electronic device fails in reading the storage path of the configuration file of the first video, the electronic device determines that the first video has no configuration file. Therefore, the electronic device does not have the function of generating the second video based on the configuration file, and the electronic device does not display the first control on the first video playback interface.

For example, as shown in <FIG> is a schematic diagram of the first video playback interface when the storage path of the configuration file of the first video is not read. As shown in <FIG>, compared with the user interface <NUM> in <FIG>, a user interface <NUM> in <FIG> does not display the video generation control <NUM>.

The specific process in which the electronic device displays the first control and the second display box on the first video playback interface after making the response to the first input operation are describe above through step S601 to step S607.

It is to be understood that step S506 is described by using that the electronic device detects the presence of the first identifier in the first video, the configuration file of the first video, and the associated picture as an example. It may be understood that after the electronic device makes the response to the first input operation, the electronic device may further display the first control and the second display box on the first video playback interface.

Optionally, when the number N of the associated pictures is greater than M, after the electronic device detects a fourth input operation performed on the second display box, the electronic device switches the thumbnail on the second display box in response to the fourth input operation.

For example, the fourth input operation may be the foregoing tapping operation performed on the sliding control <NUM> in <FIG>. Before the response to the fourth input operation, the thumbnail displayed in the second display box may include the foregoing thumbnails of the picture <NUM> to the picture <NUM> in the picture display area in <FIG>. After the response to the fourth input operation, the thumbnail displayed in the second display box may include the foregoing thumbnails of the picture <NUM> and the picture <NUM> to the picture <NUM> in the picture display area in <FIG>.

Step S507: The electronic device displays a first preview interface when detecting a second input operation performed on a first positioning control in the second display box, where the first preview interface includes a first picture preview box, the first picture preview box is used to display a first associated picture, the first associated picture is a picture corresponding to a first thumbnail, and the first preview interface is different from the first video playback interface.

Specifically, the first preview interface is used to display the associated picture corresponding to the first thumbnail. For example, the first thumbnail may be the foregoing thumbnail <NUM> in <FIG>, the second input operation may be the foregoing input operation performed on the indicator icon <NUM> in <FIG> (for example, left sliding that causes the indicator icon <NUM> to be over the thumbnail <NUM> of the picture <NUM>), the first preview interface may be the foregoing picture display interface in <FIG>, the first picture preview box may be the foregoing picture preview area <NUM> in <FIG>, and the first positioning control may be the foregoing indicator icon <NUM> in <FIG>.

After the electronic device detects the second input operation performed on the first positioning control, the electronic device retrieves a file of the associated picture in a corresponding folder based on a storage path of the associated picture corresponding to the first thumbnail, and displays the associated picture on the first preview interface.

Optionally, the first preview interface may further include the first thumbnail. For example, the first thumbnail may be the foregoing thumbnail <NUM> of the picture <NUM> in <FIG>. When the electronic device detects a third input operation performed on the first positioning control, the electronic device displays the first video playback interface. At this time, a state of the first video playback interface may be the same as a state before switching to the first preview interface. The state of the first video playback interface includes a playback progress of the first video. For example, the third input operation may be the foregoing input operation performed on the indicator icon <NUM> in <FIG> (for example, the indicator icon is moved to be over the thumbnail <NUM> of the picture <NUM>).

Optionally, the first preview interface may further include a fourth control. For example, the fourth control may be the foregoing return control <NUM> in <FIG>. When the electronic device detects an input operation (for example, tapping) performed on the fourth control, the electronic device may switch back to the first video playback interface from the first preview interface. At this time, a state of the first video playback interface may be the same as a state before switching to the first preview interface. The state of the first video playback interface includes a playback progress of the first video.

Step S508: Display a second video playback interface after a third input operation performed on the first control is detected, where the second video playback interface is configured to display an image of a second video, and the second video is a video obtained based on the first video.

Specifically, the second video playback interface is an interface for playing the second video, and the second video is a video generated by the electronic device based on the first video and the configuration file. For example, the third input operation may be the foregoing tapping operation performed on the video generation control <NUM> in <FIG>, and the second video playback interface may be the foregoing video playback interface in <FIG>.

After the electronic device detects the third input operation performed on the first control, the electronic device may read the configuration file of the first video from the memory of the electronic device based on the storage path of the configuration file, generate the second video based on the first video and the corresponding configuration file, and display the second video on the second video playback interface. The second video playback interface includes a first video preview box. The first video preview box is configured to display the image of the second video. For example, the first video preview box may be the foregoing video preview area <NUM> in <FIG>.

Optionally, the second video playback interface includes a third control. When the electronic device detects a fifth input operation performed on the third control, the electronic device saves the second video. For example, the third control may be foregoing storage control <NUM> in <FIG>, and the fifth input operation may be the foregoing tapping operation performed on the storage control <NUM> in <FIG>.

In this embodiment of this application, the video and the associated pictures of the video are displayed on the same user interface, so that the user may switch from the video playback interface to the picture preview interface by tapping the thumbnails of the associated pictures of the video on the video playback interface during browsing or playback of the video, thereby browsing the pictures corresponding to the thumbnails. In this way, the user may quickly browse the relevant pictures of the video while watching the video, without a need to perform cumbersome operations such as "exiting video playback-entering the gallery-searching for the associated pictures-browsing the pictures", which greatly saves time for the user and improves user experience. In addition, during browsing of the pictures, the electronic device may be switched back to the video playback interface from the picture preview interface through tapping of a Back button or the return control on the electronic device, so that the progress of the video played in the video playback interface after switching is the same as that in the video playback interface before switching to the picture preview interface, thereby avoiding a time waste of the user and degrading of user experience as a result of the electronic device replaying the video and causing the user to seek for the original playback progress after switching back to the video playback interface.

All or some of the foregoing embodiments may be implemented by using software, hardware, firmware, or any combination thereof. When the embodiments are implemented by using software, all or some of the embodiments may be implemented in a form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, some or all processes or functions according to this application are generated. The computer may be a general-purpose computer, a dedicated computer, a computer network, or another programmable apparatus. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from one network site, computer, server or data center to another network site, computer, server or data center in a wired (such as a coaxial cable, an optical fiber, or a digital subscriber line) or wireless (such as infrared, wireless, or microwave) manner. The computer-readable storage medium may be any usable medium that may be accessed by the computer, or a data storage device such as a server or a data center in which one or more usable mediums are integrated. The usable medium may be a magnetic medium (for example, a floppy disk, a hard disk, or a magnetic tape), an optical medium (for example, a DVD), a semiconductor medium (for example, a solid-state drive Solid State Disk), or the like.

A person of ordinary skill in the art may understand that all or some of the processes of the methods in the foregoing embodiments may be implemented by a computer program instructing related hardware. The program may be stored in a computer-readable storage medium. When the program is executed, the processes in the foregoing method embodiments may be included. The storage medium includes any medium that can store program code, for example, a ROM, a random access memory RAM, a magnetic disk, or an optical disc.

Claim 1:
A picture display method, applied to an electronic device, the method comprising:
starting a gallery application;
displaying a first interface of the gallery application, wherein the first interface comprises a first thumbnail, and the first thumbnail is a thumbnail corresponding to a first video;
detecting a first input operation performed by a user on the first thumbnail;
obtaining, based on a group ID of the first video, thumbnails of N associated pictures associated with the first video, wherein the associated pictures are captured pictures in a recording process of the first video, the group ID is used to identify the first video, and N is an integer greater than <NUM>;
displaying a video playback interface of the first video, wherein the video playback interface comprises a first display box, a second display box and a first positioning control, the first display box is used to display an image of the first video, and the second display box is used to display the thumbnails of the N associated pictures;
detecting a second input operation performed by the user on the first positioning control, wherein
the first positioning control indicates a first target thumbnail, and the first target thumbnail is a thumbnail in the second display box;
obtaining a storage path of a first associated picture from the second information based on the first target thumbnail, wherein the second information is information in the media information library, the second information comprises the mapping relationship among the group ID of the first video, a storage path of the N associated pictures, and the thumbnails of the N associated pictures, and the first target thumbnail is a thumbnail of the first associated picture;
retrieving the first associated picture based on the storage path of the first associated picture; and
displaying a first preview interface, wherein the first preview interface comprises a first picture preview box and the second display box, wherein the first picture preview box is used to display the first associated picture, the first positioning control indicates the first target thumbnail, the first target thumbnail is the thumbnail in the second display box, and the first target thumbnail is the thumbnail of the first associated picture.