WO2023160143A1 - 浏览多媒体内容的方法及装置 - Google Patents

浏览多媒体内容的方法及装置 Download PDF

Info

Publication number
WO2023160143A1
WO2023160143A1 PCT/CN2022/139077 CN2022139077W WO2023160143A1 WO 2023160143 A1 WO2023160143 A1 WO 2023160143A1 CN 2022139077 W CN2022139077 W CN 2022139077W WO 2023160143 A1 WO2023160143 A1 WO 2023160143A1
Authority
WO
WIPO (PCT)
Prior art keywords
thumbnail
video
area
user
list
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2022/139077
Other languages
English (en)
French (fr)
Inventor
韩笑
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Honor Device Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to US18/255,996 priority Critical patent/US20240370134A1/en
Priority to EP22896860.8A priority patent/EP4258130A4/en
Publication of WO2023160143A1 publication Critical patent/WO2023160143A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/44—Browsing; Visualisation therefor
    • G06F16/444—Spatial browsing, e.g. 2D maps, 3D or virtual spaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/44—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/73—Querying
    • G06F16/738—Presentation of query results
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74—Browsing; Visualisation therefor
    • G06F16/743—Browsing; Visualisation therefor a collection of video files or sequences
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/414—Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance
    • H04N21/41407—Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance embedded in a portable device, e.g. video client on a mobile phone, PDA, laptop
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications

