Comment module of video playing graphical user interface of electronic device

Abstract

1. Name of the product in this design: Comment module of video playback graphical user interface for electronic device. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the graphical user interface portion for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 Change State Diagram 1. 5. Design 1 is designated as the basic design. 6. Uses of the graphical user interface: Overall use: video playback interaction; Local use: enabling users to view the current video comments in a full-screen scene through changes in user operations. 7. Other situations requiring explanation are illustrated in the diagrams: This design protects the comment module; Design 1: As shown in the main view of Design 1, a "Comment" icon is displayed in the upper right corner of the full-screen player. Clicking the icon expands the comment overlay on the right side of the interface, supporting vertical scrolling to browse comment content. The currently playing video is proportionally shrunk to the left side of the overlay, and the bullet comments are displayed above the video content, as shown in Figure 1 of the changed state of Design 1. Clicking the "View X Replies" option in the overlay expands the second-level comment page, as shown in Figure 2 of the changed state of Design 1, supporting vertical scrolling to browse comment content. Clicking the "<" option in the upper left corner of the overlay returns to the first-level comment page; Design 2: Clicking the "Comment" icon in the upper right corner of the main view interface of Design 2 expands the comment overlay on the right side of the interface, supporting vertical scrolling to browse comment content. The currently playing video is proportionally shrunk to the left side of the overlay. On the left side of the layer, the bullet comments are displayed above the video content, as shown in Design 2 Change State Diagram 1. Clicking the "┇" option in the lower right corner of the comment content in the floating layer expands more comment functions, as shown in Design 2 Change State Diagram 2; Design 3: Clicking the "Comment" icon in the upper right corner of the main view interface of Design 3 expands the comment floating layer on the right side of the interface, as shown in Design 3 Change State Diagram 1. Clicking the video area on the left returns the interface to full-screen mode, and the playback control function is collapsed, as shown in Design 3 Change State Diagram 2; The usage state reference diagram is a rendering of the user interaction interface. The main view of Design 1 and Change State Diagrams 1-2 correspond to the usage state reference diagrams 1-3 of Design 1, the main view of Design 2 and Change State Diagrams 1-2 correspond to the usage state reference diagrams 1-3 of Design 2, and the main view of Design 3 and Change State Diagrams 1-2 correspond to the usage state reference diagrams 1-3 of Design 3.

Images