Interactive Video Progress Bar Using Markup Language
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web platforms require users to navigate multiple areas to gather information, leading to inefficiencies, increased network and computing resource consumption, and prolonged information retrieval times, which degrades user satisfaction.
Innovation Solution
Creating interactive videos in the form of HTML pages that allow users to interact with embedded HTML links and elements, reducing the need to visit multiple web pages and conserving resources by rendering and streaming as a series of HTML pages, which requires less computing and network resources.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If users navigate multiple web pages to gather information, then they can access comprehensive information, but network resource consumption increases and information retrieval time is prolonged
Solution Approach 1:
The patent combines multiple web pages containing different information (stock statistics, account balance, trading instructions) into a single integrated video page. This merging eliminates the need for users to navigate between multiple pages, thereby reducing information retrieval time while preserving access to all necessary information in one location.
Solution Approach 2:
The video page serves multiple functions simultaneously: displaying stock statistics, showing account balance, providing trading instructions, and enabling direct trading actions. This multi-functionality consolidates what previously required multiple separate pages into a single universal interface, reducing both navigation time and network requests.
2Loss of information
If users navigate multiple web pages to gather information, then they can access comprehensive information, but computing resource consumption increases
Solution Approach 1:
The system merges multiple web pages into a single video page, reducing the number of HTTP requests and page rendering operations required. This consolidation decreases computing resource consumption on both the server side (fewer page generations) and client side (fewer navigation and loading operations).
3Ease of operation
If traditional video formats are used, then video playback is simple, but loading and buffering time is prolonged
Solution Approach 1:
The patent replaces traditional binary video formats (MP4, MOV, AVI) with HTML-based video pages. This substitution enables the video content to be delivered as web-compatible HTML pages with embedded video elements, allowing for more efficient streaming and rendering in web browsers, thereby reducing loading and buffering times while maintaining playback functionality.
4Adaptability or versatility
If interactive elements are added to video, then user interaction capability improves, but video timing synchronization becomes complex
Solution Approach 1:
The system implements a timing map that tracks the temporal relationships between video scenes and interactive HTML elements. This feedback mechanism allows the system to monitor and adjust the synchronization between video playback and interactive element activation, ensuring that clickable elements appear and function at the correct moments in the video sequence despite the added complexity.
Data Source
AI summary
A device that includes a playback engine configured to receive a video request that includes source scene information for a set of video scenes and animation instructions. The playback engine is configured to assign source scene identifiers for each video scene and to assign animation identifiers to elements in the video scenes. The playback engine is configured to generate a scene timing map that links a source scene identifier with an animation identifier and a time duration for the animation identifier. The playback engine is configured to generate a video timing map that includes a set of timestamp entries that each reference a source scene identifier and an animation identifier in the scene timing map. The playback engine is configured to link a progress bar with the video timing map and to display the progress bar with a video scene that is generated based on the source scene information.