Avatar Display Box Live Preview for Livestream State Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The existing method of displaying a static image and livestreaming identification in an avatar display box on a personal homepage fails to meet user needs, affecting the user experience by providing insufficient information about the livestreaming state of a live streamer.
Innovation Solution
A page display method that includes displaying a live video stream or target video segment of a target object in the avatar display box on a target page, enhancing the display with zoom-in functionality and clipping region control to enrich and highlight livestreaming content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If a static image and livestreaming identification are displayed in the avatar display box, then the display is simple and clear, but the information about the livestreaming state is insufficient and user experience is affected
Solution Approach 1:
The avatar display box dynamically switches between displaying a static avatar image and displaying a live video stream based on the livestreaming state. When the target object is in a livestreaming state, the system displays the live video stream; otherwise, it displays the static avatar image. This dynamic adaptation resolves the contradiction by providing rich livestreaming information only when needed, maintaining simplicity otherwise.
2Loss of information
If a live video stream is displayed in the avatar display box, then the livestreaming content is enriched and user experience is enhanced, but the display size is limited and content detail is reduced
Solution Approach 1:
When the avatar display box is clicked and enters the target page, the system zooms in the avatar display box to a larger size. This dimensional transition from the small avatar box to the enlarged view on the target page allows detailed livestreaming content to be displayed, resolving the contradiction between limited display area and content detail requirement.
3Manufacturing precision
If the avatar display box is zoomed in to display detailed content, then the livestreaming preview quality is improved, but the page layout space is reduced
Solution Approach 1:
The system performs preliminary actions by displaying a thumbnail or preview of the live video stream within the original-sized avatar display box on the personal homepage. This allows users to assess the livestreaming content quality before entering the target page, reducing the need for immediately enlarging the display box and preserving page layout space while still providing quality information.
Data Source
Figure 1~2
Figure 3~4
Figure 5~6
AI summary
The present disclosure provides a page display method, apparatus, and device, and a storage medium. The method includes: receiving a trigger operation for requesting to display a target page; and in response to the trigger operation, displaying the target page, and displaying a live video stream of a target object or a target video segment in an avatar display box on the target page. The target video segment is obtained from the live video stream of the target object.