Definitions

  • the present application relates to the field of multimedia technology, in particular to a method and device for browsing multimedia content.
  • the present application provides a method and device for browsing multimedia content to solve the above-mentioned technical problems, and the disclosed technical solution is as follows:
  • the present application provides a method for browsing multimedia content, the method comprising: in response to the user's operation of opening the gallery application, displaying a first interface, the first interface includes a thumbnail of the first video; in response to the user's operation of the second The operation of inputting the first thumbnail of a video displays the playback interface of the first video, the playback interface includes a first area and a second area, the second area displays the first video, the first area includes a thumbnail list, and the thumbnail list includes A thumbnail of at least one highlight photo associated with the first video; in response to the user selecting a second thumbnail in the thumbnail list, displaying the first highlight photo corresponding to the second thumbnail in the second area, And no longer display the first video.
  • the photo of the wonderful moment is automatically captured during the recording of the first video; moment photos.
  • the thumbnail list further includes a third thumbnail of the first video. In this way, the user can conveniently view the original video after viewing the photo of the wonderful moment, which further improves the user experience.
  • the third thumbnail of the first video when the first highlight moment photo corresponding to the second thumbnail is displayed in the second area, the third thumbnail of the first video further includes a playback control. In this way, it is convenient for the user to intuitively recognize the thumbnail of the original video from the thumbnail list, which further improves the user experience.
  • the first area further includes a selector
  • the method further includes: in response to the user's sliding operation on the thumbnail list, the thumbnail list moves in the first area and stays within the range where the selector is located.
  • the thumbnail is the first thumbnail selected by the user. In this way, the user can directly swipe the thumbnail list to select the photo of the wonderful moment or the original video to be viewed, without searching first and then clicking, which simplifies the user's selection operation and improves the user experience.
  • moving the thumbnail list in the first area includes: after detecting the user's sliding operation on the thumbnail list, determining a sliding parameter of the sliding operation , the sliding parameters include sliding speed and sliding direction; trigger the thumbnail list to move to the sliding direction, and move at a speed that matches the sliding speed; after detecting the sliding operation, determine the sliding speed; if the sliding If the speed is 0, the trigger thumbnail list stops moving; if the sliding speed is greater than 0, the triggering thumbnail list continues to move at the sliding speed until the moving speed drops to 0 and stops.
  • the method further includes: after the thumbnail list stops moving, determining the movement displacement of the thumbnail list; obtaining the ratio between the movement displacement and the width of the thumbnail, and rounding up the comparison value Calculate the first value; if the first value is equal to 0, determine that the thumbnail that stays within the range of the selector is the original thumbnail, and the original thumbnail is the thumbnail that was within the range of the selector before receiving the sliding operation; if the second A value greater than 0, which determines the target direction of the original thumbnail in the thumbnail list, and the thumbnail that is separated from the original thumbnail by the first value is a thumbnail that stays within the range of the selector, and the target direction is the sliding of the sliding operation in the opposite direction.
  • the method further includes: in the process of moving the thumbnail list to the right in response to the user's right swipe operation, if the first thumbnail in the thumbnail list is within the range of the selector , and it is detected that the sliding speed of the right-swipe operation is greater than 0, trigger the thumbnail list to move to the left by the first preset displacement and then return to the position where the first thumbnail is within the range of the selector; in response to the user When the thumbnail list moves to the left during the left-swipe operation, if the last thumbnail in the thumbnail list is within the range of the selector and it is detected that the sliding speed of the left-swipe operation is greater than 0, the thumbnail will be triggered The list moves to the right by the second preset offset and returns to a position where the last thumbnail is within the range of the selector.
  • the method further includes: in response to the user's click operation on the thumbnail list, determining that the clicked thumbnail is the first thumbnail selected by the user.
  • the method further includes: in response to the user's operation on the input of the third thumbnail of the first video, displaying the first video in the second area, and the display status and playback progress of the first video are the same as The state is the same as when the first video was exited last time, and the display state includes the playing state and the paused playing state. It can be seen that after switching from displaying photos of exciting moments to displaying the original video, the original state is maintained to continue playing, that is, it is automatically positioned at the playback progress corresponding to the last time the original video was exited, so as to improve user experience.
  • the thumbnail list further includes thumbnails of other photos or videos in the gallery application except the first video.
  • the user can directly operate the thumbnail list to view other photos or videos in the gallery, without exiting the original video and re-entering the gallery to view other photos or videos, which reduces user operations and improves user experience.
  • the method further includes: in response to the user's sliding operation on the second area, the second area displays the image corresponding to the fourth thumbnail adjacent to the first thumbnail of the first video in the gallery application. Content.
  • the thumbnails of the first video and the photo of the wonderful moment are expanded and displayed in the thumbnail list. In this way, it is convenient for the user to view photos of wonderful moments associated with the first video.
  • the thumbnail list when the content of other photos or videos is displayed in the second area, the thumbnail list displays the third thumbnail of the first video, and hides the thumbnails of photos of exciting moments associated with the first video . In this way, it is avoided that the thumbnails of photos of wonderful moments take up too much display space, so that the first area displays more thumbnails that users may view, improving the utilization of display space. At the same time, avoiding users to repeatedly operate the thumbnail list to locate the real The thumbnails you want to see reduce user operations.
  • the method further includes: when the content corresponding to the fourth thumbnail is displayed in the second area, in response to the user's sliding operation on the second area, starting to play the content in the second area from the 0th second For the first video, the content corresponding to the fourth thumbnail is no longer displayed in the second area.
  • the user when the user returns to view the first video after viewing other photos or videos in the gallery, it is considered that the user may need to watch the video from the beginning, preventing the user from adjusting the playback progress bar to start playing from the beginning, reducing user operations and improving user experience .
  • the method further includes: when the content of the first video is displayed in the second area, the first area further includes a playback progress bar, and the playback progress bar includes a playback pause control, a mute control, and a playback progress control ;
  • the pause playback control is located on the first border of the first area, and the mute control is located on the second border of the first area;
  • the playback progress control is located on the third thumbnail of the first video, and the width of the third thumbnail is larger than that in the thumbnail list The width of other thumbnails.
  • the method further includes: responding to the user's operation on the input of the third thumbnail, expanding and displaying the image frame sequence of the first video in the thumbnail list; responding to the user's input on the playback progress control operation, the second area displays the image frame positioned by the playback progress control.
  • the user can intuitively adjust the playback progress according to the images in the image frame sequence, which improves the accuracy of adjusting the playback progress.
  • the method further includes: when the second area displays photos of exciting moments associated with the first video, the thumbnail list displays the third thumbnail of the first video, and hides the third thumbnail of the first video. sequence of image frames. In this way, it is possible to prevent the image frame sequence of the original video from occupying too much space in the thumbnail list, shorten the length of the thumbnail list, and reduce the user's operations for locating other thumbnails.
  • the method further includes: in response to the user's sliding operation on the second area, displaying a second interface, where the second interface displays the thumbnail adjacent to the first thumbnail of the first video in the gallery application. The content of the fourth thumbnail without showing the thumbnail list.
  • the aspect ratio of each thumbnail in the thumbnail list is 1:1; or, the aspect ratio of the first thumbnail is the actual video or photo corresponding to the first thumbnail. Aspect ratio, the aspect ratio of other thumbnails in the thumbnail list is 1:1.
  • the thumbnail of the current display item is displayed with the actual aspect ratio of the photo or video, so that the user can quickly recognize the thumbnail of the current display item, thereby improving user experience.
  • the height of the first thumbnail is greater than that of other thumbnails in the thumbnail list. In this way, the user can more quickly identify the thumbnail corresponding to the currently displayed item, further improving user experience.
  • the thumbnail of the first video includes a first identifier, and the first identifier is used to indicate that the first video is associated with at least one highlight photo. In this way, it is convenient for the user to intuitively identify the video associated with the content of the wonderful moment, and the recognition degree of such video is improved.
  • the first region is located below the second region, and the area of the second region is larger than that of the first region.
  • the present application also provides an electronic device, the electronic device includes: one or more processors, memory and touch screen; the memory is used to store program code; the processor is used to run the program code, so that the electronic device realizes the first The method of browsing multimedia content of any one of the aspects.
  • the present application also provides a computer-readable storage medium, on which instructions are stored, and when the instructions are run on the electronic device, the electronic device executes the method for browsing multimedia content according to any one of the first aspect.
  • FIG. 1 is a schematic structural diagram of an electronic device provided in an embodiment of the present application.
  • FIGS. 2 to 14 are schematic diagrams of the interface provided by the embodiment of this application to enter the content viewing interface of "one record, many benefits";
  • Fig. 15 is a schematic diagram of an interface in a landscape display state provided by an embodiment of the present application.
  • Figures 16 to 18 are schematic diagrams of the interfaces for viewing the related content of "One Record, Multiple Results" provided by the embodiment of this application;
  • Fig. 19 is a schematic interface diagram of a thumbnail list provided by the embodiment of the present application.
  • Figures 20 to 22 are schematic interface diagrams of the sliding thumbnail list process provided by the embodiment of the present application.
  • Fig. 23 is a schematic interface diagram of another thumbnail list provided by the embodiment of the present application.
  • Figures 24 to 26 are schematic diagrams of the interfaces when sliding thumbnails in the horizontal screen display state provided by the embodiment of the present application.
  • Figures 27 to 30 are schematic diagrams of an interface corresponding to the process of sliding the large image area provided by the embodiment of the present application.
  • Figures 31 to 34 are schematic diagrams of another interface corresponding to the process of sliding the large image area provided by the embodiment of the present application.
  • Fig. 35 is a schematic diagram of a video playback interface provided by an embodiment of the present application.
  • Fig. 36 is a schematic diagram of another video playback interface provided by the embodiment of the present application.
  • FIG. 37 is a schematic interface diagram of another thumbnail list provided by the embodiment 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.
  • MM can be the best movement moment, the best expression moment or the best check-in action. It can be understood that the application does not limit the term MM, and MM can also be called a beautiful moment, a magical moment, a wonderful moment, a decisive moment, or a best shot (best shot, BS). In different scenes, wonderful moments can be different types of picture moments.
  • the wonderful moment when recording a football game video, can be the moment when the player’s foot touches the football when shooting or passing the ball, or the moment when the football flies into the goal; when recording a video of a person jumping from the ground, the wonderful moment The moment can be the moment when the character is at the highest point in the air, or the moment when the character is most stretched in the air.
  • More than one record it can be understood that when the user uses the camera application to shoot a video, by pressing the "shoot" icon once, he can get a function that includes one or more photos of exciting moments and one or more selected videos.
  • the realization process of one record can be as follows: the electronic device automatically recognizes the wonderful moments during the recording process and triggers the capture to obtain the photos of the wonderful moments (ie MM photos); after the recording is over, the user can recommend MM photos to the user when viewing the recorded video And wonderful short videos (or called featured short videos, or wonderful videos, or featured videos). For example, the entire recorded video is 1 minute, and multiple (eg, 5) photos of exciting moments and a wonderful short video with a first preset duration (eg, 15 seconds) can be obtained. It is also understandable that one-click multi-shot can also have other names, such as one-click multi-shot, one-click multi-shot, one-click movie, one-click blockbuster, AI one-click blockbuster, etc.
  • the mobile phone can also generate a configuration file, which can be Include the tag (TAG) of the video.
  • the cell phone may obtain tag data, which includes the tag (TAG) of the video.
  • this tag data can be added to the video, usually in the video header.
  • this application introduces the "one record, get more" function, that is, to obtain the wonderful moment content during the video recording process, such as wonderful moment photos or wonderful short videos.
  • you can view the photos of the wonderful moments in the gallery.
  • photos of wonderful moments can be obtained in the process of shooting videos to meet user needs, and users can view captured videos and photos of wonderful moments in a gallery, which is convenient for users to view and improves user experience.
  • the image quality of the wonderful moments obtained by this solution is higher, and the user experience is better.
  • the multimedia content browsing method provided by the embodiment of the present application can be applied to various electronic devices, such as mobile phones, smart screens, tablet computers, wearable electronic devices, vehicle-mounted electronic devices, augmented reality (augmented reality, AR) devices, virtual Virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), projectors, and more.
  • electronic devices such as mobile phones, smart screens, tablet computers, wearable electronic devices, vehicle-mounted electronic devices, augmented reality (augmented reality, AR) devices, virtual Virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), projectors, and more.
  • FIG. 1 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, Mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and user An identification module (subscriber identification module, SIM) card interface 195 and the like.
  • SIM subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyro sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an environmental Light sensor 180L, bone conduction sensor 180M, etc.
  • the structure shown in FIG. 1 does not constitute a specific limitation on the electronic device.
  • the electronic device may include more or fewer components than those shown in FIG. 1, or the electronic device may include a combination of some of the components shown in FIG.
  • the device may include subcomponents of some of the components shown in FIG. 1 .
  • the components shown in FIG. 1 can be realized in hardware, software, or a combination of software and hardware.
  • Processor 110 may include one or more processing units.
  • the processor 110 may include at least one of the following processing units: an application processor (application processor, AP), a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller , video codec, digital signal processor (digital signal processor, DSP).
  • application processor application processor
  • GPU graphics processor
  • ISP image signal processor
  • controller video codec
  • DSP digital signal processor
  • the controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.
  • the electronic device can realize the display function through the GPU, the display screen 194 and the application processor.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 194 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.
  • Display 194 may be used to display images or video.
  • the display screen 194 includes a display panel.
  • the electronic device may include 1 or N display screens 194, where N is a positive integer greater than 1.
  • the display screen 194 can be used to display photos of exciting moments, recorded short videos, and the like.
  • the electronic device can realize the shooting function through ISP, camera 193 , video codec, GPU, display screen 194 and application processor.
  • the ISP is used for processing the data fed back by the camera 193 .
  • 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 optimize the algorithm of image noise, brightness and color, and ISP can also optimize parameters such as exposure and color temperature of the shooting scene.
  • the ISP may be located in the camera 193 .
  • Camera 193 is used to capture still images or video.
  • the electronic device may include 1 or N cameras 193, where N is a positive integer greater than 1.
  • the processor 110 may determine the wonderful moment MM in the video stream based on the video stream recorded by the camera 193, and when the MM is determined, invoke the camera 193 to automatically trigger a photoshoot. ISP and DSP can process the image signal of the wonderful moment MM to obtain the image of the wonderful moment.
  • Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals.
  • Video codecs are used to compress or decompress digital video.
  • the internal memory 121 may be used to store computer-executable program codes including instructions.
  • the internal memory 121 may include an area for storing programs and an area for storing data.
  • the storage program area can store an operating system and an application program required by at least one function (for example, a sound playing function and an image playing function).
  • the storage data area can store data created during use of the electronic device (for example, audio data and phonebook).
  • the processor 110 executes various processing methods of the electronic device by executing instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.
  • This application will take the electronic device as a mobile phone and a camera application installed in the mobile phone as an example to introduce the multimedia content browsing method provided by this application in detail.
  • the user can manually enable or disable the "one record multiple" function provided in the embodiments of the present application.
  • the system defaults to enabling the "one-record-multiple-get” function, and the user can manually disable this function.
  • the user can instruct the mobile phone to start the camera application by touching a specific control on the screen of the mobile phone, pressing a specific physical key or combination of keys, inputting voice, gestures in the air, and the like.
  • the mobile phone starts the camera application and displays the shooting interface.
  • the user can click the “camera” application icon 101 on the desktop of the mobile phone to instruct the mobile phone to start the camera application.
  • the mobile phone displays the shooting interface as shown in FIG. 3 .
  • the user when the mobile phone is in a locked screen state or running other applications, the user can also control the mobile phone to open the camera application in other ways, so that the mobile phone displays the shooting interface shown in FIG. detail.
  • the shooting interface of the camera application may include a viewfinder frame 102, a camera control, a camera control, a video control, and other functional controls (for example, a portrait function control, a night scene function control, or more other controls).
  • the camera application starts the recording mode, and the mobile phone can display the video recording interface shown in Figure 4.
  • the camera setting interface displays a control 104 for enabling/disabling the "multiple access to one record” function, which is used to enable or disable the "multiple access to one recording” function.
  • the state of the control 104 shown in FIG. 5 indicates that the function of "multiple access for one record" is enabled.
  • the camera system can enable the control 104 by default, that is, enable the "one record multiple" function by default. If the user does not need to use the "one record multiple” function, he can manually click the control 104 to turn off the "one record multiple” function.
  • the camera application After the user turns on the "one record, get more" function, when the camera application is in the video recording mode, it will automatically and intelligently identify the wonderful moments when recording the video, and automatically generate wonderful photos after recognizing the content of the wonderful moments.
  • the recorded video may be referred to as an original video.
  • the original video is longer than the second preset duration (for example, 15s) and the content of the wonderful moment is identified, a short video can be automatically generated based on the content of the wonderful moment and the original video, and the generated short video can be called a wonderful short video.
  • Video or called featured short video, or wonderful video, or featured video).
  • the camera setting interface shown in FIG. 5 may also include other controls related to video recording settings, such as setting controls for video resolution, setting controls for video frame rate, and the like.
  • the controls shown in FIG. 5 are only exemplary descriptions, and this embodiment of the present application does not limit the content items displayed on the camera setting interface.
  • the video resolution setting control shown in Figure 5 above can be used to select the video resolution.
  • the video resolution can be 3840*2160 (Ultra HD 4K), 1920*1080 (1080p Full HD), 1280*720 (720P HD), etc. It should be understood that the options for video resolution depend on the specific configuration of the handset.
  • the camera setting interface shown in FIG. 5 may also include controls related to camera settings, for example, settings controls for photo ratio, settings controls for gesture photography, settings controls for smiley face capture, and the like.
  • FIG. 6 shows a picture (such as the picture of the 01st second) in the video recording process, and the interface includes a pause key 105, a stop key 106 and a camera key 107.
  • the user can click the camera button 107 to manually snap a photo.
  • the user can click the pause button 105 to pause the recording process.
  • the user can click the stop key 106 to end the recording process and obtain the captured video.
  • the above introduces a method of triggering the mobile phone to enable the "one record multiple” function, and this application is not limited to enabling "one record multiple" in the recording mode.
  • this application is not limited to enabling "one record multiple” in the recording mode.
  • the user can set the video recording mode of the mobile phone to the mode of "one record, multiple gains" in the setting menu.
  • the original video recorded by the user can be viewed in the gallery.
  • the “one record multiple” content related to the original video such as photos or short videos of exciting moments
  • the user can click the icon 201 of the "Gallery” application on the desktop of the mobile phone to control the mobile phone to start the gallery application.
  • the mobile phone displays the "Photos" tab shown in FIG. 8 interface.
  • the user can also control the mobile phone to open the gallery application by touching a specific control on the screen of the mobile phone, pressing a specific physical key or combination of keys, inputting voice, and gestures in the air.
  • the Gallery app can also be called Albums, Photos, etc.
  • thumbnails of photos and videos taken by the user using the camera application of the mobile phone are displayed.
  • the mobile phone can display thumbnails of photos and videos on the "Photos" tab interface in chronological order.
  • a specific logo can be displayed on the thumbnail corresponding to the "one-record-multiple-get” content displayed in the gallery.
  • the thumbnail of the video 202 (that is, the first thumbnail) not only shows the preview image of the recorded original video, but also includes an AI mark 203, which indicates that the video has a related Linked "one record, many" content (such as photos of wonderful moments, wonderful short videos).
  • the AI mark 203 is used to identify that the video 202 is recorded in the "one record multiple" mode.
  • the thumbnail of the video 202 contains the AI logo 203, it means that the photo or video associated with the video 202 is also obtained when the video 202 is recorded.
  • AI mark 203 shown in FIG. 8 is only an example of the embodiment of the present application, and other marks can also be used to mark such videos associated with the content of "one record, multiple results".
  • the specific form of the AI mark is not specified in this application. Do limited.
  • thumbnails of ordinary photos and ordinary videos can also be included, wherein, ordinary photos refer to photos obtained by touching the camera button, such as the camera button in the camera mode, or Camera button in video mode.
  • Ordinary videos refer to videos that have no associated "one-record-multiple-get” content, for example, videos shot in a scene where the "one-record multiple-get” function is not enabled, or the "one-record multiple-get” function is turned on, but no wonderful The moment photo or recording duration is shorter than the second preset duration.
  • the size of the thumbnail of the video 202 shown in FIG. 8 and the thumbnails of ordinary photos and ordinary videos may be different or the same, which is not limited in this embodiment of the present application.
  • the "Photos" tab interface shown in FIG. 8 may also include a search bar control, an album control, a moment control, and a discovery control.
  • the mobile phone When the user views a video associated with the content of "one record, many gains", if the user clicks the thumbnail of the video 202 in FIG. 8, the mobile phone enters the video playback interface.
  • the entire interface includes four regions A, B, C, and D from top to bottom, among which, the area of B is the largest, and the areas of A, C, and D are all smaller.
  • the area A may overlap part of the area B, which will not be repeated here.
  • Area A is located at the top of the entire interface, including the status bar and the title bar. time and other information.
  • the title bar can display content such as the time and place of shooting the video, the details control 212 and the control 213 for returning to the previous level.
  • the status bar is a common status display bar for different application programs in the mobile phone.
  • the display interfaces of different application programs in the mobile phone may include the status bar and the displayed content remains unchanged.
  • the status bar is an optional display item.
  • the display interface of an application may not include a status bar, but generally includes a title bar.
  • the status bar and title bar can be hidden. For example, after the user clicks anywhere in area B, the status bar and title bar can be hidden.
  • Area B is a large image area for displaying videos/photos. For example, when playing the video 202 clicked by the user in area B, it can be played according to the original shooting ratio or shooting pixels of the video 202.
  • Area C is used to display at least part of the thumbnails in the thumbnail list.
  • the thumbnail list can include the thumbnails of the recorded original video and multiple (for example, 5) wonderful moment photos obtained, or the thumbnail list can only include the thumbnails of multiple wonderful photos, excluding the thumbnails of the original video .
  • the embodiment of the present application does not limit the number of photos of wonderful moments obtained. For example, the longer the original video is recorded, or there are more scenes of wonderful moments in the original video, the more wonderful photos may be obtained. ; the shorter the length of the recorded original video, or the fewer scenes with the highlights in the original video, the fewer the number of great photos that may be obtained.
  • the thumbnails in the thumbnail list are arranged sequentially from left to right.
  • the thumbnail 206 displayed in area C is a thumbnail of the original video (which may be called a second thumbnail)
  • the thumbnails 207 to 209 are thumbnails of photos of exciting moments.
  • the embodiment of the present application does not limit the number of wonderful moment photos, for example, it may be one or more (such as five). Due to the limited display area of area C, the number of displayed thumbnails is limited. In the example shown in Figure 9, the mobile phone is in a vertical display state, and only the thumbnails of the original video and the thumbnails of two photos of exciting moments are displayed. . It can be understood that the number of thumbnails displayed in area C is related to the size of the thumbnail itself and the width of the screen of the mobile phone, and the application does not limit the number of thumbnails displayed in area C.
  • the thumbnails corresponding to the photos of the wonderful moments shown in the region C are arranged in sequence from left to right according to the shooting time from early to late. For example, as shown in FIG. 9, the shooting moment corresponding to the thumbnail image 207 is earlier than the shooting moment corresponding to the thumbnail image 208, and the shooting moment corresponding to the thumbnail image 208 is earlier than the shooting moment corresponding to the thumbnail image 209, and so on, which will not be repeated here. Describe in detail.
  • the thumbnails of the photos of wonderful moments can also be arranged in other ways, for example, they are arranged in order of shooting time from late to early. This application does not limit the sorting method of the thumbnails of photos of wonderful moments.
  • the video or photo currently displayed in area B may be called the current display item
  • the periphery of the thumbnail corresponding to the current display item in area C further includes a positioning frame 205 slightly larger than the size of the thumbnail.
  • the positioning frame 205 is used to indicate that the photo or video corresponding to the thumbnail is the current display item in area B.
  • the positioning box 205 may also be referred to as a selector.
  • the use of the positioning box 205 to indicate the current display item is only an example provided by the embodiment of the present application.
  • the current display item can also be indicated in other ways, for example, a triangle selection is displayed above or below the thumbnail of the current display item selector with one corner of the triangular selector pointing to the thumbnail of the currently displayed item.
  • the present application does not limit the specific manner of indicating the currently displayed item.
  • Area D is located at the bottom of the entire interface, and can display operation controls for the current display item, such as share controls, favorite controls, edit controls, delete controls, and "more" controls.
  • the content displayed in area D can be hidden. For example, after the user clicks anywhere in area B, the content displayed in area D can be hidden.
  • a guide frame 204 may be displayed above the area C ( Or called the bubble prompt box), the prompt content can be: “One record gets more” to intelligently capture multiple wonderful moments for you.
  • the guide frame 204 is used to inform the user that the area C includes the content of "One Record, Multiple Get”.
  • a mask layer with a certain transparency (or a mask layer) with a certain transparency can be overlaid on area A, area B and area D.
  • is a mask such as a gray mask.
  • the transparency of the covering layer can be set according to actual needs, such as 20% to 80%, and this application does not limit the transparency of the covering layer.
  • Region C is not covered by the mask so that guide frame 204 and region C are highlighted.
  • the prompting method of the bubble prompt box and mask layer shown in FIG. 9 is only an example provided by the embodiment of the present application. In other embodiments of the present application, other prompting methods may also be used, which is not limited in the present application.
  • the video displayed in area B will not be automatically played.
  • the video displayed in area B can be played automatically.
  • the guide frame 204 and the mask layer disappear; or, after the user clicks any position in the area covered by the mask layer, the guide frame 204 and the mask layer disappear; or, the guide frame 204 and the mask will disappear automatically after a preset duration (for example, 10s).
  • a preset duration for example, 10s.
  • the present application does not limit the specific manner of making the guide frame and the mask disappear.
  • the user can click the "Album” tab in the interface shown in FIG. 8 to enter the album interface shown in FIG. 10 .
  • the album interface includes various albums in the gallery, such as a “Camera” album 301 , an “All Photos” album 302 , and a “Video” album 303 .
  • the "Camera” album displays thumbnails of videos and photos taken by the camera application.
  • the interface of the “Camera” album includes thumbnails of photos/videos such as photos, photos 304 , videos 202 , photos 305 .
  • the thumbnails of the photos and videos in the "Camera” album are arranged in order according to the shooting time from late to early, and the photo or video with the latest shooting time (or called the latest shooting time) is ranked at the front of the interface ( That is, near the upper left corner of the interface).
  • the shooting time corresponding to the photo 304 in FIG. 11 is later than the shooting time of the video 202
  • the shooting time corresponding to the video 202 is later than the shooting time of the photo 305 , and so on.
  • the thumbnail of the video 202 includes an AI logo 203 , that is, the content associated with the video 202 is "one record, multiple gains", such as photos or videos. If the user views the video containing the AI logo for the first time, he will enter the interface shown in FIG. 12 .
  • the interface shown in FIG. 12 is the same as the interface shown in FIG. 9 , and will not be repeated here.
  • the interface of the "All Photos” album is entered.
  • the "All Photos” album 302 includes videos taken with the camera application, that is, if the user captures a video associated with the content of "One Record More” after enabling the "One Record More” function, then if the user When viewing a video with an AI logo on the "All Photos" album interface for the first time, the mobile phone will jump from the "All Photos" album interface to the interface shown in Figure 12.
  • the interfaces shown in FIG. 10 and FIG. 11 are only examples, and the present application does not limit the views of the interfaces shown in FIG. 10 and FIG. 11 .
  • the size of the cover thumbnails of each album in Figure 10 is the same, that is, the display size of each album is the same. In actual use, the size of different albums can be different, and the arrangement is not limited to the way shown in Figure 10. .
  • one row includes thumbnails of two videos or photos. In actual use, one row can include more (such as four) thumbnails of videos or photos. The embodiment of the application does not limit this.
  • an entry of a gallery application is set on the shooting interface, and the entry can display thumbnails of videos or photos that have been shot last time.
  • the entrance of the gallery application on the shooting interface is a preview image 401
  • the preview image 401 is used to display a thumbnail image of a video or photo that was shot last time.
  • the mobile phone can obtain the video associated with the "One Record, Multiple Get” content. At this point, the mobile phone can display a thumbnail of the recorded original video in the preview image 401 shown in FIG. 13 . If the user clicks on the preview image 401 to view the video associated with the content of "one record, multiple" for the first time, the mobile phone will display the interface shown in Figure 14, wherein the interface shown in Figure 14 is the same as the interface shown in Figure 9, here I won't repeat them here.
  • each thumbnail can be 1:1.
  • each thumbnail in area C Both thumbnails are square images. In this way, more thumbnail images can be displayed in the area C, and the user can view all the thumbnail images without repeated operations, which improves user experience.
  • the aspect ratio of the thumbnail of the current display item in area C can also adopt the actual aspect ratio of the video/photo, and the aspect ratio of other thumbnails can adopt 1:1 .
  • the size of the thumbnail of the current display item may be slightly larger than other thumbnails, that is, the thumbnail of the current display item presents an enlarged effect.
  • the mobile phone is in a horizontal display state, as shown in FIG. 15 , the area 501 is used to play videos or photos of exciting moments.
  • Area 502 is used to display thumbnails of videos and photos of exciting moments.
  • the aspect ratio of the thumbnail corresponding to the current display item in the area 502 can adopt the actual aspect ratio, and the aspect ratio of other thumbnails is 1:1.
  • the aspect ratio of the photo can include 3:4, 1:1, full screen, etc.
  • the aspect ratio of the video can include 16:9, 21:9, full screen, etc.
  • the currently displayed item displayed in the area 501 is the video corresponding to the thumbnail 206 (such as the video 202 in FIG. 8 ), in other words, the positioning frame 205 is located around the thumbnail 206 .
  • the aspect ratio of the video 202 is 16:9
  • the aspect ratio of the thumbnail image 206 is also 16:9
  • the aspect ratios of the thumbnail images 207-211 of the highlights are all 1:1, that is, square .
  • the thumbnail of the currently displayed item is slightly larger than other thumbnails, that is, the thumbnail of the currently displayed item presents a magnified effect.
  • the above content introduces the process of guiding and reminding the user to view the content of "One Record More" content when the user views the video associated with the "One Record More” content for the first time.
  • the following will introduce the process of the user viewing the original video and the "one record, multiple" content with reference to Figures 16 to 19 .
  • the bubble guide frame and the mask disappear, and the video is played automatically.
  • the mobile phone displays the interface shown in FIG. 17, and the mask and the guide frame 204 disappear.
  • the area B can automatically play the video associated with the "one record, many" content, that is, the video corresponding to the thumbnail 206 .
  • the content and status displayed in area C will not change.
  • the video in area B can be in the pause playback state by default, that is, the playback control is displayed on the video displayed in area B, and the user can manually click the playback control, before playing the video.
  • area B also includes a playback progress bar 402 and a control 401 for "AI One-Key Movie".
  • the "AI one-click blockbuster" control 401 is the entrance to generate wonderful short videos. For example, if the user clicks on the control 401, the playback interface of the wonderful short video will be entered.
  • the playback progress bar 402 shows that the video duration is 56 seconds, and the current playback progress is 0 seconds.
  • the playback progress bar may also be called a playback slide bar, and the user may drag the slide bar to adjust the playback progress.
  • the playback progress bar 402 may also include a volume controller 4021 . The embodiment of the present application does not limit the content displayed by the playback progress bar.
  • the video can be played automatically by default when the video is automatically played, and the user needs to click the volume control 4021 Resume video playback sound.
  • the volume control 4021 may also be referred to as a mute button or a mute control.
  • the user clicks the control shown in area D in Figure 17 the user will enter the corresponding operation interface for the currently displayed item, for example, if the user clicks the "Edit” control in Figure 17, the user will enter the editing interface of the currently playing video, As another example, if the user clicks the "Share” control in Figure 17, the user will enter the sharing interface of the currently playing video.
  • the mobile phone after the guide frame and the mask disappear, the mobile phone will respond to the operation when the user operates the thumbnail in the area C again.
  • the clicked thumbnail is the current display item, and area B directly displays the photo corresponding to the current display item. If the user slides the thumbnail list in area C left and right, the thumbnails move left and right accordingly.
  • the mobile phone can compare the size relationship between the moving distance of the finger on the screen and the corresponding threshold to determine the current display item.
  • the user first clicks any position on the interface shown in FIG. 16 , the guide frame 204 and the mask layer disappear, and the original video is played automatically. Thereafter, if the user clicks (or slides) the thumbnail in the thumbnail area (ie area C) shown in Figure 17, then the positioning frame 205 is positioned at the thumbnail (such as thumbnail 207) that is clicked or slides to locate, then in the area B displays the photo corresponding to the thumbnail 207, that is, displays the interface as shown in FIG. 18 .
  • the guide frame 204 and the mask disappear, and the current displayed item is determined according to the sliding displacement of the finger on the screen.
  • the positioning frame 205 is positioned on the thumbnail 207, and the area B displays the photo corresponding to the thumbnail 207, that is, the mobile phone displays the interface shown in FIG. 18 .
  • the movement displacement of the thumbnail list is determined; the movement displacement of the thumbnail list may be determined according to the sliding displacement of the sliding operation. Then, calculate the ratio between the moving displacement and the width of the thumbnail, and perform rounding and integer operation on the comparison value to obtain the first value.
  • the first value is equal to 0, it is determined that the thumbnail staying within the range of the selector is the original thumbnail, wherein the original thumbnail is the thumbnail within the range of the selector before receiving the sliding operation; for example, after receiving Before this sliding operation, the selector is positioned at the position of the thumbnail 206, which is the original thumbnail.
  • the target direction of the original thumbnail in the thumbnail list determines the target direction of the original thumbnail in the thumbnail list, and the thumbnail that is separated from the original thumbnail by the first value is a new thumbnail, and the target direction is opposite to the sliding direction of the sliding operation direction. For example, if the ratio of the moving displacement to the width of the thumbnail is 1.5, then the first value after rounding to an integer is 2.
  • the original thumbnail is thumbnail 206, and the sliding operation is a left sliding operation, and the new thumbnail is thumbnail 209 on the right side of thumbnail 206 and separated from thumbnail 206 by two thumbnail widths.
  • the position of the positioning frame 205 in the area C is relatively fixed, and the position of the thumbnail list is moved through a sliding operation, so as to locate different thumbnails in the positioning frame 205 .
  • the position of the positioning frame 205 is fixed at the middle position in the width direction of the screen of the mobile phone.
  • the position of the positioning frame 205 is fixed at a position close to the left frame of the mobile phone in area C, that is, the leftmost position in area C.
  • the positioning frame 205 may also be fixed at other positions in the area C, which is not limited in this embodiment of the present application.
  • the position of the positioning frame 205 in the area C is not fixed, that is, the positions of the thumbnail image and the positioning frame 205 can be moved.
  • the thumbnails displayed in the area C can be arranged sequentially from the leftmost of the area C.
  • the thumbnail of the new current display item has been displayed in area C.
  • the thumbnail list does not need to follow the sliding direction, and only needs to move the positioning frame 205 to the new current display item. Can.
  • the positioning frame 205 when the positioning frame 205 is positioned on the first thumbnail in the thumbnail list (such as the thumbnail 206 in Figure 19), if the user slides the thumbnail list to the left, the positioning frame 205 will move to the right.
  • the frame 205 stops at the position of the thumbnail 211 and the user stops sliding, that is, as shown in FIG. 19 , the positioning frame 205 stays on the thumbnail 211, that is, the photo corresponding to the thumbnail 211 is the new current display item.
  • the thumbnail of the new currently displayed item is not displayed in area C.
  • the thumbnail list needs to move along the sliding direction so that the new currently displayed item is displayed in area C. Further, it is determined whether the positioning frame 205 needs to be moved according to the sliding displacement.
  • the positioning frame 205 If the positioning frame 205 is just positioned at the position of the new currently displayed item after the thumbnail list is moved, the positioning frame 205 does not need to be moved. If the positioning frame 205 is not positioned at the position of the new currently displayed item after the thumbnail list is moved, the positioning frame 205 is moved to a position corresponding to the new currently displayed item.
  • the user can directly switch the objects displayed in area B by sliding or clicking the thumbnail list in area C.
  • area B displays the content of "One Record Multiple”
  • area B will switch to the interface for playing the original video.
  • the user switches from the interface shown in FIG. 17 to the interface shown in FIG. 18 , and if the user clicks the thumbnail 206 corresponding to the original video on the interface shown in FIG. 18 , the user switches back to the interface shown in FIG. 17 .
  • the original state of playing the original video after exiting the last time is maintained.
  • the original video when switching from playing the original video to displaying the photo of the highlight moment, when switching from displaying the photo of the highlight moment to playing the original video, it will directly enter the playback state, and continue playing at the playback progress when exiting the playback. If the original video is played to the 12th second and then switched to show the photo of the wonderful moment, then when the original video is switched back to play, the playback will continue from the 12th second.
  • the original video is in a paused state when switching from playing the original video to displaying the photo of the exciting moment, then when switching from displaying the photo of the exciting moment to playing the original video, the progress of the paused playback is consistent with the original playback progress.
  • the original playback progress refers to the playback progress of the original video when switching from the display state of the original video to the display state of the wonderful photo.
  • the mobile phone can detect the speed when the finger leaves the screen (ie, the speed of sliding away from the hand). If the sliding speed is 0, it means that the current sliding operation is a slow sliding operation (or called a slow sliding operation), and the mobile phone can determine whether to reset the thumbnail list or locate a new thumbnail according to the sliding displacement of the finger on the screen. If the sliding speed is greater than 0, it means that the current sliding operation is a fast sliding operation (or called fast sliding operation), and the thumbnail list will inherit the sliding speed and continue to slide. Until the sliding speed of the thumbnail list drops to 0, or the last thumbnail in the thumbnail list is at the position of the positioning frame.
  • the thumbnails in the positioning frame 205 are constantly switched, and correspondingly, the photos displayed in area B will also be refreshed as the thumbnails in the positioning frame 205 in real time.
  • the user slides the thumbnail list to the left, and the sliding speed is 0.
  • the first threshold such as half the size of the thumbnail
  • the thumbnail list will move to the left accordingly. But after the finger leaves the screen, the thumbnail list returns to the initial position before sliding, that is, returns to the interface shown in FIG. 20 , and the positioning frame 205 is still positioned at the position of the thumbnail 206, in other words, the current display item is not updated.
  • the user slides the thumbnail list to the left.
  • the first thumbnail 206 in the thumbnail list may slide out of the left border position of area C, Until the sliding speed drops to 0, at this time, the thumbnail in the positioning frame 205 is the thumbnail of the currently displayed item, and at the same time, the photos displayed in area B will be refreshed in real time following the thumbnail in the positioning frame 205 during the sliding process.
  • the positioning frame 205 when the positioning frame 205 is at the left border of the thumbnail list (that is, the first thumbnail in the thumbnail list, such as the thumbnail 206 in FIG. 20 ), if the user continues to slide the thumbnail to the right list (for example, the speed of sliding to the right is high, and the thumbnail 206 has slid to the positioning frame 205, but the sliding speed to the right is still greater than 0). After stopping the sliding, the thumbnail list will slide in the opposite direction (ie to the left) for a certain displacement and then return to the position where the thumbnail 206 is in the positioning frame 205 , that is, the dynamic effect of edge bounce is presented. Similarly, when the positioning frame 205 is positioned on the right border of the thumbnail list (i.e. the last thumbnail in the thumbnail list, such as thumbnail 211 in Figure 22), if the user continues to slide the thumbnail list to the left, this There will also be a dynamic effect of rebounding when touching the edge, so I won't repeat it here.
  • area B in the scene where photos of exciting moments are displayed in the large image area (that is, area B), in order to facilitate users to intuitively identify the thumbnail corresponding to the original video and check the original video, you can add Playback controls.
  • area B currently displays the photo corresponding to the thumbnail 207
  • the thumbnail 206 in area C also includes a playback control 2061 , through which the user can intuitively and accurately identify the original video.
  • the user can directly click the play control 2061, so that the area B switches to an interface for automatically playing the original video.
  • the video may be played from the beginning, or may continue to play at the last time the video was exited.
  • the thumbnail of the currently displayed item is displayed with the actual aspect ratio of the photo or video, while the aspect ratio of other thumbnails is displayed with 1:1.
  • the current display item is the video corresponding to the thumbnail 206
  • the aspect ratio of the thumbnail 206 adopts the actual aspect ratio of the original video, such as 16:9
  • the aspect ratio of other thumbnails adopts 1:1.
  • the aspect ratio of the thumbnail in the positioning frame 205 is the actual width and height of the photo corresponding to the thumbnail Compare.
  • the aspect ratio of the thumbnail 211 adopts the actual aspect ratio of the photo corresponding to the thumbnail, for example, the actual shooting ratio of the photo is 16:9, Then, as shown in FIG. 26 , the aspect ratio of the thumbnail image 211 is 16:9.
  • the large image area 501 is refreshed in real time with the photo corresponding to the thumbnail image (such as the thumbnail image 207 shown in FIG. 25 or the thumbnail image 211 in FIG. 26 ) currently located in the positioning frame 205 .
  • operable controls such as “Share”, “Favorite”, “Edit”, “Delete”, “More”, and “Details” can be located in the upper right corner of the screen, as shown in Figure 24-26 Show.
  • these operable controls can also be arranged in other positions, which is not limited in this application.
  • the above content introduces the display effect of the user sliding the thumbnail list.
  • the user can also perform a sliding operation on the large image area (that is, area B) displaying videos or photos. For example, when the mobile phone displays the interface of the photo of the exciting moment associated with the video, if the user slides the large image area (ie, area B) to the left, it will switch to display the next photo (or video) adjacent to the video in the gallery application.
  • the thumbnail of the video 202 includes an AI logo, indicating that the video 202 is associated with the content of "one record, many gains".
  • the next object of video 202 is photo 305 .
  • the user clicks on the video 202 the user enters the video playback interface as shown in FIG. 28 . If the user clicks on the thumbnail image 207 in Figure 28, then enter the interface as shown in Figure 29, that is, the large picture area (that is, area B) displays the photo corresponding to the thumbnail image 207, and no longer displays the video content of the video 202 and " One-click blockbuster" control.
  • the mobile phone enters the interface shown in FIG. 30 , that is, enters the normal photo display interface.
  • the photo 305 is displayed in the large image area.
  • this interface does not include an area for displaying a list of thumbnails corresponding to the content of "one record, multiple results", that is, area C.
  • the mobile phone switches to the playback interface of the previous video of photo 305 , that is, switches back to the playback interface of video 202 as shown in FIG. 28 .
  • the video 202 can be reset to play from the beginning. Or, keep the original state of the last exit video 202, such as in a tentative playback state and keep the playback progress when the last exit video 202, or continue playing from the last exit video 202 playback progress.
  • FIG. 29 is only an example of displaying a photo of a wonderful moment corresponding to the thumbnail 207 in the big picture area for illustration. (or to the right) sliding operation can switch to the next photo/video (or previous photo/video) of the video 202 .
  • the switching effect of the mobile phone display interface is the same as that of the left swipe/right swipe operation in the big picture area showing photos of exciting moments, so I won’t repeat them here.
  • the thumbnail list displayed in area C only includes the video 202 and the thumbnails of the photos of the exciting moments corresponding to the video 202 .
  • the thumbnails displayed in area C include not only thumbnails of content related to "One Record Multiple", but also thumbnails of other photos or videos in the gallery. The process of this part will be introduced below with reference to FIGS. 31 to 33 .
  • the video 202 is a video containing the content of "one record, many"
  • the photo 304 is the previous photo of the video 202
  • the photo 305 is the next photo of the video 202.
  • area C in addition to displaying the thumbnails of the photos of the exciting moments associated with the video 202, area C can also display thumbnails of other photos/videos in the gallery application, that is, area C can display the photos/videos in the gallery application.
  • the thumbnail of the video, thumbnail 206 is the thumbnail of video 202 among the figure
  • thumbnails 207 ⁇ 209 are the thumbnails of the photos of wonderful moments corresponding to video 202
  • thumbnail 601 is the last photo of video 202 (i.e. photo 304 ) thumbnail.
  • area B of the interface shown in FIG. 33 If the user slides left in area B of the interface shown in FIG. 33 , the interface shown in FIG. 34 is entered, and area B switches to display the next photo of video 202 , namely photo 305 . If the user performs a right swipe operation on area B in FIG. 34 , area B switches to the previous photo/video displaying photo 305 , that is, returns to the interface for playing video 202 shown in FIG. 32 .
  • the current display item is a video associated with the content of "One Record More” or the corresponding "One Record More” content of the video, it will be displayed in the thumbnail area (that is, area C) and associated with "One Record More".
  • the thumbnails of the video 202 and the photos of the exciting moments associated with the video are expanded and displayed in area C.
  • the current display item is an ordinary photo or ordinary video (such as the photo 305 shown in area B in FIG.
  • the corresponding thumbnail image for example, thumbnail image 207, thumbnail image 208, or thumbnail image 209, etc.
  • the thumbnails of ordinary photos and ordinary videos are normally displayed in the thumbnail area. In other words, in this case, the number and order of thumbnails displayed in the thumbnail area below the large image area are the same as those in the gallery.
  • the thumbnails of the “one record, many benefits” content are prevented from occupying too much display space, so that more thumbnails that users may view are displayed in a limited display area , improving the user experience.
  • it can be ensured that the order of the thumbnails displayed in the region C is consistent with that of the thumbnails in the gallery application.
  • the user's operation on the thumbnail list of area C and the switching effect of the display interface in the embodiment of the present application are also applicable to the embodiments shown in Fig. 32 to Fig. 34 .
  • the switching effect of the interface is similar to the embodiment in which the thumbnail list does not contain other photos or videos in the gallery. Here I won't repeat them here.
  • area B when playing the original video associated with the content of "One Record Multiple", area B does not display a playback progress bar, as shown in FIG. 35 , a playback progress bar is displayed in area C.
  • the play progress bar includes a pause play control 701 located at the left border of area C, a mute control 702 located at the right border of area C, and a play progress control 703 on the thumbnail of the original video.
  • the mute control 701 may also be called a mute button or a volume controller.
  • the width of the corresponding thumbnail of the original video is larger than that of other thumbnails.
  • the position of the playback progress control 703 on the thumbnail will move left and right.
  • the interface shown in Figure 36 is entered, and the image frame sequence of the original video is expanded and displayed in area C. multiple image frames.
  • the thumbnails 801-803 are image frames in the original video.
  • FIG. 36 only shows 3 image frames in the video image frame sequence, and the actual video image frame sequence includes multiple (such as a dozen to dozens or even more) image frames. Sliding the sequence of image frames, more image frames can be displayed in area C. In this way, the user can directly and accurately adjust the playback progress of the video according to the image frames in the video, improving the accuracy of the progress adjustment.
  • the user clicks the thumbnail (such as the thumbnail 207) of the photo of the wonderful moment in Figure 35 to enter the interface shown in Figure 37, the selector 2051 is positioned above the thumbnail 207, and the area B The photo corresponding to the thumbnail 207 is displayed.
  • Area C no longer displays the playback progress bar, nor expands and displays the image frame sequence of the original video, only the thumbnail 206 is displayed in area C, and the playback control 2061 is also displayed on the thumbnail 206 .
  • the display strategies and functions of the playback control 2061 in FIG. 37 are the same as those of the playback control 2061 in FIG. 23 , and will not be repeated here.
  • area B when area B displays a normal photo or video in the gallery application (such as photo 305 shown in area B in Figure 34), area C may only display a thumbnail of the original video (such as thumbnail 206), and no longer Expand and display the image frame sequence of the original video and the thumbnails (such as thumbnail 207, thumbnail 208 or thumbnail 209, etc.) of the associated "one record, many" content.
  • the playback progress bars shown in Figure 35 and Figure 36 can also be applied to the scenarios shown in Figures 27-30. Thumbnails, the thumbnails of other photos and videos in the gallery application are not displayed. In this scenario, the display effect of the playback progress bar is similar to the examples shown in Figure 35 and Figure 36, and will not be repeated here.
  • the disclosed system, device and method may be implemented in other ways.
  • the device embodiments described above are only illustrative.
  • the division of the modules or units is only a logical function division. In actual implementation, there may be other division methods.
  • multiple units or components can be Incorporation may either be integrated into another system, or some features may be omitted, or not implemented.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces, and the indirect coupling or communication connection of devices or units may be in electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place, or may be distributed to multiple network units. Part or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in each embodiment of this embodiment may be integrated into one processing unit, or each unit may physically exist separately, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units can be implemented in the form of hardware or in the form of software functional units.
  • the integrated unit is realized in the form of a software function unit and sold or used as an independent product, it can be stored in a computer-readable storage medium.
  • the technical solution of this embodiment is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium
  • several instructions are included to make a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor execute all or part of the steps of the method described in each embodiment.
  • the aforementioned storage medium includes: flash memory, mobile hard disk, read-only memory, random access memory, magnetic disk or optical disk, and other various media capable of storing program codes.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Signal Processing (AREA)
  • Computational Linguistics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

本申请提供了一种浏览多媒体内容的方法及装置，该方案引入"一录多得"功能，即在录制视频的过程中获得精彩时刻内容，如精彩时刻照片或精彩短视频。另外，当视频录制完成后，可在图库查看到精彩时刻的照片。如，在播放界面的第一区域显示关联有精彩时刻照片的视频时，可在该播放界面的第一区域显示包含精彩时刻照片的缩略图列表，用户可以从缩略图列表中选择缩略图，播放界面的第一区域从显示第一视频(即原始视频)刷新为显示与该视频关联的精彩时刻照片。采用该方案可以方便用户查看与原始视频相关联的精彩时刻内容，从而提高了用户查看精彩时刻内容的便利性，提高了用户体验。

Description

浏览多媒体内容的方法及装置
本申请要求于2022年02月28日提交中国国家知识产权局、申请号为202210191802.X、发明名称为“浏览多媒体内容的方法及装置”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及多媒体技术领域，尤其涉及一种浏览多媒体内容的方法及装置。
背景技术
随着智能终端的普及，以及智能终端的相机技术飞速发展，拍照及视频录制功能成为智能终端的必备功能。而且，用户对拍照及视频录制的需求及体验也不断增强。例如，在一些场景下，用户期望在视频录制过程中，同时捕捉到精彩瞬间照片，但目前的智能终端的相机技术无法满足此需求。
发明内容
有鉴于此，本申请提供了一种浏览多媒体内容的方法及装置，以解决上述的技术问题，其公开的技术方案如下：
第一方面，本申请提供了一种浏览多媒体内容的方法，该方法包括：响应于用户打开图库应用的操作，显示第一界面，第一界面包括第一视频的缩略图；响应于用户对第一视频的第一缩略图输入的操作，显示第一视频的播放界面，播放界面包括第一区域和第二区域，第二区域显示第一视频，第一区域包括缩略图列表，缩略图列表包括与第一视频关联的至少一张精彩时刻照片的缩略图；响应于用户在缩略图列表中选择第二缩略图的操作，在第二区域显示与第二缩略图对应的第一精彩时刻照片，且不再显示第一视频。可见，该方案在播放界面的第一区域显示关联有精彩时刻照片的视频时，可在该播放界面的第一区域显示包含精彩时刻照片的缩略图列表，用户可以从缩略图列表中选择缩略图，播放界面的第一区域从显示第一视频(即原始视频)刷新为显示与该视频关联的精彩时刻照片。提高了用户查看精彩时刻照片的便利性，提高了用户体验。
在一种可能的实现方式中，精彩时刻照片是在第一视频的录制过程中自动拍摄得到；或者，在第一视频的录制过程中，响应于用户对拍照键的触控操作，拍摄得到精彩时刻照片。
在另一种可能的实现方式中，缩略图列表中还包括第一视频的第三缩略图。这样，用户查看精彩时刻照片后可以很方便地查看原始视频，进一步提高了用户体验。
在又一种可能的实现方式中，在第二区域显示与第二缩略图对应的第一精彩时刻照片时，第一视频的第三缩略图还包括播放控件。这样，方便用户直观地从缩略图列表中识别出原始视频的缩略图，进一步提高了用户体验。
在另一种可能的实现方式中，第一区域还包括选择器，该方法还包括：响应于用户对缩略图列表的滑动操作，缩略图列表在第一区域移动，停留在选择器所在范围的缩略图为用户选择的第一缩略图。这样，用户可以直接滑动缩略图列表选择要查看的精彩时刻照片 或原始视频，无需先查找再点击的操作，简化了用户的选择操作，提高了用户体验。
在又一种可能的实现方式中，响应于用户对缩略图列表的滑动操作，缩略图列表在第一区域移动包括：在检测到用户对缩略图列表的滑动操作后，确定滑动操作的滑动参数，滑动参数包括滑动速度和滑动方向；触发缩略图列表向滑动方向移动，且以与滑动速度相匹配的移动速度移动；在检测到滑动离手操作后，确定滑动离手速度；如果滑动离手速度为0，触发缩略图列表停止移动；如果滑动离手速度大于0，触发缩略图列表以滑动离手速度继续移动，直到移动速度降为0停止。
在另一种可能的实现方式中，该方法还包括：缩略图列表停止移动后，确定缩略图列表的移动位移；获取移动位移与缩略图的宽度之间的比值，并对比值进行四舍五入取整运算得到第一数值；如果第一数值等于0，确定停留在选择器所在范围内的缩略图为原始缩略图，原始缩略图是接收到滑动操作之前处于选择器所在范围内的缩略图；如果第一数值大于0，确定缩略图列表中位于原始缩略图的目标方向，且与原始缩略图间隔第一数值的缩略图为停留在选择器所在范围内的缩略图，目标方向是与滑动操作的滑动方向相反的方向。
在又一种可能的实现方式中，该方法还包括：在响应于用户的右滑操作，缩略图列表向右移动的过程中，如果缩略图列表中的第一张缩略图处于选择器所在范围内，且检测到右滑操作的滑动离手速度大于0，触发缩略图列表向左移动第一预设位移后返回至使第一张缩略图处于选择器所在范围内的位置；在响应于用户的左滑操作，缩略图列表向左移动的过程中，如果缩略图列表中的最后一张缩略图处于选择器所在范围内，且检测到左滑操作的滑动离手速度大于0，触发缩略图列表向右移动第二预设位移后返回至使最后一张缩略图处于选择器所在范围内的位置。通过以上过程呈现缩略图列表触边回弹的动效。
在另一种可能的实现方式中，该方法还包括：响应于用户对缩略图列表的点击操作，确定被点击的缩略图为用户选择的第一缩略图。
在又一种可能的实现方式中，该方法还包括：响应于用户对第一视频的第三缩略图输入的操作，第二区域显示第一视频，且第一视频的显示状态和播放进度与最近一次退出第一视频时的状态相同，显示状态包括播放状态和暂停播放状态。可见，在从显示精彩时刻照片切换回显示原始视频后，保持原状态接续播放，即自动定位于最近一次退出原始视频时对应的播放进度，提高用户体验。
在另一种可能的实现方式中，缩略图列表还包括图库应用中除第一视频之外的其他照片或视频的缩略图。这样，用户可以直接操作缩略图列表查看图库中的其他照片或视频，不需要退出原始视频再次进入图库查看其他照片或视频，减少了用户操作，提高了用户体验。
在又一种可能的实现方式中，该方法还包括：响应于用户对第二区域的滑动操作，第二区域显示图库应用中与第一视频的第一缩略图相邻的第四缩略图对应的内容。
在另一种可能的实现方式中，在第二区域显示第一视频或与第一视频关联的精彩时刻照片时，在缩略图列表中展开显示第一视频及精彩时刻照片的缩略图。这样，方便用户查看与第一视频关联的精彩时刻照片。
在又一种可能的实现方式中，在第二区域显示其他照片或视频的内容时，缩略图列表 显示第一视频的第三缩略图，以及隐藏与第一视频关联的精彩时刻照片的缩略图。这样，避免精彩时刻照片的缩略图占用过多显示空间，从而使第一区域显示更多用户可能查看的缩略图，提高显示空间的利用率，同时，避免用户反复操作缩略图列表才能定位于真正想看的缩略图，减少了用户操作。
在另一种可能的实现方式中，该方法还包括：在第二区域显示第四缩略图对应的内容时，响应于用户对第二区域的滑动操作，在第二区域从第0秒开始播放第一视频，第二区域不再显示第四缩略图对应的内容。这样，当用户查看图库中的其他照片或视频后，再返回查看第一视频时，认为用户可能需要从头观看视频，避免用户调节播放进度条从头开始播放，减少了用户的操作，提高了用户体验。
在又一种可能的实现方式中，该方法还包括：在第二区域显示第一视频的内容时，第一区域还包括播放进度条，播放进度条包括暂停播放控件、静音控件及播放进度控件；暂停播放控件位于第一区域的第一边界，静音控件位于第一区域的第二边界；播放进度控件位于第一视频的第三缩略图上，且第三缩略图的宽度大于缩略图列表中其他缩略图的宽度。这样，直接在第一区域显示播放进度条，可避免在第二区域显示的播放进度条影响第二区域显示的画面，提高第一区域和第二区域的利用率。
在另一种可能的实现方式中，该方法还包括：响应于用户对第三缩略图的输入的操作，缩略图列表中展开显示第一视频的图像帧序列；响应于用户对播放进度控件输入的操作，第二区域显示播放进度控件定位的图像帧。这样，用户可以直观地根据图像帧序列中的图像调整播放进度，提高了调整播放进度的准确度。
在又一种可能的实现方式中，该方法还包括：在第二区域显示与第一视频关联的精彩时刻照片时，缩略图列表显示第一视频的第三缩略图，并隐藏第一视频的图像帧序列。这样，能够避免原始视频的图像帧序列占用缩略图列表过多空间，缩短了缩略图列表的长度，减少了用户定位其他缩略图的操作。
在另一种可能的实现方式中，该方法还包括：响应于用户对第二区域的滑动操作，显示第二界面，第二界面显示图库应用中与第一视频的第一缩略图相邻的第四缩略图的内容，且不显示缩略图列表。
在又一种可能的实现方式中，缩略图列表中每个缩略图的宽高比均是1:1；或者，第一缩略图的宽高比是第一缩略图对应的视频或照片的实际宽高比，缩略图列表中的其他缩略图的宽高比是1:1。该方案中以照片或视频的实际宽高比现实当前展示项的缩略图，可以使用户快速地从识别出当前展示项的缩略图，提高了用户体验。
在另一种可能的实现方式中，第一缩略图的高大于缩略图列表中其他缩略图的高。这样，可以使用户更快速地识别出当前展示项对应的缩略图，进一步提高了用户体验。
在又一种可能的实现方式中，第一视频的缩略图包括第一标识，第一标识用于指示第一视频与至少一张精彩时刻照片相关联。这样，便于用户直观地识别出关联有精彩时刻内容的视频，提高了此类视频的辨识度。
在另一种可能的实现方式中，第一区域位于第二区域的下方，且第二区域的面积大于第一区域的面积。
第二方面，本申请还提供了一种电子设备，电子设备包括：一个或多个处理器、存储 器和触摸屏；存储器用于存储程序代码；处理器用于运行程序代码，使得电子设备实现如第一方面任一项的浏览多媒体内容的方法。
第三方面，本申请还提供了一种计算机可读存储介质，其上存储有指令，当指令在电子设备上运行时，使得电子设备执行如第一方面任一项的浏览多媒体内容的方法。
应当理解的是，本申请中对技术特征、技术方案、有益效果或类似语言的描述并不是暗示在任意的单个实施例中可以实现所有的特点和优点。相反，可以理解的是对于特征或有益效果的描述意味着在至少一个实施例中包括特定的技术特征、技术方案或有益效果。因此，本说明书中对于技术特征、技术方案或有益效果的描述并不一定是指相同的实施例。进而，还可以任何适当的方式组合本实施例中所描述的技术特征、技术方案和有益效果。本领域技术人员将会理解，无需特定实施例的一个或多个特定的技术特征、技术方案或有益效果即可实现实施例。在其他实施例中，还可在没有体现所有实施例的特定实施例中识别出额外的技术特征和有益效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种电子设备的结构示意图；
图2～图14是本申请实施例提供的进入“一录多得”相关内容查看界面的示意图；
图15是本申请实施例提供的一种横屏显示状态下的界面示意图；
图16～图18是本申请实施例提供的查看“一录多得”相关内容的界面示意图；
图19是本申请实施例提供的一种缩略图列表的界面示意图；
图20～图22是本申请实施例提供的滑动缩略图列表过程的界面示意图；
图23是本申请实施例提供的另一种缩略图列表的界面示意图；
图24～图26是本申请实施例提供的横屏显示状态下滑动缩略图时的界面示意图；
图27～图30是本申请实施例提供的滑动大图区域过程对应的一种界面示意图；
图31～图34是本申请实施例提供的滑动大图区域过程对应的另一种界面示意图；
图35是本申请实施例提供的一种视频播放界面的示意图；
图36是本申请实施例提供的另一种视频播放界面的示意图；
图37是本申请实施例提供的另一种缩略图列表的界面示意图。
具体实施方式
本申请说明书和权利要求书及附图说明中的术语“第一”、“第二”和“第三”等是用于区别不同对象，而不是用于限定特定顺序。
在本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
为了下述各实施例的描述清楚简洁，首先给出相关技术的简要介绍：
精彩时刻(magicmoment，MM)，是指视频录制过程中的一些精彩画面瞬间。例如，MM可以是最佳运动瞬间，最佳表情时刻或最佳打卡动作。可以理解，本申请对术语MM不作限定，MM也可以称作美好时刻，神奇时刻，精彩瞬间，决定性瞬间，或最佳拍摄(bestshot，BS)等。在不同的场景下，精彩时刻可以不同类型的画面瞬间。例如当录制足球比赛视频时，精彩时刻可以是射门或传球时，运动员脚与足球接触的瞬间，精彩时刻也可以是足球飞进球门的瞬间；当录制人物从地面起跳的视频时，精彩时刻可以是人物在空中最高点的瞬间，也可以是人物在空中时动作最舒展的瞬间。
一录多得，可以理解为用户使用相机应用拍摄视频时，通过一次按下“拍摄”图标，可以得到包括一张或多张精彩时刻照片、以及一段或多段精选视频的功能。
一录多得的实现过程可以是：电子设备在录像过程中自动识别精彩时刻并触发抓拍，得到精彩时刻照片(即MM照片)；在录制结束后，用户查看录制视频时可以向用户推荐MM照片以及精彩短视频(或称作精选短视频，或精彩视频，或精选视频)。例如，录制的整段完整视频为1分钟，可以得到多张(如，5张)精彩时刻照片和时长为第一预设时长(如15秒)的精彩短视频。还可以理解，一录多得也可有其他名称，比如，一键多得，一键多拍，一键出片，一键大片，AI一键大片等。
还需要说明的是，用户以手机的一录多得模式拍摄视频时，可得到拍摄的视频，以及视频中的一张或多张精彩图像之外，手机还可生成配置文件，该配置文件可包括视频的标签(TAG)。或者，手机可得到标签数据，该标签数据包括视频的标签(TAG)。并且，该标签数据可添加到视频中，通常位于视频头。
手动抓拍，在录像过程中，可同时进行手动拍照，获得期望拍摄的画面。
为了满足用户在视频录制过程中，同时捕捉到精彩瞬间照片的需求，本申请引入“一录多得”功能，即在录制视频的过程中获得精彩时刻内容，如精彩时刻照片或精彩短视频。另外，当视频录制完成时，可在图库查看到精彩时刻的照片。采用该方案可以在拍摄视频的过程中获得精彩时刻照片，以满足用户需求，而且，用户可以在图库中查看拍摄的视频及精彩时刻的照片，以方便用户查看，提高用户体验。此外，相比于随机获得录制视频中的照片，该方案获得的精彩时刻的图像质量更高，用户体验更好。
本申请实施例提供的多媒体内容浏览方法可以适用于各种电子设备，例如，可以是手机、智慧屏、平板电脑、可穿戴电子设备、车载电子设备、增强现实(augmented reality，AR)设备、虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)、投影仪等等。
下文以电子设备是手机为例，图1示出了本申请实施例提供的一种电子设备的结构示意图。
电子设备可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM) 卡接口195等。
其中，传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
需要说明的是，图1所示的结构并不构成对电子设备的具体限定。在本申请另一些实施例中，电子设备可以包括比图1所示的部件更多或更少的部件，或者，电子设备可以包括图1所示的部件中某些部件的组合，或者，电子设备可以包括图1所示的部件中某些部件的子部件。图1示的部件可以以硬件、软件、或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元。例如，处理器110可以包括以下处理单元中的至少一个：应用处理器(application processor，AP)、图形处理器(graphics processing unit，GPU)、图像信号处理器(image signal processor，ISP)、控制器、视频编解码器、数字信号处理器(digital signal processor，DSP)。其中，不同的处理单元可以是独立的器件，也可以是集成的器件。
控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
电子设备可以通过GPU、显示屏194以及应用处理器实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194可以用于显示图像或视频。显示屏194包括显示面板。在一些实施例中，电子设备可以包括1个或N个显示屏194，N为大于1的正整数。作为一种可能的实现方式，显示屏194可用于显示精彩时刻照片以及录制的短视频等。
电子设备可以通过ISP、摄像头193、视频编解码器、GPU、显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP可以对图像的噪点、亮度和色彩进行算法优化，ISP还可以优化拍摄场景的曝光和色温等参数。在一些实施例中，ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。在一些实施例中，电子设备可以包括1个或N个摄像头193，N为大于1的正整数。在本申请实施例中，处理器110可基于摄像头193录制的视频流，确定视频流中的精彩时刻MM，并在确定出MM时，调用摄像头193自动触发拍照。ISP和DSP可对精彩时刻MM的图像信号进行处理，以得到精彩时刻的图像。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。
视频编解码器用于对数字视频压缩或解压缩。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能(例如，声音播放功能和图像播放功能)所需的应用程序。存储数据区可存 储电子设备使用过程中所创建的数据(例如，音频数据和电话本)。处理器110通过运行存储在内部存储器121的指令和/或存储在设置于处理器中的存储器的指令，执行电子设备的各种处理方法。
本申请将以电子设备是手机，手机中安装相机应用为例，详细介绍本申请提供的多媒体内容浏览方法。
在本申请的一些实施例中，用户可以手动开启或关闭本申请实施例提供的“一录多得”功能。当然，在其他实施例中，系统默认开启“一录多得”功能，用户可以手动关闭此功能。
下面将结合图2～图6介绍“一录多得”功能的入口。
示例性的，用户可以通过触摸手机屏幕上特定的控件、按压特定的物理按键或按键组合、输入语音、隔空手势等方式，指示手机开启相机应用。响应于用户开启相机的指示，手机启动相机应用，显示拍摄界面。
在一示例性实施例中，例如，如图2所示，用户可以在手机的桌面上点击“相机”应用图标101，指示手机启动相机应用，此时，手机显示如图3所示的拍摄界面。
在其他示例性实施例中，在手机处于锁屏状态或运行其他应用时，用户还可以通过其他方式，控制手机开启相机应用，使得手机显示图3所示的拍摄界面，此处不再一一详述。
如图3所示，相机应用的拍摄界面可以包括取景框102、拍照控件、拍照控件、录像控件以及其他功能控件(比如，人像功能控件、夜景功能控件或更多其他控件)。用户点击录像控件后，相机应用开启录像模式，手机可以显示图4所示的视频拍摄界面。用户点击视频拍摄界面的“设置”控件103，进入图5所示的相机设置界面。
如图5所示，相机设置界面显示有开启/关闭“一录多得”的控件104，用于开启或关闭“一录多得”功能。图5所示的控件104的状态表示开启“一录多得”功能的。
此外，相机系统可以默认开启控件104，即默认开启“一录多得”功能，如果用户不需要使用“一录多得”功能，可以手动点击控件104关闭“一录多得”功能。
用户开启“一录多得”功能后，相机应用处于录像模式时，自动在录制视频时智能识别精彩时刻，识别到精彩时刻内容后自动生成精彩照片。其中，录制的视频可以称为原始视频。此外，在原始视频大于第二预设时长(如，15s)，且识别到精彩时刻内容的情况下，还可以基于精彩时刻内容及原始视频自动生成短视频，生成的短视频可以称为精彩短视频(或称为精选短视频，或精彩视频，或精选视频)。
可以理解，图5所示的相机设置界面也可以包括其他关于录像设置的控件，比如，视频分辨率的设置控件、视频帧率的设置控件等。图5所示的控件只是示例性描述，本申请实施例并不限制相机设置界面所显示的内容项。
上述图5所示的视频分辨率的设置控件可用于选择视频的分辨率。比如，视频分辨率可选择3840*2160(超高清4K)、1920*1080(1080p全高清)、1280*720(720P高清)等。应理解，视频分辨率的选项取决于手机的具体配置。
另外，图5所示的相机设置界面还可以包括关于拍照设置的控件，比如，照片比例的设置控件、手势拍照的设置控件、笑脸抓拍的设置控件等。
用户点击图4所示的录像键，进入视频拍摄界面。在一示例性实施例中，视频拍摄界 面如图6所示。图6所示为视频录制过程中的一个画面(如第01秒的画面)，该界面包括暂停键105、停止键106以及拍照键107。
在录像过程中，用户可以点击拍照键107手动抓拍照片。在录像过程中，用户可以点击暂停键105暂停录制过程。用户可以点击停止键106结束录制过程，获得拍摄的视频。
以上介绍了一种触发手机开启“一录多得”功能的方式，本申请不限于在录像模式开启“一录多得”。在本申请的其他示例性实施例中，用户开启“一录多得”功能可以有其他方式。例如，“一录多得”作为一种新增的模式，用户可以在相机应用中选择进入“一录多得”模式。又如，用户可以在设置菜单中设置手机的录像模式是“一录多得”模式。
用户在开启“一录多得”功能后，用户录制的原始视频，以及与该原始视频相关的“一录多得”内容(如，精彩时刻的照片或短视频)可以在图库中查看。
下面结合图7～图15介绍用户进入图库查看原始视频及关联的“一录多得”内容的入口。
在一示例性实施例中，如图7所示，用户可以在手机桌面上点击“图库”应用的图标201，控制手机启动图库应用，此时，手机显示图8所示的“照片”页签界面。
在其他示例性实施例中，用户还可以通过触摸手机屏幕上特定的控件、按压特定的物理按键或按键组合、输入语音、隔空手势等方式，控制手机开启图库应用。图库应用也可以称为相册、照片等。
图8所示的“照片”页签界面中，显示用户利用手机的相机应用拍摄的照片及视频的缩略图。例如，手机可按照时间顺序在“照片”页签界面中显示照片及视频的缩略图。
为了方便户区分普通视频和关联有“一录多得”内容的视频，可以在图库中显示的关联有“一录多得”内容的视频对应的缩略图上显示特定标识。
在一示例性实施例中，如图8所示，视频202的缩略图(即第一缩略图)除展示录制的原始视频的预览图，还包括AI标识203，该AI标识表示该视频存在相关联的“一录多得”内容(如，精彩时刻照片、精彩短视频)。例如，AI标识203用于标识视频202是在“一录多得”模式下录制得到的。当视频202的缩略图上包含AI标识203时，说明在录制视频202时还得到了与视频202关联的照片或视频等。
可以理解，图8所示的AI标识203仅是本申请实施例的一个示例，还可以采用其他标识标记此类关联有“一录多得”内容的视频，本申请对AI标识的具体形式不做限定。
如图8所示的“照片”页签界面中，还可以包括普通照片和普通视频的缩略图，其中，普通照片是指通过触摸拍照键拍摄得到的照片，如拍照模式中的拍照键，或录像模式中的拍照键。普通视频是指没有关联的“一录多得”内容的视频，例如，未开启“一录多得”功能的场景下拍摄的视频，或开启“一录多得”功能，但未识别到精彩时刻照片或录制时长小于第二预设时长。
图8所示的视频202的缩略图与普通照片和普通视频的缩略图，大小可以不同，也可以相同，本申请实施例对此不做限定。
此外，图8所示的“照片”页签界面中还可以包括搜索栏的控件、相册的控件、时刻的控件和发现的控件。
当用户查看关联有“一录多得”内容的视频时，如用户点击图8中视频202的缩略图， 手机进入视频播放界面。如图9所示，整个界面由上至下依次包括A、B、C、D四个区域，其中，区域B的面积最大，A、C、D三个区域的面积均较小。此外，区域A可以与区域B的部分区域重叠，此处不再赘述。
区域A位于整个界面的顶部，包括状态栏和标题栏，其中，状态栏位于区域A的顶部，状态栏用于展示手机的当前状态，例如，蜂窝网络信号质量标识、无线网络信号质量标识、实时时间等信息。标题栏可以展示拍摄视频的时间、地点、详情控件212和返回上一级控件213等内容。
其中，状态栏是手机中的不同应用程序通用的状态显示栏，例如，手机的不同应用程序的显示界面都可以包括状态栏且显示的内容不变。此外，状态栏是可选显示项，如应用的显示界面可以不包括状态栏，但通常包括标题栏。状态栏和标题栏可以隐藏，例如，用户点击区域B的任意位置后，可以隐藏状态栏和标题栏。
区域B是展示视频/照片的大图区域，如区域B播放用户点击的视频202时可以按照视频202的原始拍摄比例或拍摄像素播放。
区域C用于展示缩略图列表中的至少部分缩略图。该缩略图列表可以包括录制的原始视频及获得的多张(如5张)精彩时刻照片的缩略图，或者，缩略图列表可以只包括多张精彩照片的缩略图，不包括原始视频的缩略图。
本申请实施例对获得的精彩时刻照片的数量不做限定，例如，录制的原始视频的时长越长，或原始视频中出现的精彩时刻的场景较多，则获得的精彩照片的数量可能越多；录制的原始视频的时长越短，或原始视频中出现的精彩时刻的场景较少，则获得的精彩照片的数量可能越少。
在一种可能的实现方式中，缩略图列表中的缩略图按照从左向右的顺序依次排列。如图9所示，区域C展示的缩略图206是原始视频的缩略图(可称为第二缩略图)，缩略图207～209分别是精彩时刻照片的缩略图。
本申请实施例不限定精彩时刻照片的数量，例如，可以是1张或多张(如5张)。由于区域C的显示面积有限，所显示的缩略图的数量有限，如图9所示的示例中，手机处于竖屏显示状态，仅展示了原始视频的缩略图以及两张精彩时刻照片的缩略图。可以理解，区域C所展示的缩略图的数量与缩略图本身的大小，以及手机屏幕的宽度有关，本申请并不限定区域C所显示的缩略图的数量。
在一种可能的实现方式中，区域C中所示的多张精彩时刻照片对应的缩略图，按照拍摄时刻由早到晚的顺序从左向右依次排列。例如，如图9所示，缩略图207对应的拍摄时刻早于缩略图208对应的拍摄时刻，缩略图208对应的拍摄时刻早于缩略图209对应的拍摄时刻，以此类推，此处不再一一详述。当然，精彩时刻照片的缩略图也可以按照其他方式排列，如按照拍摄时刻由晚到早的顺序依次排列，本申请不限定精彩时刻照片的缩略图的排序方式。
此外，区域B当前展示的视频或照片可以称为当前展示项，区域C中与当前展示项对应的缩略图的外围还包括一个略大于缩略图大小的定位框205。换言之，定位框205用于指示该缩略图对应的照片或视频是区域B的当前展示项。定位框205也可称为选择器。
采用定位框205指示当前展示项仅是本申请实施例提供的一个示例，在其他实施例中， 还可以其他方式指示当前展示项，例如，当前展示项的缩略图的上方或下方显示一三角形选择器，且三角形选择器的一个角指向当前展示项的缩略图。本申请对指示当前展示项的具体方式不作限定。
区域D位于整个界面的底部，可以展示针对当前展示项的操作控件，如分享控件、收藏控件、编辑控件、删除控件和“更多”控件。此外，区域D展示的内容可以隐藏，如用户点击区域B的任意位置后，可以隐藏区域D显示的内容。
在一示例性实施例中，如果用户首次查看关联有“一录多得”内容的视频，为了引导和提醒用户该视频包括“一录多得”内容，可以在区域C上方显示引导框204(或称为气泡提示框)，提示内容可以是：“一录多得”为您智能抓拍多个精彩瞬间。换言之，引导框204用于告知用户区域C包括“一录多得”内容。
在另一示例性实施例中，为了更好地引导和提醒用户该视频包括“一录多得”内容，可以在区域A、区域B和区域D上覆盖具有一定透明度的蒙版图层(或称为蒙层)，如灰色蒙层。蒙层的透明度可以根据实际需求设定，如20％～80％，本申请对蒙层的透明度不做限制。区域C不覆盖蒙层，以便凸显引导框204和区域C。
图9所示的气泡提示框、蒙层的提示方式仅是本申请实施例提供的一个示例，在本申请的其他实施例中，还可以采用其他提示方式，本申请对此不作限定。
可以理解，为了避免提醒次数较多打扰用户正常使用，如果用户不是首次查看关联有“一录多得”内容的视频，不再引导和提醒用户，如不展示图9所示的引导框204和蒙层。例如，在用户首次查看了一个关联有“一录多得”内容的视频A之后，用户又查看另一个未查看过且关联有“一录多得”内容的视频B，此时不再显示引导框和蒙层。
可以理解，在显示引导框204和蒙层的状态下，区域B展示的视频不会自动播放。当引导框204和蒙层消失后，区域B展示的视频可以自动播放。例如，用户可以点击图9所示界面的任意位置后，引导框204和蒙层消失；或者，用户点击被蒙层覆盖区域的任意位置后，引导框204和蒙层消失；或者，引导框204和蒙层显示预设时长(例如，10s)后自动消失。本申请对使引导框和蒙层消失的具体方式不作限定。
以上介绍了一种从图库应用的“照片”页签查看关联有“一录多得”内容的视频及“一录多得”内容的方式，此外，用户还可以从图库应用中的“相册”页签查看原始视频及关联的“一录多得”内容。
例如，用户可以点击图8所示界面中的“相册”页签，进入图10所示的相册界面。
如图10所示，相册界面包括图库中的各个相册，如“相机”相册301、“所有照片”相册302、“视频”相册303。
如果用户点击图10所示的“相机”相册301，进入“相机”相册的界面，“相机”相册中展示利用相机应用拍摄的视频和照片的缩略图。
如图11所示，“相机”相册的界面中包括照片、照片304、视频202、照片305等照片/视频的缩略图。其中，“相机”相册中的照片和视频的缩略图按照拍摄时刻由晚到早依次排列，拍摄时刻最晚(或称为拍摄时刻最新)的照片或视频排在界面中最靠前的位置(即靠近界面左上角的位置)。如，图11中照片304对应的拍摄时刻晚于视频202的拍摄时刻，视频202对应的拍摄时刻晚于照片305的拍摄时刻，依次类推。
如图11所示，视频202的缩略图上包括AI标识203，即视频202关联有的“一录多得”内容，如照片或视频等。如果用户首次查看包含AI标识的视频，则进入图12所示的界面，图12所示的界面与图9所示的界面相同，此处不再赘述。
在其他示例性实施例中，如果用户点击图10所示界面中的“所有照片”相册302，进入“所有照片”相册的界面。前已叙及，“所有照片”相册302中包括利用相机应用拍摄的视频，即如果用户开启“一录多得”功能后拍摄得到了关联有“一录多得”内容的视频，则如果用户首次查看“所有照片”相册界面上包含AI标识的视频，手机会从“所有照片”相册的界面跳转至图12所示的界面。
同理，如果用户利用相机应用拍摄得到了关联有“一录多得”内容的视频，则在图10所示界面中的“视频”相册303中也会显示此类视频，如果用户首次查看包含AI标识的视频，手机会从“视频”相册的界面跳转至图12所示的界面。
此外，如果用户将关联有“一录多得”内容的视频移动到其他相册，则用户可以从该其他相册查看到该视频，此处不再赘述。
需要说明的是，图10和图11所示的界面仅是示例，本申请对图10及图11所示界面的视图不作限定。为了方便画图，图10中的各个相册的封面缩略图的大小均相同，即各个相册的显示大小相同，实际使用时，不同相册的尺寸可以不同，排列方式也不局限于图10所示的方式。此外，图11所示的“相机”相册的显示界面中，一行包括两个视频或照片的缩略图，实际使用时，一行可以包括更多个(如4个)视频或照片的缩略图，本申请实施例对此不做限定。
在又一示例性实施例中，在拍摄界面上设置有图库应用的入口，该入口处可以展示上一次拍摄完成的视频或照片的缩略图。如图13所示，拍摄界面上的图库应用的入口即预览图401，预览图401用于显示上一次拍摄完成的视频或照片的缩略图。
如果用户在开启“一录多得”功能后，结束本次录制，进而，手机可获得关联有“一录多得”内容的视频。此时，手机可以在图13所示的预览图401显示录制的原始视频的缩略图。如果用户通过点击预览图401首次查看关联有“一录多得”内容的视频，则手机会显示图14所示的界面，其中，图14所示的界面与图9所示的界面相同，此处不再赘述。
此外，如图9所示，手机处于竖屏显示状态时，区域C的面积较小，所能显示的内容有限，各个缩略图的宽高比可以采用1:1，换言之，区域C中的每张缩略图都是正方形图像。这样，区域C可以展示较多的缩略图，用户无需反复操作即可查看到全部缩略图，提高了用户体验。
在另一示例中，手机处于竖屏显示状态时，区域C中当前展示项的缩略图的宽高比也可以采用视频/照片的实际宽高比，其他缩略图的宽高比采用1:1。此外，为了进一步凸显缩略图列表中的当前展示项的缩略图，当前展示项的缩略图的大小可以略大于其他缩略图，即当前展示项的缩略图呈现放大效果。
在另一种场景下，手机处于横屏显示状态，如图15所示，区域501用于播放视频或精彩时刻照片。区域502用于显示视频及精彩时刻照片的缩略图。手机处于横屏状态时，区域502的面积较大，所能显示的内容较多。因此，区域502中的当前展示项对应的缩略图的宽高比可以采用实际宽高比例，其他缩略图的宽高比均为1:1。其中，照片的宽高比可以 包括3:4，1:1、全屏等，视频的宽高比可以包括16:9、21:9、全屏等。
例如，如图15所示，区域501显示的当前展示项是缩略图206对应的视频(如图8中的视频202)，换言之，定位框205位于缩略图206的四周。如果视频202的拍摄时的宽高比为16:9，则缩略图206的宽高比也是16:9，而精彩时刻照片的缩略图207～211的宽高比均是1:1，即正方形。此外，当前展示项的缩略图略大于其他缩略图，即当前展示项的缩略图呈现放大效果。
以上内容介绍了用户首次查看关联有“一录多得”内容的视频时，引导和提醒用户查看“一录多得”内容的过程。下面将结合图16～图19介绍用户查看原始视频和“一录多得”内容的过程。
在一示例性实施例中，用户点击视频播放界面中被蒙层覆盖的任意区域后，气泡引导框和蒙层消失，并自动播放视频。
例如，如图16所示，如果用户触摸(或点击)被蒙层覆盖的区域A、B、D中的任意位置，手机显示图17所示的界面，蒙层和引导框204消失。同时，区域B可自动播放关联有“一录多得”内容的视频，即缩略图206对应的视频。如图17所示，区域B播放视频时，区域C所显示的内容及状态不会发生变化。
在另一示例性实施例中，蒙层和引导框204消失后，区域B的视频可以默认处于暂停播放状态，即，在区域B显示的视频上显示播放控件，用户可以手动点击播放控件后，才播放视频。
如图17所示，区域B还包括播放进度条402和“AI一键大片”控件401。其中，“AI一键大片”控件401是生成精彩短视频的入口。例如，如果用户点击控件401，则进入精彩短视频的播放界面。
如图17所示，播放进度条402显示视频时长为56秒，当前播放进度为0秒。播放进度条也可以称为播放滑动条，用户可以拖动滑动条调整播放进度。播放进度条402还可以包括音量控制器4021。本申请实施例对播放进度条展示的内容并不限定。
在一种可能的实现方式中，考虑到用户当前所处环境可能并不适合播放视频，为了避免视频播放的声音对用户造成干扰，自动播放视频时可以默认静音播放，用户需点击音量控制器4021恢复视频播放声音。音量控制器4021也可称为静音按钮或静音控件。
此外，如果用户点击图17中区域D所示的控件，则进入针对当前展示项的相应操作的界面，例如，如果用户点击图17中的“编辑”控件，则进入当前播放视频的编辑界面，又如，如果用户点击图17中的“分享”控件，则进入当前播放视频的分享界面。
在另一示例性实施例中，引导框和蒙层消失后，用户再对区域C的缩略图进行操作时，手机才会响应该操作。
如果用户直接点击区域C中的某一个缩略图，则被点击的缩略图是当前展示项，区域B直接展示当前展示项对应的照片。如果用户左右滑动区域C的缩略图列表，则缩略图跟随左右移动。手机可比较手指在屏幕上的移动距离与相应阈值之间的大小关系，确定当前展示项。
例如，用户先点击图16所示界面的任意位置，引导框204和蒙层消失，以及，自动播放原始视频。此后，如果用户点击(或滑动)图17所示的缩略图区域(即区域C)的缩略 图，则定位框205定位于被点击或滑动定位的缩略图(如缩略图207)，则在区域B显示缩略图207对应的照片，即，显示如图18所示的界面。
在又一示例性实施例中，在显示引导框和蒙层的显示状态下，如果用户直接点击或滑动区域C中的缩略图列表，引导框和蒙层消失，以及，在视频或照片展示区域(即区域B)直接展示用户点击或滑动定位的照片或视频。
如图16所示，如果用户向左滑动区域C的缩略图列表，引导框204和蒙层消失，以及，根据手指在屏幕上的滑动位移确定当前展示项。
在一示例中，例如，滑动位移大于第一阈值(如缩略图边长的一半)，则确定当前展示项由缩略图206对应的视频或照片切换为下一张缩略图(即缩略图207)对应的照片，则将定位框205定位在缩略图207，区域B显示缩略图207对应的照片，即手机显示图18所示的界面。
在另一示例中，例如，当检测到滑动离手操作且缩略图列表停止移动后，确定缩略图列表的移动位移；可以根据滑动操作的滑动位移确定缩略图列表的移动位移。然后，计算移动位移与缩略图的宽度之间的比值，并对比值进行四舍五入取整运算得到第一数值。
如果第一数值等于0，确定停留在所述选择器所在范围内的缩略图为原始缩略图，其中，原始缩略图是接收到滑动操作之前处于选择器所在范围内的缩略图；例如，在接收到本次的滑动操作之前选择器定位在缩略图206的位置处，缩略图206即原始缩略图。
如果第一数值大于0，确定缩略图列表中位于所述原始缩略图的目标方向，且与原始缩略图间隔第一数值的缩略图为新的缩略图，目标方向是与滑动操作的滑动方向相反的方向。例如，移动位移与缩略图宽度的比值为1.5，则四舍五入取整后的第一数值为2。原始缩略图为缩略图206，且滑动操作为左滑操作，新的缩略图是缩略图206的右侧且与缩略图206间隔两个缩略图宽度的缩略图209。
在一种可能的实现方式中，定位框205在区域C中的位置相对固定，通过滑动操作移动缩略图列表的位置，实现定位框205中定位于不同的缩略图。
在一示例中，如图18所示，定位框205的位置固定在手机屏幕的宽度方向的中间位置。或者，定位框205的位置固定在区域C中靠近手机左边框的位置，即区域C中最左侧的位置处。当然，定位框205还可以固定在区域C中的其他位置，本申请实施例对此不作限定。
在另一种可能的实现方式中，定位框205在区域C中的位置不固定，即缩略图和定位框205的位置都可以移动。此种实现方式中，区域C中所显示的缩略图可以从区域C的最左侧开始依次排列。用户左右滑动缩略图列表时，根据手指在屏幕上的滑动位移，以及用户进行滑动操作之前定位框205所定位的缩略图，确定当前展示项。
在一种场景下，新的当前展示项的缩略图已经显示在区域C中，此种场景下，缩略图列表无需跟随滑动方向移动，只需将定位框205移动到新的当前展示项上即可。
例如，定位框205定位于缩略图列表中的第一张缩略图(如图19中的缩略图206)时，如果用户向左滑动缩略图列表，此时定位框205向右移动，如果当定位框205停止在缩略图211位置处用户停止滑动，即如图19所示，定位框205停留在缩略图211上，也即缩略图211对应的照片为新的当前展示项。
在另一种场景下，新的当前展示项的缩略图未显示在区域C中，此种场景下，缩略图列表需跟随滑动方向移动，以便新的当前展示项显示在区域C中。进一步，根据滑动位移确定是否需要移动定位框205。
如果缩略图列表移动后，定位框205恰好定位于新的当前展示项的位置处，则无需移动定位框205。如果缩略图列表移动后，定位框205未定位于新的当前展示项的位置，则将定位框205移动至新的当前展示项对应的位置处。
用户通过滑动或点击区域C的缩略图列表，直接切换区域B展示的对象。在区域B展示“一录多得”内容时，如果用户点击缩略图列表中的缩略图206(即原始视频的缩略图)，区域B将切换至播放原始视频的界面。比如，用户从图17所示的界面切换至图18所示的界面，若用户在图18所示的界面点击原始视频对应的缩略图206，则切换回图17所示的界面。而且，切换回展示原始视频时，保持最近一次退出播放原始视频的原状态。例如，如果从播放原始视频切换至显示精彩时刻照片时，原始视频处于播放状态，则从显示精彩时刻照片切换回播放原始视频时，直接进入播放状态，且接续退出播放时的播放进度继续播放。如原始视频播放到第12秒时切换至显示精彩时刻照片，则切换回播放原始视频时，从第12秒处继续播放。又如，如果从播放原始视频切换至显示精彩时刻照片时，原始视频处于暂停状态，则从显示精彩时刻照片切换回播放原始视频时，且暂停播放的进度与原播放进度保持一致。原播放进度是指从原始视频的展示状态切换至精彩照片的展示状态时的原始视频的播放进度。
前已叙及，在用户滑动区域C的缩略图列表，缩略图列表跟随移动的场景下，用户的滑动速度不同，缩略图列表跟随移动的位移也不同。
下面将结合图20～图22介绍不同用户滑动缩略图列表的速度不同，缩略图列表跟随移动的过程。
如果用户手指滑动区域C的缩略图列表(例如向左滑动区域C的缩略图列表)，手机可检测手指离开屏幕时的速度(即滑动离手速度)。若滑动离手速度为0，说明当前滑动操作是慢速滑动操作(或称为慢滑操作)，手机可根据手指在屏幕上的滑动位移确定缩略图列表是复位还是定位至新的缩略图。若滑动离手速度大于0，说明当前滑动操作是快速滑动操作(或称为快滑操作)，缩略图列表会继承滑动离手速度继续滑动。直到缩略图列表的滑动速度降为0，或者，缩略图列表中的最后一张缩略图处于定位框的位置处。
在一示例中，用户左右滑动缩略图列表的过程中，定位框205中的缩略图不断切换，相应地，区域B显示的照片也会实时刷新为定位框205中的缩略图。
例如，如图20所示，用户向左滑动缩略图列表，且滑动离手速度为0，此时，如果检测到滑动位移小于第一阈值(如缩略图大小的一半)，则确定缩略图复位。当手指向左滑动时，如图21所示，缩略图列表会跟随向左移动。但手指离开屏幕后，缩略图列表又回到滑动前的初始位置，即回到图20所示的界面，定位框205仍定位在缩略图206的位置，换言之当前展示项未更新。
又如，如图20所示，用户向左滑动缩略图列表，如果滑动位移较大，如图22所示，缩略图列表中的第一个缩略图206可能滑出区域C的左边界位置，直到滑动速度降为0，此时，处于定位框205中的缩略图即当前展示项的缩略图，同时，滑动过程中区域B展示 的照片会跟随定位框205中的缩略图实时刷新。
此外，在一示例中，当定位框205处于缩略图列表的左边界(即缩略图列表中的第一张缩略图，如图20中的缩略图206)时，如果用户继续向右滑动缩略图列表(例如，向右滑动速度大，缩略图206已经滑至定位框205，但右滑速度仍大于0)，此时，由于定位框已经处于缩略图列表的左边界，无法继续滑动，待用户停止滑动后，缩略图列表会向相反的方向(即向左)滑动一段位移后再返回至使缩略图206处于定位框205中的位置，即呈现触边反弹的动效。同理，当定位框205定位于缩略图列表的右边界(即缩略图列表中的最后一张缩略图，如图22中的缩略图211)时，如果用户继续向左滑动缩略图列表，此时也会呈现触边反弹的动效，此处不再赘述。
在另一示例中，在大图区域(即区域B)展示精彩时刻照片的场景下，为了方便用户直观地识别出原始视频对应的缩略图并查收原始视频，可以在原始视频的缩略图上增加播放控件。例如，如图23所示，区域B当前显示缩略图207对应的照片，区域C中缩略图206上还包括播放控件2061，用户通过播放控件2061可以直观地、准确地识别出原始视频。进一步，用户可以直接点击播放控件2061，使得区域B切换至自动播放原始视频的界面。其中，可以是从头开始播放视频，或者，也可以是接续最近一次退出该视频时的播放进度继续播放。
在另一示例性实施例中，手机处于横屏显示状态时当前展示项的缩略图采用照片或视频的实际宽高比显示，而其他缩略图的宽高比采用1:1显示。
如图24所示，当前展示项是缩略图206对应的视频，缩略图206的宽高比采用原始视频的实际宽高比，如16:9，其他缩略图采用1:1的宽高比。
用户向左滑动图24所示的缩略图列表，如图25所示，整个缩略图列表向左移动，而且处于定位框205中的缩略图的宽高比为该缩略图对应照片的实际宽高比。又如，如果滑动操作结束时，定位框205定位于缩略图211，则缩略图211的宽高比采用缩略图对应照片的实际宽高比，例如，该照片的实际拍摄比例为16:9，则如图26所示，缩略图211的宽高比为16:9。
而且，在滑动过程中，大图区域501实时刷新为当前位于定位框205中的缩略图(如图25所示的缩略图207或图26中缩略图211)对应的照片。
此外，横屏显示状态下，“分享”、“收藏”、“编辑”、“删除”、“更多”、“详情”等可操作控件可位于屏幕的右上角，如图24～图26所示。当然，这些可操作控件也可以设置在其他位置，本申请对此不作限定。
其中，横屏显示状态下，滑动过程中缩略图列表的移动效果与竖屏显示下的移动效果相同，此处不再赘述。
以上内容介绍了用户滑动缩略图列表的显示效果，此外，用户还可以对展示视频或照片的大图区域(即区域B)进行滑动操作。例如，手机显示视频所关联的精彩时刻照片的界面时，如果用户向左滑动大图区域(即区域B)，切换至显示图库应用中与该视频相邻的下一张照片(或视频)。
下面将结合图27～图30介绍用户滑动大图区域时显示界面的变化情况。
下面以图库应用中的照片页签为例说明，如图27所示，在照片页签中，视频202的缩 略图包括AI标识，表明该视频202关联有“一录多得”内容。视频202的下一个对象是照片305。用户点击视频202后，进入如图28所示的视频的播放界面。如果用户点击图28中的缩略图207，则进入如图29所示的界面，即大图区域(即，区域B)显示缩略图207对应的照片，而不再显示视频202的视频内容及“一键大片”控件。
如果用户在图29的区域B进行向左滑动的操作，手机进入如图30所示的界面，即进入普通照片显示界面，如图30所示，大图区域显示照片305。而且，与图29所示界面相比，该界面不包含显示“一录多得”内容对应的缩略图列表的区域，即区域C。
如果用户在图30所示的区域B上进行向右滑动的操作，手机切换至照片305的上一个视频的播放界面，即切换回如图28所示的视频202的播放界面。在一些实施例中，切换回如图28所示的视频202的播放界面后，视频202可重置为从头开始播放。或者，保持最近一次退出视频202的原状态，如处于暂定播放状态且保持最近一次退出视频202时的播放进度，或者，从最近一次退出视频202时的播放进度继续播放。
在本申请的其他实施例中，如果视频202存在上一张照片，此种情况下，如果用户在图29的区域B向右滑动后，手机显示视频202的上一张照片，界面的变化情况与上述的向左滑动的过程相似，此处不再详述。
此外，图29仅是以在大图区域显示缩略图207对应的精彩时刻照片为例进行说明，可以理解，当显示缩略图列表中的任意一张精彩时刻照片时，在大图区域进行向左(或向右)滑动操作，都可以切换至视频202的下一张照片/视频(或上一张照片/视频)。此外，在图28所示的显示视频202的大图区域，进行左滑操作(或右滑操作)，手机也可以切换至视频202的下一张照片(或上一张照片)，换言之，在显示原始视频的大图区域进行左滑/右滑操作，手机显示界面的切换效果与显示精彩时刻照片的大图区域的左滑/右滑操作的切换效果相同，此处不再赘述。
以上示例，如图28和图29所示，区域C显示的缩略图列表仅包括视频202，以及视频202对应的精彩时刻照片的缩略图。在另一种可能的实现方式中，区域C中所显示的缩略图不仅包括与“一录多得”相关内容的缩略图，还包括图库中的其他照片或视频的缩略图。下面将结合图31～图33介绍此部分的过程。
如图31所示，图库应用中，视频202是包含“一录多得”内容的视频，且照片304是视频202的上一张照片，照片305是视频202的下一张照片。
如果用户点击图31中的视频202进入图32所示的界面。如果用户点击图32所示的缩略图207后，进入图33所示的界面。
如图32和33所示，区域C除显示视频202关联的精彩时刻照片的缩略图之外，还可以显示图库应用中其他照片/视频的缩略图，即区域C可以显示图库应用中各照片/视频的缩略图，如图中缩略图206是视频202的缩略图，缩略图207～209是视频202对应的精彩时刻照片的缩略图，缩略图601是视频202的上一张照片(即照片304)的缩略图。
如果用户在图33所示界面的区域B进行左滑操作，进入图34所示的界面，区域B切换至显示视频202的下一张照片，即照片305。如果用户在图34的区域B进行右滑操作，区域B切换至显示照片305的上一个照片/视频，即返回至图32所示的播放视频202的界面。
在一示例中，如果当前展示项是关联有“一录多得”内容的视频或该视频对应的“一录多得”内容，在缩略图区域(即区域C)展开显示关联有“一录多得”内容的视频及该视频对应的“一录多得”内容的缩略图。例如，如图32和33所示，在区域C展开显示视频202及该视频关联的精彩时刻照片的缩略图。
如果当前展示项是普通照片或普通视频(例如图34中区域B展示的照片305)，可在缩略图区域仅显示原始视频对应的缩略图(例如缩略图206)，不再展示“一录多得”内容对应的缩略图(例如缩略图207、缩略图208或缩略图209等)。以及，缩略图区域中正常展示普通照片和普通视频的缩略图。换言之，此种情况下，大图区域下方的缩略图区域所显示的缩略图的数量和顺序与图库中的缩略图相同。
这样，在没有展示“一录多得”内容的场景下，避免“一录多得”内容的缩略图占用过多的显示空间，从而使有限的显示区域内显示更多用户可能查看的缩略图，提高了用户体验。此外，能够保证区域C中显示的缩略图与图库应用中的缩略图顺序一致。
此外，本申请实施例上述的用户对区域C的缩略图列表的操作及显示界面的切换效果，同样适用于图32～图34所示的实施例，换言之，用户也可以对图32～图34中区域C显示的缩略图列表进行点击或左右滑动操作，以切换欲在区域B显示的视频或照片，界面的切换效果与缩略图列表中不包含图库中其它照片或视频的实施例相似，此处不再赘述。
在又一示例中，在播放关联有“一录多得”内容的原始视频时，区域B不显示播放进度条，如图35所示，在区域C的中显示播放进度条。
如图35所示，播放进度条包括位于区域C的左边界的暂停播放控件701，位于区域C右边界的静音控件702，以及原始视频的缩略图上的播放进度控件703。其中，静音控件701也可称为静音按钮或音量控制器。
此种场景下，为了能够清晰地显示视频播放进度，如图35所示，原始视频对应缩略图的宽度大于其他缩略图的宽度。随着视频的播放进度变化，播放进度控件703在缩略图上的位置会左右移动。
如果用户点击图35中的缩略图206，进入图36所示的界面，在区域C中展开显示原始视频的图像帧序列，该图像帧序列包括原始视频中按时间由早到晚的顺序排列的多张图像帧。如图36所示，缩略图801～803均为原始视频中的图像帧。
可以理解，图36仅示出了视频图像帧序列中的3个图像帧，实际视频的图像帧序列中包括多张(如十几张到几十张甚至更多)图像帧，随着用户左右滑动图像帧序列，更多的图像帧可以显示在区域C中。这样，用户可以直接根据视频中的图像帧准确调整视频的播放进度，提高进度调整的准确度。
在区域B显示精彩时刻照片时，例如，用户点击图35中的精彩时刻照片的缩略图(如缩略图207)，进入图37所示的界面，选择器2051定位于缩略图207上方，区域B显示缩略图207对应的照片。区域C不再显示播放进度条，也不再展开显示原始视频的图像帧序列，仅在区域C显示缩略图206，并在缩略图206上还显示播放控件2061。图37中的播放控件2061与图23中的播放控件2061的显示策略及功能相同，此处不再赘述。
此外，用户左右滑动大图区域(即区域B)，区域B对应的显示效果与上述的图32～图34的效果相同，如，左右滑动区域B，区域B显示图库应用中与原始视频相邻的下/上一张 照片。
在一示例中，当区域B显示图库应用中的普通照片或视频(如图34中区域B展示的照片305)时，区域C可以仅显示原始视频的缩略图(如缩略图206)，不再展开显示原始视频的图像帧序列及关联的“一录多得”内容的缩略图(如缩略图207、缩略图208或缩略图209等)。
此外，图35和图36所示的播放进度条，也可以应用于图27～图30所示的场景中，该场景下，区域C仅显示原始视频及关联的“一录多得”内容的缩略图，不显示图库应用中其他照片和视频的缩略图，此种场景下，播放进度条的显示效果与图35和图36所示的示例相似，此处不再赘述。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本实施例所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (25)

  1. 一种浏览多媒体内容的方法，其特征在于，应用于电子设备，所述方法包括：
    响应于用户打开图库应用的操作，显示第一界面，所述第一界面包括第一视频的第一缩略图；
    响应于用户对所述第一缩略图输入的操作，显示所述第一视频的播放界面，所述播放界面包括第一区域和第二区域，所述第二区域显示所述第一视频，所述第一区域包括缩略图列表，所述缩略图列表包括与所述第一视频关联的至少一张精彩时刻照片的缩略图；
    响应于用户在所述缩略图列表中选择第二缩略图的操作，在所述第二区域显示与所述第二缩略图对应的第一精彩时刻照片，且不再显示所述第一视频。
  2. 根据权利要求1所述的方法，其特征在于，所述精彩时刻照片是在所述第一视频的录制过程中自动拍摄得到；
    或者，在所述第一视频的录制过程中，响应于用户对拍照键的触控操作，拍摄得到所述精彩时刻照片。
  3. 根据权利要求1或2所述的方法，其特征在于，所述缩略图列表中还包括所述第一视频的第三缩略图。
  4. 根据权利要求3所述的方法，其特征在于，在所述第二区域显示与所述第二缩略图对应的第一精彩时刻照片时，所述第一视频的第三缩略图还包括播放控件。
  5. 根据权利要求1-4任一项所述的方法，其特征在于，所述第一区域还包括选择器，所述方法还包括：
    响应于用户对所述缩略图列表的滑动操作，所述缩略图列表在所述第一区域移动，停留在所述选择器所在范围的缩略图为用户选择的所述第一缩略图。
  6. 根据权利要求5所述的方法，其特征在于，所述响应于用户对所述缩略图列表的滑动操作，所述缩略图列表在所述第一区域移动包括：
    在检测到用户对所述缩略图列表的滑动操作后，确定所述滑动操作的滑动参数，所述滑动参数包括滑动速度和滑动方向；
    触发所述缩略图列表向所述滑动方向移动，且以与所述滑动速度相匹配的移动速度移动；
    在检测到滑动离手操作后，确定滑动离手速度；
    如果所述滑动离手速度为0，触发所述缩略图列表停止移动；
    如果所述滑动离手速度大于0，触发所述缩略图列表以所述滑动离手速度继续移动，直到移动速度降为0停止。
  7. 根据权利要求6所述的方法，其特征在于，所述方法还包括：
    所述缩略图列表停止移动后，确定所述缩略图列表的移动位移；
    获取所述移动位移与所述缩略图的宽度之间的比值，并对所述比值进行四舍五入取整运算得到第一数值；
    如果所述第一数值等于0，确定停留在所述选择器所在范围内的缩略图为原始缩略图，所述原始缩略图是接收到所述滑动操作之前处于所述选择器所在范围内的缩略图；
    如果所述第一数值大于0，确定所述缩略图列表中位于所述原始缩略图的目标方向， 且与所述原始缩略图间隔所述第一数值的缩略图为停留在所述选择器所在范围内的缩略图，所述目标方向是与所述滑动操作的滑动方向相反的方向。
  8. 根据权利要求6或7所述的方法，其特征在于，所述方法还包括：
    在响应于用户的右滑操作，所述缩略图列表向右移动的过程中，如果所述缩略图列表中的第一张缩略图处于所述选择器所在范围内，且检测到右滑操作的滑动离手速度大于0，触发所述缩略图列表向左移动第一预设位移后返回至使所述第一张缩略图处于所述选择器所在范围内的位置；
    在响应于用户的左滑操作，所述缩略图列表向左移动的过程中，如果所述缩略图列表中的最后一张缩略图处于所述选择器所在范围内，且检测到左滑操作的滑动离手速度大于0，触发所述缩略图列表向右移动第二预设位移后返回至使所述最后一张缩略图处于所述选择器所在范围内的位置。
  9. 根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于用户对所述缩略图列表的点击操作，确定被点击的缩略图为用户选择的所述第一缩略图。
  10. 根据权利要求3-9任一项所述的方法，其特征在于，所述方法还包括：
    响应于用户对所述第一视频的第三缩略图输入的操作，所述第二区域显示所述第一视频，且所述第一视频的显示状态和播放进度与最近一次退出所述第一视频时的状态相同，所述显示状态包括播放状态和暂停播放状态。
  11. 根据权利要求1-10任一项所述的方法，其特征在于，所述缩略图列表还包括所述图库应用中除所述第一视频之外的其他照片或视频的缩略图。
  12. 根据权利要求11所述的方法，其特征在于，所述方法还包括：
    响应于用户对所述第二区域的滑动操作，所述第二区域显示所述图库应用中与所述第一视频的第一缩略图相邻的第四缩略图对应的内容。
  13. 根据权利要求12所述的方法，其特征在于，在所述第二区域显示所述第一视频或与所述第一视频关联的精彩时刻照片时，在所述缩略图列表中展开显示所述第一视频及所述精彩时刻照片的缩略图。
  14. 根据权利要求12或13所述的方法，其特征在于，在所述第二区域显示所述其他照片或视频的内容时，所述缩略图列表显示所述第一视频的第三缩略图，以及隐藏与所述第一视频关联的精彩时刻照片的缩略图。
  15. 根据权利要求13所述的方法，其特征在于，所述方法还包括：
    在所述第二区域显示所述第四缩略图对应的内容时，响应于用户对所述第二区域的滑动操作，在所述第二区域从第0秒开始播放所述第一视频，所述第二区域不再显示所述第四缩略图对应的内容。
  16. 根据权利要求1-15任一项所述的方法，其特征在于，所述方法还包括：
    在所述第二区域显示所述第一视频的内容时，所述第一区域还包括播放进度条，所述播放进度条包括暂停播放控件、静音控件及播放进度控件；
    所述暂停播放控件位于所述第一区域的第一边界，所述静音控件位于所述第一区域的第二边界；
    所述播放进度控件位于所述第一视频的第三缩略图上，且所述第三缩略图的宽度大于 所述缩略图列表中其他缩略图的宽度。
  17. 根据权利要求16所述的方法，其特征在于，所述方法还包括：
    响应于用户对所述第三缩略图的输入的操作，所述缩略图列表中展开显示所述第一视频的图像帧序列；
    响应于用户对所述播放进度控件输入的操作，所述第二区域显示所述播放进度控件定位的图像帧。
  18. 根据权利要求17所述的方法，其特征在于，所述方法还包括：
    在所述第二区域显示与所述第一视频关联的精彩时刻照片时，所述缩略图列表显示所述第一视频的第三缩略图，并隐藏所述第一视频的图像帧序列。
  19. 根据权利要求1-15任一项所述的方法，其特征在于，所述方法还包括：
    响应于用户对所述第二区域的滑动操作，显示第二界面，所述第二界面显示所述图库应用中与所述第一视频的第一缩略图相邻的第四缩略图的内容，且不显示所述缩略图列表。
  20. 根据权利要求1-19任一项所述的方法，其特征在于，所述缩略图列表中每个缩略图的宽高比均是1:1；
    或者，
    所述第一缩略图的宽高比是所述第一缩略图对应的视频或照片的实际宽高比，所述缩略图列表中的其他缩略图的宽高比是1:1。
  21. 根据权利要求19所述的方法，其特征在于，所述第一缩略图的高大于所述缩略图列表中其他缩略图的高。
  22. 根据权利要求1所述的方法，其特征在于，所述第一视频的缩略图包括第一标识，所述第一标识用于指示所述第一视频与至少一张精彩时刻照片相关联。
  23. 根据权利要求1所述的方法，其特征在于，所述第一区域位于所述第二区域的下方，且所述第二区域的面积大于所述第一区域的面积。
  24. 一种电子设备，其特征在于，所述电子设备包括：一个或多个处理器、存储器和触摸屏；所述存储器用于存储程序代码；所述处理器用于运行所述程序代码，使得所述电子设备实现如权利要求1至23任一项所述的浏览多媒体内容的方法。
  25. 一种计算机可读存储介质，其特征在于，其上存储有指令，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1至23任一项所述的浏览多媒体内容的方法。
