Web Page Multimedia Control Interface for Portable Devices
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Portable electronic devices face inconvenience during web browsing due to automatic playback of multimedia content, such as background music, and limited video display capabilities compared to larger screens, leading to user embarrassment and restricted video viewing.
Innovation Solution
The device analyzes HTML code to identify tags related to audio and video content, generating interfaces for user control and adjusting playback settings, and optimizing video display by listing multiple video clips at predetermined positions, allowing users to manage playback and viewing experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Extent of automation
If HTML code is parsed and multimedia contents are automatically played according to parsing result, then web page functionality is fully implemented, but unwanted automatic audio playback occurs causing user embarrassment
Solution Approach 1:
The system performs preliminary analysis of HTML code to identify autoplay tags before executing multimedia playback. By detecting autoplay attributes in advance, the system can prepare control interfaces and prevent unwanted automatic playback while still allowing user-initiated playback functionality.
Solution Approach 2:
The system introduces an intermediary control interface between the HTML parsing result and multimedia playback execution. This interface allows users to review and control autoplay behavior, mediating between automatic playback functionality and user preference for noise-free environments.
2Quantity of substance
If web page is displayed with multiple video clips on portable device, then video content availability is improved, but display resolution and viewing quality deteriorate due to small screen size
Solution Approach 1:
The system segments video content display by creating a separate control interface that lists multiple video clips independently from the main web page content. This allows video clips to be displayed in a structured format that optimizes for portable device screens while maintaining access to all video content.
Solution Approach 2:
The system adds a new dimension to video display by implementing a dual-view approach: thumbnails are displayed in a grid layout optimized for small screens, while full-resolution playback occurs in a dedicated player interface, separating browsing from viewing functions.
3Ease of operation
If interface is generated to control multimedia playback, then user control capability is improved, but device operation complexity increases
Solution Approach 1:
The system merges multimedia control functionality with the existing web browsing interface. Control elements are integrated into the natural flow of web page interaction, allowing users to manage audio and video playback using familiar browsing gestures and interface patterns rather than separate control mechanisms.
Data Source
Figure 1
Figure 2
Figure 3A~3B
AI summary
A method of processing a web page in an electronic device. HTML code of a received web page is analyzed to identify the presence of an HTML tag relating to audio contents of the web page. The method identifies whether the HTML tag indicates that the audio contents are set to be played automatically. If so, automatic play of the audio contents is preventable, and the web page is displayed along with a generated interface through which playing of the audio contents is controllable.