Live Video Floating Window Playback Using Dual Players
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users with iOS devices cannot view live videos in a floating window mode, leading to poor user experience.
Innovation Solution
Create a second video player that supports the floating window mode after detecting an enable instruction, exit the live room playback page, and destroy the first video player to play the live video in a floating manner using the second player.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a single video player is used for live room playback, then the device complexity is reduced, but the adaptability to different playback modes (including floating window mode) deteriorates
Solution Approach 1:
The video player functionality is segmented into two distinct instances: a first video player for full-screen live room playback and a second video player for floating window playback. This segmentation allows each player to be optimized for its specific playback mode, enabling the system to support multiple playback modes simultaneously without requiring a single complex player to handle all scenarios.
2Ease of operation
If the first video player is kept active for live room playback, then the playback functionality is maintained, but the ability to switch to floating window mode is blocked
Solution Approach 1:
The floating window playback functionality is extracted from the first video player by creating a separate second video player instance. This extraction allows the system to maintain the first video player for full-screen playback while simultaneously enabling floating window mode through the second player, thus resolving the conflict between maintaining playback reliability and enabling mode switching.
Solution Approach 2:
The system dynamically manages multiple video player instances based on the user's playback mode requirements. When floating window mode is activated, a second video player is created and configured for that specific mode, while the first video player continues to handle full-screen playback. This dynamic instantiation allows flexible switching between playback modes without compromising the reliability of the primary playback function.
Data Source
AI summary
This application discloses a live room video playback method. The method includes: in response to detecting that a user enters a live room playback page, playing a live video by using a first video player; in response to detecting that an enable instruction of a floating window mode is received, creating a second video player; exiting the live room playback page, and destroying the first video player; and playing the live video in a floating manner by using the second video player.