PCT/CN2022/139077 2022-02-28 2022-12-14 浏览多媒体内容的方法及装置 Ceased WO2023160143A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
US18/255,996 US20240370134A1 (en) 2022-02-28 2022-12-14 Method for Browsing Multimedia Content and Apparatus
EP22896860.8A EP4258130A4 (en) 2022-02-28 2022-12-14 METHOD AND DEVICE FOR VIEWING MULTIMEDIA CONTENT

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210191802.XA CN116701672A (zh) 2022-02-28 2022-02-28 浏览多媒体内容的方法及装置
CN202210191802.X 2022-02-28

Publications (1)

Publication Number Publication Date
WO2023160143A1 true WO2023160143A1 (zh) 2023-08-31

Family

ID=87764617

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/139077 Ceased WO2023160143A1 (zh) 2022-02-28 2022-12-14 浏览多媒体内容的方法及装置

Country Status (4)

Country Link
US (1) US20240370134A1 (zh)
EP (1) EP4258130A4 (zh)
CN (1) CN116701672A (zh)
WO (1) WO2023160143A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116781822B (zh) * 2022-03-15 2025-04-22 荣耀终端股份有限公司 视频处理方法、电子设备及可读介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080086688A1 (en) * 2006-10-05 2008-04-10 Kubj Limited Various methods and apparatus for moving thumbnails with metadata
US20110320441A1 (en) * 2010-06-25 2011-12-29 Microsoft Corporation Adjusting search results based on user social profiles
CN103616983A (zh) * 2013-11-25 2014-03-05 小米科技有限责任公司 一种图片展示方法、装置和终端设备
CN105100961A (zh) * 2015-07-23 2015-11-25 华为技术有限公司 视频缩略图生成方法及生成装置
CN106851407A (zh) * 2017-01-24 2017-06-13 维沃移动通信有限公司 一种视频播放进度的控制方法及终端

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003289486A (ja) * 2002-03-27 2003-10-10 Sanyo Electric Co Ltd 映像再生装置
US7840982B1 (en) * 2004-09-28 2010-11-23 Embarq Holding Company, Llc Video-all call system and method for a facility
JP2006180411A (ja) * 2004-12-24 2006-07-06 Matsushita Electric Ind Co Ltd 記録再生装置およびデジタルカメラ
JP2007116472A (ja) * 2005-10-20 2007-05-10 Orion Denki Kk 記録再生装置
CN100546379C (zh) * 2006-04-24 2009-09-30 中国科学院自动化研究所 基于移动设备的体育视频的个性化定制方法及其装置
JP2007336283A (ja) * 2006-06-15 2007-12-27 Toshiba Corp 情報処理装置、情報処理方法および情報処理プログラム
US9553947B2 (en) * 2007-07-18 2017-01-24 Google Inc. Embedded video playlists
KR20090020180A (ko) * 2007-08-23 2009-02-26 엘지전자 주식회사 동영상 데이터에서 하이라이트 장면을 지정하는 방법 및이를 이용한 단말기
US8683197B2 (en) * 2007-09-04 2014-03-25 Apple Inc. Method and apparatus for providing seamless resumption of video playback
US8365235B2 (en) * 2007-12-18 2013-01-29 Netflix, Inc. Trick play of streaming media
US8875023B2 (en) * 2007-12-27 2014-10-28 Microsoft Corporation Thumbnail navigation bar for video
KR102238549B1 (ko) * 2014-02-26 2021-04-09 엘지전자 주식회사 디지털 디바이스 및 상기 디지털 디바이스에서 스크린 세이버 처리 방법
US10178346B2 (en) * 2014-03-17 2019-01-08 Microsoft Technology Licensing, Llc Highlighting unread messages
US10225511B1 (en) * 2015-12-30 2019-03-05 Google Llc Low power framework for controlling image sensor mode in a mobile image capture device
DK179932B1 (en) * 2017-05-16 2019-10-11 Apple Inc. DEVICES, METHODS, AND GRAPHICAL USER INTERFACES FOR NAVIGATING, DISPLAYING, AND EDITING MEDIA ITEMS WITH MULTIPLE DISPLAY MODES
US10423320B2 (en) * 2017-11-13 2019-09-24 Philo, Inc. Graphical user interface for navigating a video
CN111061912A (zh) * 2018-10-16 2020-04-24 华为技术有限公司 一种处理视频文件的方法及电子设备
US10936178B2 (en) * 2019-01-07 2021-03-02 MemoryWeb, LLC Systems and methods for analyzing and organizing digital photos and videos
US11054973B1 (en) * 2020-06-01 2021-07-06 Apple Inc. User interfaces for managing media
JP2022070081A (ja) * 2020-10-26 2022-05-12 レノボ・シンガポール・プライベート・リミテッド 情報処理装置、及び制御方法
US20220382443A1 (en) * 2021-06-01 2022-12-01 Apple Inc. Aggregated content item user interfaces
CN114415907B (zh) * 2022-01-21 2023-08-18 腾讯科技（深圳）有限公司 媒体资源显示方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080086688A1 (en) * 2006-10-05 2008-04-10 Kubj Limited Various methods and apparatus for moving thumbnails with metadata
US20110320441A1 (en) * 2010-06-25 2011-12-29 Microsoft Corporation Adjusting search results based on user social profiles
CN103616983A (zh) * 2013-11-25 2014-03-05 小米科技有限责任公司 一种图片展示方法、装置和终端设备
CN105100961A (zh) * 2015-07-23 2015-11-25 华为技术有限公司 视频缩略图生成方法及生成装置
CN106851407A (zh) * 2017-01-24 2017-06-13 维沃移动通信有限公司 一种视频播放进度的控制方法及终端

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4258130A4

