Webpage Non-Streaming Media Playback via Key Frame Segmentation

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing webpage media playback technologies consume unnecessary traffic and bandwidth due to preloading media data, leading to delays in other services, especially when users skip playback progress.

Innovation Solution

A method and device for playing non-streaming media files by acquiring media data between key frames, constructing segmented media files, and delivering a virtual address to media elements via a media source extension interface, allowing for controlled loading and independent playback without complete data download.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Duration of action of stationary object

If preloading media data is performed to ensure continuous playback, then playback continuity is improved, but traffic and bandwidth consumption increase unnecessarily

Engineering Contradiction:

Improveplayback continuityVSAvoidtraffic and bandwidth consumption

Core Design Contradiction:

Duration of action of stationary objectVSLoss of energy

Solution Approach 1:

The patent segments the media file into multiple segments based on key frames (I-frames). Each segment contains media data from one key frame to the next key frame, allowing independent decoding and playback. This segmentation enables the system to load only the necessary segments for current playback position rather than preloading all media data, thus reducing bandwidth consumption while maintaining playback continuity.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent implements partial loading by loading only the media data segments required for current playback position and upcoming segments, rather than loading the entire media file. When users skip to different positions, the system loads only the relevant segments from that position forward, avoiding the excessive action of loading all data in advance.

Inventive Principle:

Principle #16Partial or excessive action

2Reliability

If complete media data is downloaded for non-streaming media format playback, then playback reliability is improved, but loading time and storage occupation increase

Engineering Contradiction:

Improveplayback reliabilityVSAvoidloading time

Core Design Contradiction:

ReliabilityVSLoss of time

Solution Approach 1:

The patent divides the non-streaming media file into segments based on key frames, where each segment is self-contained with complete decoding information starting from an I-frame. This allows the browser to download and playback segments progressively without waiting for the complete file, reducing loading time while maintaining playback reliability through proper segment structure.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent performs preliminary segmentation of the media file into key frame-based segments before delivery. Each segment is prepared with necessary metadata and decoding information in advance, enabling the browser to process and playback segments as they are downloaded without requiring complete file download first.

Inventive Principle:

Principle #10Preliminary action

3Duration of action of stationary object

If preloaded media data is reused when play point skips, then playback continuity is maintained, but unnecessary traffic consumption occurs

Engineering Contradiction:

Improveplayback continuityVSAvoidtraffic consumption

Core Design Contradiction:

Duration of action of stationary objectVSLoss of energy

Solution Approach 1:

The patent segments media data at key frame boundaries, creating discrete playback units. When users skip to different positions, the system identifies the new playback position's segment and loads only that segment and subsequent segments, rather than reusing preloaded data from previous positions. This ensures traffic is consumed only for newly required content.

Inventive Principle:

Principle #1Segmentation

4Duration of action of stationary object

If all media data is loaded into memory for playback, then playback smoothness is improved, but storage space occupation increases

Engineering Contradiction:

Improveplayback smoothnessVSAvoidstorage space occupation

Core Design Contradiction:

Duration of action of stationary objectVSQuantity of substance

Solution Approach 1:

The patent divides the media file into key frame-based segments that are loaded progressively into memory as needed for playback. Only the current segment and a limited number of subsequent segments are held in memory at any time, rather than loading the entire media file. This reduces storage space occupation while maintaining playback smoothness through continuous segment loading.

Inventive Principle:

Principle #1Segmentation

Data Source

PatentUS11025991B2Webpage playing method and device and storage medium for non-streaming media file

Publication Date: 2021.06.01 DOUYIN VISION CO LTD

AI summary

The disclosure provides a webpage playing method and device for a non-streaming media file and a storage medium. The method includes part of a media data in a media file is obtained based on two key frames of the media file played in a webpage with an embedded player, the media file is in a non-streaming media format; a segmented media file is constructed based on media data between the two key frames; the constructed segmented media file is added to a media source object in a media resource extension interface; and a virtual address is delivered to media elements of the webpage, wherein the virtual address is used for the media elements to play with the media source object as a data source.