Graphical user interface of live broadcast tool module of electronic device and main body thereof

Abstract

1. Name of the product of this design: Graphical user interface and main body of a live broadcast tool module 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 lie in 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: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Overall purpose: live broadcast room interaction, local purpose: to realize the display and interaction functions of the live broadcast tool module through changes in user operations. 7. Other situations that require explanation, please refer to the following diagrams: Design 1: The main view of Design 1 is the display interface of the live broadcast tool module. From top to bottom in the middle of the interface are the current live broadcast room information, screen preview and broadcast control area. Select the "Start Live Broadcast" button in the broadcast control area, and the interactive card component will be displayed below the screen preview area, as shown in the design 1 change state diagram; Design 2: Select the "Start Live Broadcast" button in the broadcast control area at the bottom of the design 2 main view interface, as shown in the design 2 change state diagram 1, and select the "+ Material" button in the material list area in the upper left corner of the interface, as shown in the design 2 change state diagram 2; Design 3: Select the "Start Live Broadcast" button in the broadcast control area at the bottom of the design 3 main view interface, as shown in the design 3 change state diagram 1, and select the "Live Broadcast Settings" button in the live broadcast tool area in the lower left corner of the interface, as shown in the design 3 change state diagram 2; Designs 4 to 6 are vertical screen display interfaces for screen preview, among which the interaction method of Design 4 is the same as that of Design 1, the interaction method of Design 5 is the same as that of Design 2, and the interaction method of Design 6 is the same as that of Design 3; Design 7: As shown in the design 7 main view, the camera of the live broadcast room can be set; Design 8: As shown in As shown in the main view of Design 8, by dragging and dropping various areas in the module, the position of the area in the interface can be changed, such as dragging the live interactive area in the lower right corner of the interface, or clicking the "pop-up window" icon on the right side of the top bar of the live interactive area in the lower right corner of the interface, a pop-up box of the corresponding area will pop up, as shown in the change state diagram of Design 8; the usage state reference diagram is a rendering of the user interaction interface, the main view and change state diagram of Design 1 correspond to the usage state reference diagrams 1~2 of Design 1 respectively, the main view and change state diagram of Design 2 correspond to the usage state reference diagrams 1~3 of Design 2 respectively, the main view and change state diagram of Design 3 correspond to the usage state reference diagrams 1~3 of Design 3 respectively, the main view and change state diagram of Design 4 correspond to the usage state reference diagrams 1~2 of Design 4 respectively, the main view and change state diagram of Design 5 correspond to the usage state reference diagrams 1~3 of Design 5 respectively, the main view and change state diagram of Design 6 correspond to the usage state reference diagrams 1~3 of Design 6 respectively, the main view of Design 7 corresponds to the usage state reference diagram of Design 7, and the main view and change state diagram of Design 8 correspond to the usage state reference diagrams 1~2 of Design 8 respectively.

Images