Also Published As

Publication number Publication date
US20240370134A1 (en) 2024-11-07
CN116701672A (zh) 2023-09-05
EP4258130A1 (en) 2023-10-11
EP4258130A4 (en) 2024-08-28

Similar Documents

Publication Publication Date Title
KR102709021B1 (ko) 비디오 촬영 방법 및 전자 디바이스
CN112954210B (zh) 拍照方法、装置、电子设备及介质
EP3226537B1 (en) Mobile terminal and method for controlling the same
US12610133B2 (en) Photographing interface display method and apparatus, electronic device, and medium
CN105955607B (zh) 内容分享方法和装置
CN113727015B (zh) 一种视频拍摄方法及电子设备
CN112714253B (zh) 视频录制方法、装置、电子设备和可读存储介质
CN113794923B (zh) 视频处理方法、装置、电子设备及可读存储介质
EP4345650A1 (en) Human-machine interaction method and apparatus, and electronic device
CN115473996B (zh) 一种视频拍摄方法及电子设备
WO2023134583A1 (zh) 视频录制方法、装置及电子设备
WO2024179100A1 (zh) 一种拍摄方法
WO2024179101A9 (zh) 一种拍摄方法
JP4724242B2 (ja) 電子機器および画像表示方法
WO2022237317A1 (zh) 显示方法及电子设备
WO2023160143A1 (zh) 浏览多媒体内容的方法及装置
CN118963624A (zh) 动态图片处理方法、电子设备及计算机可读存储介质
CN115484385B (zh) 一种视频拍摄方法及电子设备
CN108009273B (zh) 图像显示方法、装置及计算机可读存储介质
CN117939287A (zh) 一种异常提示方法及电子设备
CN115484394A (zh) 一种隔空手势的引导使用方法及电子设备
CN116708649A (zh) 视频处理方法、电子设备及可读介质
CN116700561A (zh) 视频保存方法及装置
HK40080327A (zh) 显示方法及电子设备
CN116701687A (zh) 视频显示方法及装置

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2022896860

Country of ref document: EP

Effective date: 20230602

NENP Non-entry into the national phase

Ref country code: DE

WWW Wipo information: withdrawn in national office

Ref document number: 2022896860

Country of ref document: EP