Live room content display and interactive graphical user interface for electronic devices

Abstract

1. Name of the product in this design: A live streaming content display and interactive graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Use of the graphical user interface: The design requested for protection is used to display the scene of the concert live broadcast, zoom in or out of the video window, move the glowing sea scene, zoom in to view the details of the glowing sea, gradually light up the glowing sea as the number of people increases, change the glowing sea wish, display the playback position of gift effects, glowing sea competition and other interactive features. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the current location of the fluorescent sea is displayed. Users can click on the video window to change the size of the video screen; they can drag the fluorescent sea scene left and right; they can zoom in and out with two fingers to view the details of the fluorescent sea; and they can click on any control at the bottom of the interface to perform corresponding operations, such as: sending bullet comments, expanding the corresponding tool panel, clicking the light stick, etc. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, the launch attack effects are displayed when the user participates in the competition. The user can continue to compete by clicking the cheering stick control at the bottom of the interface. In the main view of Design 4, when the user clicks on the video window, the window is enlarged and displayed, showing the interface changes from the main view of Design 4 to the interface change state diagram of Design 4. In the main view of Design 5, when the user clicks and drags the fluorescent sea scene to the right, the fluorescent sea scene changes display according to the drag range, showing the interface changes from the main view of Design 5 to the interface state diagram of Design 5. In the main view of Design 6, when the user presses and holds two fingers on the scene screen and spreads them to zoom in, the display switches to show the details of the fluorescent light sticks, presenting the interface changes from the main view of Design 6 to the interface state diagram of Design 6. In the main view of Design 7, when the user clicks the gift control on the right side of the pop-up input bar at the bottom of the interface, the gift panel expands upwards at the bottom of the interface, showing the interface change from the main view of Design 7 to the interface change state diagram 1 of Design 7. When a user clicks to purchase a gift, the panel closes, and a gift effect is displayed in the user's current avatar area, showing the interface changes from Design 7 Interface Change State Figure 1 to Design 7 Interface Change State Figure 2. In the main view of Design 8, when the user clicks the formation wish control on the right side of the bar at the bottom of the interface, the formation wish panel expands upwards at the bottom of the interface, showing the interface change from the main view of Design 8 to the interface change state diagram 1 of Design 8. When the user clicks to make a wish for any formation, the panel closes (and the formation change time arrives), the fluorescent sea switches formation scenes, and the interface changes from Design 8 interface change state diagram 1 to Design 8 interface change state diagram 2 are presented. In the main view of Design 9, the currently displayed scene is a partially lit fluorescent sea. As more people enter the live stream, the fluorescent sea gradually lights up and displays the formation scene, showing the interface changes from the main view of Design 9 to the interface change state diagram 2 of Design 9. In the main view of Design 10, when the user clicks the cheering stick control at the bottom of the interface, the cheering stick combo effect is displayed, showing the interface change from the main view of Design 10 to the interface change state diagram 1 of Design 10. When a user clicks the cheering stick continuously, a competition item will appear randomly, showing the interface changes from Design 10 Interface Change State Diagram 1 to Design 10 Interface Change State Diagram 2. When the user clicks on the item, the item launches an attack animation, resulting in interface changes from Design 10 Interface Change State Figure 2 to Design 10 Interface Change State Figure 3. In each design interface, the rectangular gray-covered area represents the video content screen, and the circular gray-covered area represents the user avatar content screen.

Images