Interactive graphical user interface for live video streaming on electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Live Video Interaction in 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. Human-computer interaction method of graphical user interface: The graphical user interface shown in the main view of Design 1-2 and the various change state diagrams of Design 1-2 are all live video interaction interfaces displayed on electronic devices. Design 1's main view displays a portrait-oriented screening room page, with the live video feed in the center and a video description area below it. Clicking the video description area displays Design 1's changed state diagram 1, where the live video feed is displayed at the top of the screen, and a video description overlay is displayed below it. A "Watch Full Movie" button is displayed in the upper right corner of the video description overlay. Clicking the "Watch Full Movie" button displays Design 1's changed state diagram 2, and the interface displays a portrait-oriented video playback page. Design 2's main view displays a landscape-style screening room page, showing a full-screen live video feed. A details button is displayed in the upper left corner of the interface. Clicking the details button displays Design 2's changed state diagram 1, where the live video feed is displayed on the left side of the interface, and a video description overlay is displayed on the right side. A "Watch Full Movie" button is displayed in the upper right corner of the video description overlay. Clicking the "Watch Full Movie" button displays Design 2's changed state diagram 2, where the landscape-style video playback page is displayed. The gray areas in the main view of Design 1-2 and the various change state diagrams of Design 1-2 represent the content to be deleted. "XX" represents text or numbers. In actual use, the interface content displayed in the main view of Design 1-2 and the various change state diagrams of Design 1-2 can be referenced to the respective reference diagrams.

Images