Browser Video Element Docking and Independent Rendering
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current video streaming in web browsers often results in lost frames and a poor user experience due to inefficient rendering and limited screen space on mobile devices, where video content scrolls off the viewable area when the user tries to read accompanying text, leading to frustration.
Innovation Solution
The video element in a browser is treated separately from other content, allowing it to be moved, resized, and docked independently, with the ability to receive different content streams, enabling efficient movement and display without scrolling off the screen, and switching to full-screen mode for optimal viewing.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the video element is treated as part of the browser content and scrolled with the page, then the rendering process is simple and unified, but the video scrolls off the viewable area when the user tries to read accompanying text
Solution Approach 1:
The patent segments the rendering process by creating separate rendering paths: one for video content and another for text content. The video element is extracted from the general browser content flow and processed independently through a dedicated video rendering pipeline, allowing it to maintain its position on screen while text scrolls independently.
Solution Approach 2:
The patent introduces an intermediary video player component that sits between the browser engine and the display. This video player acts as a mediator that receives video frames separately from the browser rendering engine, allowing video to be displayed independently of the scrolling text content while maintaining coordination through shared positioning information.
2Reliability
If the video is displayed in full-screen mode to allow viewing, then the video can be seen clearly, but the user cannot read the accompanying content simultaneously
Solution Approach 1:
The patent implements dynamic display modes that can switch between different configurations. The system can transition from a split view (video and text visible simultaneously) to full-screen video mode based on user interaction, allowing flexible adaptation between video quality and content accessibility needs.
Solution Approach 2:
The patent utilizes temporal dimension by allowing users to switch between display modes over time. Users can view video and text simultaneously in split mode, then switch to full-screen video mode when they need to focus on video quality, and return to split mode when they need to read content, creating a time-based dimension for content consumption.
3Productivity
If multiple layers of buffering are used in the rendering process, then content can be processed systematically, but frame loss occurs on mobile devices
Solution Approach 1:
The patent segments the buffering strategy by implementing separate buffering mechanisms for video content and text content. The video rendering pipeline has its own dedicated buffer management that operates independently from the general browser rendering buffers, allowing optimized frame delivery for video without being constrained by the systematic multi-layer buffering of general content.
Solution Approach 2:
The patent changes the buffering parameters specifically for video content, using different buffer sizes, refresh rates, and priority levels compared to text content. This allows the video system to maintain higher frame delivery reliability by adjusting buffering parameters to match video's real-time display requirements rather than using generic content buffering parameters.
4Adaptability or versatility
If the video element can be moved and resized independently, then the user interface flexibility is improved, but the browser layout management becomes more complex
Solution Approach 1:
The patent creates a universal video element framework that handles positioning, sizing, and movement through a standardized interface. This multi-functional video component can operate in different modes (embedded, docked, full-screen) while using the same underlying management system, reducing the complexity that would otherwise arise from handling multiple special cases.
Data Source
AI summary
A video element of a browser can be moved, resized, etc. independently of the remainder of a browser page. In one embodiment, as the video element is moved, the remainder of the browser page is reformatted so as to change the page's layout. The renderer of the content can have a different video provider sourcing the video element than the remainder of the browser page. As a result, two different content streams can be provided to the renderer in parallel. In another embodiment, the video element can be docked, such as through a flick operation or a drag-and-drop operation. Once docked, the browser page can be scrolled while the docked video element remains at a fixed location relative to an edge of the browser page.