Clip editing module for live playback video graphical user interface of electronic device

Abstract

1. The name of the product of this design: A clip editing module for a live broadcast and playback video graphical user interface of an electronic device. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design features of this design product are the part of the graphical user interface for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Design 1 changing state diagram 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Overall purpose: live broadcast playback editing interaction, local purpose: to achieve the function of quickly editing live broadcast playback video through changes in user operations. 7. Other situations that require explanation Reference diagrams: This design protects the live playback video editing module; Design 1: When the mouse is hovered on the cover of the live playback video, a "Clip" button is displayed, as shown in the main view of Design 1, select the button to jump to the editing page, as shown in Design 1 change state Figure 1, the video clip in the floating layer on the right side of the interface is a quick cropped clip of the highlight moment displayed above the video progress bar, select the "+ Custom Clip" option in the floating layer, as shown in Design 1 change state Figure 2, and quickly edit and save the sub-clip by moving the cropping box; Design 2: Select the "Clip" button in the main view of Design 2, as shown in Design 2 change state Figure 1, select the "+ Custom Clip" option in the floating layer, as shown in Design 2 change state Figure 2, hover the mouse over any highlight point above the progress bar to display the name of the highlight point, as shown in Design 2 change state Figure 3, click the highlight point, the time The point is positioned at the highlight point, as shown in the design 2 change state diagram 4; Design 3: Select the "Clip" button in the design 3 main view, as shown in the design 3 change state diagram 1, select the "+ Custom Clip" option in the floating layer, as shown in the design 3 change state diagram 2, and drag the cropping box to clip the clip, as shown in the design 3 change state diagram 3; It should be noted that the highlight moment names (such as barrage highlight, comment highlight, etc.) displayed in each design main view and change state diagram are only used for example description, and their actual operations can be replaced; The usage state reference diagram is a rendering of the user interaction interface, the design 1 main view and change state diagrams 1~3 correspond to the design 1 usage state reference diagrams 1~4 respectively, the design 2 main view and change state diagrams 1~4 correspond to the design 2 usage state reference diagrams 1~5 respectively, and the design 3 main view and change state diagrams 1~3 correspond to the design 3 usage state reference diagrams 1~4 respectively.

Images